{# Definimos as partes do Layout que desejamos exibir. #}
{% set rodape_nav_bar = TRUE %}
{% set pager_top      = TRUE %}
{% set busca          = TRUE %}
{% set modulo         = 'md10_newsletter_email' %}

{% block act_busca %}/{{ modulo }}/{% endblock %}
{% extends '@base/base.html' %}

{% block title %}Newsletter » E-mail » Listagem{% endblock %}
{% block titulo_nav_bar %}Newsletter » E-mail » Listagem{% 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 gravar novas informações no sistema, clique em <strong>Inserir</strong>.</p>
    </div>
{% endblock %}

{% block botao_listagem_grupo %}{% endblock %}
{% block botao_voltar %}{% endblock %}
{% block botao_voltar_grupo %}{% endblock %}
{% block botao_voltar_grupo_editar %}{% endblock %}
{% block botao_voltar_grupo_crop %}{% endblock %}

{% block body %}
    {% if msgFlash %}
        <div class="alert alert-success">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            {{ msgFlash }}
        </div>
    {% endif %}

    <table class="table table-bordered">
        <tbody>
            {% if rows|length > 0 %}
            <tr class="info">
                
                <td><strong>E-mail</strong></td>
                <td><strong>Nome</strong></td>
                <td><strong>Status</strong></td>
                <td><strong>Ações</strong></td>
            </tr>
            {% endif %}

            {% for row in rows %}
                <tr>
                    <td width="39%">
                        {{ row.email }}
                    </td>
                    <td width="39%">
                        {{ row.nome }}
                    </td>
                    <td width="6%">
                        {% if row.status %}
                            <span class="label label-success">
                                <i class="icon-thumbs-up icon-white"></i> Ativo </span>
                        {% else %}
                        <span class="label label-important">
                            <i class="icon-thumbs-down icon-white"></i> Inativo </span>
                        {% endif %}
                    </td>
                    <td width="16%">
                        <a data-original-title="Status" rel="tooltip" href="/md10_newsletter_email/mudastatus/{{ row.id }}">{% if row.status %}<i class="icon-remove"></i>{% else %}<i class="icon-ok"></i>{% endif %}</a>&nbsp;

                        <a data-original-title="Atualizar" rel="tooltip" href="/md10_newsletter_email/editar/{{ row.id }}"><i class="icon-pencil"></i></a>&nbsp;

                        <a data-original-title="Visualizar" rel="tooltip" href="/md10_newsletter_email/visualizar/{{ row.id }}"><i class="icon-eye-open"></i></a>&nbsp;

                        <i class="icon-picture icon-gray"></i>&nbsp;

                        <i class="icon-file icon-gray"></i>&nbsp;

                        <i class="icon-film icon-gray"></i>&nbsp;

                        <i class="icon-music icon-gray"></i>&nbsp;

                        <i class="icon-envelope icon-gray"></i>&nbsp;
                        
                        <a data-original-title="Apagar" rel="tooltip" href="/md10_newsletter_email/apagar/{{ row.id }}"><i class="icon-trash"></i></a>
                    </td>
                </tr>
            {% else %}
                <tr class="error">
                    <td colspan="4">{% if q %}Não foram encontradas informações que atendam aos critérios da sua Busca por <strong>"{{ q }}"</strong>. <a href="/{{ modulo }}/">[Limpar Busca]</a>{% else %}Ainda não foram adicionadas informações neste módulo.{% endif %}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>

    <div class="accordion" id="accordion2">
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                    Exportar e-mails (CSV).
                </a>
            </div>
            <div id="collapseOne" class="accordion-body collapse">
                <div class="accordion-inner">
                    <form action="/md10_newsletter_email/export" method="POST" name="export">

                        <br />

                        <div class="alert alert-info">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <p>Aqui você pode <strong>Exportar</strong> um arquivo do tipo CSV.</p>
                            <p>Selecione as listas desejadas e clique em <strong>Exportar</strong>.</p>
                        </div>

                        <label>
                            <a data-original-title="Ajuda" href="#" rel="popover" data-content="Escolha as listas para exportação.">
                            <span class="label label-info small">?</span>
                            </a> Escolha as listas para exportação.
                        </label>

                        {% for lst in custom.export %}
                            <input type="checkbox" name="listas[]" value="{{ lst.id }}"> {{ lst.lista }}<hr style="margin:5px 0 5px 0; padding:0;">
                        {% endfor %}

                        <br />

                        <input type="submit" value="Exportar" class="btn btn-large btn-success">
                    </form>
                </div>
            </div>
        </div>

        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion3" href="#collapseTwo">
                    Importar e-mails (CSV).
                </a>
            </div>
            <div id="collapseTwo" class="accordion-body collapse">
                <div class="accordion-inner">
                    <form action="/md10_newsletter_email/import" name="import" method="POST" enctype="multipart/form-data">

                        <br />

                        <div class="alert alert-info">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <p>Aqui você pode <strong>Importar</strong> um arquivo do tipo CSV.</p>
                            <p>Para salvar um arquivo CSV abra um bloco de notas, coloque os dados na sequência por linha e separados por ( ; ) exemplo: (Nome; Emai; Telefone), selecione a opção <strong>Salvar Arquivo Como</strong> digite conforme exemplo: (nomedoarquivo.csv), altere o tipo do arquivo para <strong>Todos os Arquivos</strong> salve e importe o arquivo.</p>
                        </div>

                        <label>
                            <a data-original-title="Ajuda" href="#" rel="popover" data-content="Escolha as listas para importação.">
                            <span class="label label-info small">?</span>
                            </a> Escolha as listas para importação.
                        </label>

                        {% for hf in custom.import %}
                            <input type="checkbox" name="listas[]" value="{{ hf.id }}"> {{ hf.lista }}<hr style="margin:5px 0 5px 0; padding:0;">
                        {% endfor %}

                        <br />

                        <input type="hidden" name="arquivo" />
                        <div class="upload">
                            <input type="file" name="arquivo"  tabindex="1" />
                        </div>

                        <br />

                        <input type="submit" value="Importar" class="btn btn-large btn-success">
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}