{% extends '@DWGinger/crud/list.html.twig' %}

{% block stylesheets %}
  {{ parent() }}
  <link rel="stylesheet" href="{{ asset('bundles/dwginger/vendor/jquery-typeahead/dist/jquery.typeahead.min.css') }}">
{% endblock %}

{% block actions %}{% endblock %}

{% block list_actions %}
    {% if is_granted('ROLE_GINGER_CONTACT_CREATE') %}
        <a href="{{ path('dw_ginger_person_new') }}" class="new_action" ><i class="fa fa-plus"></i> {{ 'title.person_new'|trans }}</a>
    {% endif %}
{% endblock %}

{% block table_header %}
  {% if pagination.totalItemCount == 0 %}
    <p>{{ 'person.filter_result.empty_message'|trans }}</p>
  {% else %}
    <th>
        {% include '@DWGinger/crud/nav/list_actions.html.twig' %}
    </th>
    <th>{{ knp_pagination_sortable(pagination, '#', "#{constant('DW\\GingerBundle\\Search\\Doctrine\\Engine::QUERY_ROOT_ALIAS')}.id") }}</th>
    <th>{{ knp_pagination_sortable(pagination, 'label.first_name'|trans, "#{constant('DW\\GingerBundle\\Search\\Doctrine\\Engine::QUERY_ROOT_ALIAS')}.firstName") }}</th>
    <th>{{ knp_pagination_sortable(pagination, 'label.last_name'|trans, "#{constant('DW\\GingerBundle\\Search\\Doctrine\\Engine::QUERY_ROOT_ALIAS')}.lastName") }}</th>
    <th>{{ knp_pagination_sortable(pagination, 'label.email'|trans, "#{constant('DW\\GingerBundle\\Search\\Doctrine\\Engine::QUERY_ROOT_ALIAS')}.email") }}</th>
  {% endif %}
{% endblock %}

{% block table_body %}
  {% for person in pagination %}
    <tr>
      <th>
        <input type="checkbox" class="batch-select list-item person" data-object-id="{{ person.id }}">
      </th>
      <th scope="row">{{ person.id }}</th>
      <td>{{ person.firstName }}</td>
      <td>{{ person.lastName }}</td>
      <td>
          <a href="{{ path('dw_ginger_person_edit', { id: person.id }) }}">{{ person.email }}</a>
      </td>
    </tr>
  {% endfor %}
{% endblock %}

{% block list_export %}
    {% if pagination is defined and pagination.totalItemCount %}
        <div class="btn-group dropright">
            <a class="btn btn-sm btn-batch-action btn-primary" href="{{ path('dw_ginger_person_batch_export', {format: 'xlsx'}) }}">
                <i class="fa fa-download"></i> {{ 'label.export'|trans }} <span class="badge badge-light">{{ pagination.totalItemCount }}</span>
            </a>
        </div>
    {% endif %}
{% endblock %}

{% block javascripts %}
  {{ parent() }}
  <script src="{{ asset('bundles/dwginger/vendor/jquery-typeahead/dist/jquery.typeahead.min.js') }}"></script>
  <script src="{{ asset('bundles/dwginger/vendor/underscore/underscore-min.js') }}"></script>
  <script src="{{ asset('bundles/dwginger/js/person/index.js') }}"></script>
  <script type="text/javascript">
      $(function(){

        // Init ajax batch.
        $(function(){
          $('.batch-action-trigger').ajaxBatch({
            beforeSend: function(){
                $('#loader-message').html(
                    $('#loader').attr('data-loadingMessage')
                );
                $('#loader').modal()
            }
          });
        });

        var endDate = new Date();
        $('.js-datepicker-start').datepicker({
          format: 'dd.mm.yyyy',
          autoclose: true,
          startDate: '01.01.2018',
          endDate: endDate,
          language: '{{ app.request.locale }}'
        }).on('changeDate', function (selected) {
          var minDate = new Date(selected.date.valueOf());
          $('.js-datepicker-end').datepicker('setStartDate', minDate);
        });
        $('.js-datepicker-end').datepicker({
          format: 'dd.mm.yyyy',
          autoclose: true,
          startDate: '01.01.2018',
          endDate: endDate,
          language: '{{ app.request.locale }}'
        }).on('changeDate', function (selected) {
          var maxDate = new Date(selected.date.valueOf());
          $('.js-datepicker-start').datepicker('setEndDate', maxDate);
        });

        // Hide and clear search overlay
        $('#simple_search_q').focus(function() {
          $('#extended-search').removeClass('show');
          $('#extended-search').find('form')[0].reset();
        });
        // Highlicht active radio in btn-group
        $( "label.btn:has(input:radio:checked)" ).addClass( "active" );
        // Reopen the overlay
        $('#search_overlay_toggle').click(function(e) {
          e.preventDefault();
          $('#extended-search').addClass('show');
        });

      });
  </script>
{% endblock %}