{% extends 'EcdMailingListBundle::layout.html.twig' %}
{% block title %}{% trans %}ecd_mailing_list.contact.index.meta.title{% endtrans %}{% endblock %}

{% block content %}

{% include 'EcdMailingListBundle:MailingList:edit.html.twig' with {'list': mailingList, 'form': formMailingList }%}


<h1>{% trans %}ecd_mailing_list.contact.index.title{% endtrans %}</h1>


<div id="new_contact" title="{% trans %}ecd_mailing_list.contact.new.title{% endtrans %}"></div>

<div class="buttons">
    <a href="{{ path('ecd_mailing_list_contact_export', {'mailingListId': mailingList.id, 'mailingListName': mailingList.name|replace({' ': '_'}), '_format': 'csv' }) }}" class="button create-document">{% trans %}ecd_mailing_list.contact.index.button_export{% endtrans %}</a>
    <button id="ecd_mailing_list_contact_import" class="button create-document" type="button">
      {% trans %}ecd_mailing_list.contact.index.button_import{% endtrans %}
    </button>


    <form id="ecd_mailing_list_contact_import_form" action="{{ path('ecd_mailing_list_contact_import', {'mailingListId': mailingList.id }) }}" method="POST" {{ form_enctype(importCSVForm) }} style="display: none;">
        {{ form_errors(importCSVForm) }}
        {{ form_row(importCSVForm) }}
        <div class="buttons">
            <button class="button create-document" type="submit">
               {% trans %}ecd_mailing_list.contact.index.button_send{% endtrans %}
            </button>
        </div>
        {{ form_rest(importCSVForm) }}

        <a href="{{ path('ecd_mailing_list_contact_template_export', {'mailingListId': mailingList.id, '_format': 'csv' }) }}" class="button create-document">{% trans %}ecd_mailing_list.contact.index.button_template{% endtrans %}</a>

    </form>
</div>

<form id="form_filter" action="{{ path('ecd_mailing_list_contact', {'mailingListId': mailingList.id }) }}" method="GET">
    {{ form_errors(filterForm) }}

    <div class="field">
        {{ form_row(filterForm) }}
    </div>

    {{ form_rest(filterForm) }}

    <div class="buttons">
        <button class="button filter" type="submit">
            {% trans %}ecd_mailing_list.contact.index.button_filter{% endtrans %}
        </button>
        <a href="{{ path('ecd_mailing_list_contact', {'mailingListId': mailingList.id} ) }}" class="button unfilter">{% trans %}ecd_mailing_list.contact.index.link_reset{% endtrans %}</a>
    </div>
</form>

<form action="{{ path('ecd_mailing_list_contact_bulk', {'mailingListId': mailingList.id}) }}" method="POST" id="mailing_list_contact_bulk_form">
    <table class="listing clickable" id="listing_mailing_list_contacts">
        <thead>
            <tr>
                <th>
                    {% trans %}ecd_mailing_list.contact.index.label_email{% endtrans %}
                    {% include 'EcdMailingListBundle:Contact:sorting.html.twig' with {'column': 'email' } %}
                </th>
                <th>
                    {% trans %}ecd_mailing_list.contact.index.label_firstName{% endtrans %}
                    {% include 'EcdMailingListBundle:Contact:sorting.html.twig' with {'column': 'firstName' } %}
                </th>
                <th>
                    {% trans %}ecd_mailing_list.contact.index.label_lastName{% endtrans %}
                    {% include 'EcdMailingListBundle:Contact:sorting.html.twig' with {'column': 'lastName' } %}
                </th>
                <th>{% trans %}ecd_mailing_list.contact.index.label_unsubscribedAt{% endtrans %}</th>
                <th>{% trans %}ecd_mailing_list.contact.index.label_lastMessageSentAt{% endtrans %}</th>
                <th>{% trans %}ecd_mailing_list.contact.index.label_additionalFields{% endtrans %}</th>
                <th>{% trans %}ecd_mailing_list.contact.index.label_actions{% endtrans %}</th>
            </tr>
        </thead>
    {% for contact in paginator %}
        <tr class="hoverable">
            <td>{{ contact.email }}</td>
            <td>{{ contact.firstName }}</td>
            <td>{{ contact.lastName }}</td>
            <td>{{ contact.unsubscribedAt }}</td>
            <td>{{ contact.lastMessageSentAt }}</td>
            <td>
              <ul>
                {% for key,value in contact.AdditionalFields %}
                  <li>{{key}} : {{value}}</li>
                {% endfor %}
              </ul>
            </td>
            <td class="actions">
                <a class="edit mailing_list_contact_edit" href="{{ path('ecd_mailing_list_contact_edit', {'mailingListId': mailingList.id, 'id': contact.id}) }}">{% trans %}ecd_mailing_list.contact.index.link_edit{% endtrans %}</a>
                <a class="mailing_list_contact_delete" class="delete" href="{{ path('ecd_mailing_list_contact_delete', {'mailingListId': mailingList.id, 'id': contact.id}) }}">{% trans %}ecd_mailing_list.contact.edit.link_delete{% endtrans %}</a>
            </td>
        </tr>
    {% else %}
        <tr>
            <td colspan="7">{% trans %}ecd_mailing_list.contact.index.label_noContacts{% endtrans %}</td>
        </tr>
    {% endfor %}
    </table>


    <div class="buttons field">
        <a id="trigger_create_contact" class="button create-document">{% trans %}ecd_mailing_list.contact.index.link_new{% endtrans %}</a>
        <a href="{{ path('ecd_mailing_list') }}" class="button cancel">Return to Mailing List</a>
    </div>
</form>


<div>
    {{ paginator|paginate }}
</div>

{% endblock %}

{% block javascripts %}
{{ parent() }}
<script type="text/javascript">
jQuery(document).ready(function($) {
    jQuery('#ecd_mailing_list_contact_bulk_action').change(function() {
        // if blank value is selected, just return
        if (!jQuery(this).val()) {
            return;
        }

        if (!confirm('Are you sure you want to perform this bulk action?')) {
            // reset back to the blank value
            jQuery(this).val('');

            return;
        }

        jQuery('#mailing_list_contact_bulk_form').submit();
    });

    jQuery('#ecd_mailing_list_contacts_bulk_select_all').click(function(event) {
        var checked = jQuery('#ecd_mailing_list_contacts_bulk_select_all').is(':checked') ? true : false;
        jQuery('#listing_mailing_list_contacts input[type="checkbox"]').attr('checked', checked);
    });

    jQuery('#ecd_mailing_list_contact_import').click(function(event) {
        jQuery('#ecd_mailing_list_contact_import_form').toggle();
    });

    jQuery('.mailing_list_contact_delete').click(function(event) {
        if (!confirm('Are you sure you want to delete this contact?')) {
            return false;
        }

        var form = jQuery('<form method="POST" />');
        form.attr('action', jQuery(this).attr('href'));
        form.append('<input type="hidden" name="_method" value="DELETE">');
        jQuery('body').append(form);
        form.submit();

        return false;
    });
    $('#trigger_create_contact').click(function() {
        $.get('{{ path('ecd_mailing_list_contact_new', {'mailingListId': mailingList.id}) }}',
             { }, function(data) {
                    $('#new_contact').html(data);
                });
        $('#new_contact').dialog({ position: 'top' });
    });

    $('.mailing_list_contact_edit').click(function() {
        $.get($(this).attr('href'),
             { }, function(data) {
                    $('#new_contact').html(data);
                });
        $('#new_contact').dialog({ position: 'top' });
        return false;
    });

});




</script>
{% endblock %}