{% extends "base.html" %}

{% block content %}
<div class="card">
    <div class="card-header">
        <h2 class="card-title mb-0">{{ title }}</h2>
    </div>
    <div class="card-body">
        {% if sub_title %}
            <h5 class="card-subtitle mb-3 text-muted">{{ sub_title }}</h5>
        {% endif %}
        
        {% if result_list %}
            <ul class="list-group mb-3">
                {% for message in result_list %}
                <li class="list-group-item">{{ message }}</li>
                {% endfor %}
            </ul>
        {% endif %}
        
        <pre class="prettyprint"><code class="language-{{ language | default('javascript') }}">{{ code }}</code></pre>
    </div>
</div>
{% endblock %}