{% extends 'global/pages/base.html' %}

{% block title %}{{ title }} |{% endblock title %}

{% block content %}
    
    <div class="font-robo custom-container">
        <div class="dash-content">
            {% include 'dashboard/partials/result_card_opt.html' %}
             
            {% if task.task_name == 'Seleção de Características' %}
                {% include 'dashboard/partials/result_card_fs.html' %}
            {% endif %}
            
            {% if bar_plot_div %}
                <div class="custom-card">
                    <h1>
                        Gráfico de Distribuição
                        {% if task.task_kwargs.executions > 1 %}Média{% endif %}
                        de Frequências
                    </h1>

                    <div class="graphic">
                        {{ bar_plot_div|safe }}
                    </div>
                </div>
            {% endif %}
            
            <div class="custom-card">
                <h1>
                    Gráfico de Convergência
                    {% if task.task_kwargs.executions > 1 %}Média{% endif %}
                </h1>

                <div class="graphic">
                    {{ conv_plot_div|safe }}
                </div>
            </div>
        </div>
    </div>

{% endblock content %}