{# Definimos as partes do Layout que desejamos exibir. #}
{% extends '@base/base.html' %}
{% set modulo = 'md10_newsletter_campanha_enviada' %}

{% block title %}Newsletter » Envio » Visualizar{% endblock %}
{% block titulo_nav_bar %}Newsletter » Envio » Visualizar{% endblock %}

{% block mensagem %}
    <div class="alert alert-info">
        <button type="button" class="close" data-dismiss="alert">&times;</button>
        <p>Aqui você pode <strong>Visualizar</strong> as informações.</p>
        <p>Para retorna a listagem, clique em <strong>Voltar</strong>.</p>
    </div>
{% endblock %}

{% block botao_inserir %}{% endblock %}
{% block botao_voltar_grupo %}{% endblock %}
{% block botao_voltar_grupo_editar %}{% endblock %}
{% block botao_voltar_grupo_crop %}{% endblock %}

{% block body %}
    <table class="table table-striped">
        <tbody>
            <tr class="info" style="color:#3a87ad;">
                <td>
                    <strong>Registro</strong>
                </td>
            </tr>
            <tr>
                <td>
                    <strong>ID:</strong> {{ rows.id }}
                </td>
            </tr>
            <tr>
                <td>
                    <strong>Status:</strong> 
                    {% if rows.status == 0 %}
                        <span class="label label-important">
                            <i class="icon-thumbs-down icon-white"></i> Cancelado 
                        </span>
                    {% elseif rows.status == 1 %}
                        <span class="label label-warning">
                            <i class="icon-hand-up icon-white"></i> Aguardando 
                        </span>
                    {% elseif rows.status == 2 %}
                        <span class="label label-success">
                            <i class="icon-thumbs-up icon-white"></i> Enviado 
                        </span>
                    {% elseif rows.status == 3 %}
                        <span class="label label-info">
                            <i class="icon-hand-up icon-white"></i> Enviando 
                        </span>
                    {% endif %}
                </td>
            </tr>
            <tr>
                <td>
                     <strong>Data Inicio Campanha:</strong> {{ rows.data_inicio_campanha|date("d/m/Y H:i:s") }}
                </td>
            </tr>
            <tr>
                <td>
                    <strong>Título da Campanha:</strong> {{ rows.conteudo_titulo }}<br /><br />
                </td>
            </tr>
            <tr class="info" style="color:#3a87ad;">
                <td>
                    <strong>Opções</strong>
                </td>
            </tr>
        </body>
    </table>

    <div class="hero-unit" style="padding-bottom:5px; margin-top:10px;">
        {% for af in array_fields %}
            {% if af.id %}
                <strong>Lista:</strong> {{ af.lista }}<br />
                <strong>E-mails:</strong> {{ af.total_email_lista }}
                <br />
                <div class="progress progress-info progress-striped active" style="border:0px; background:#ccc;">
                    <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="{{ af.total_email_lista }}"></div>
                </div>
            {% endif %}
        {% endfor %}
    </div>

    <div class="hero-unit" style="padding-bottom:5px; margin:10px 0 0 0;">
        <strong>Total de E-mails:</strong> {{ array_fields.count_emails }}<br />
        <div class="progress progress-success progress-striped active" style="border:0px; background:#ccc;">
            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="{{ array_fields.count_emails }}"></div>
        </div>
        <strong>Total Visualizações:</strong> {{ rows.visualizacoes }}
        <br />
        <div class="progress progress-warning progress-striped active" style="border:0px; background:#ccc;">
            <div class="bar six-sec-ease-in-out" aria-valuetransitiongoal="{{ rows.visualizacoes }}"></div>
        </div>
    </div>

    <hr />

    <a href="/{% block modulo_voltar %}{{ modulo }}{% endblock %}/" class="btn btn-large btn-info">Voltar</a>
{% endblock %}