{% extends 'base_admin.html.twig' %}

{% block title %}Financial index{% endblock %}

{% block body %}
    <h1 style="color: red">Hyperglance</h1>

    <table class="table">
        <thead>
        <tr>
            <th>Description</th>
            <th>Year</th>
            <th style="width: 800px">Comments</th>
            <th>Received</th>
            <th>Attachment</th>

        </tr>
        </thead>
        <tbody>
        {% for financial in financials %}
            {% set pub = financial.pub %}
            {% if is_granted('PUB_ACCESS', pub) or is_granted('ROLE_USER') or is_granted('ROLE_MANAGER') %}
                <tr>
                    <td> <a href ="{{ path('dashboard_financial_show', {'id': financial.id}) }}"> {{ financial.descriptor }}</td>
                    <td>{{ financial.year }}</td>
                    <td>
                        {{financial.comments2}}
                    </td>
                    {% if financial.dateReceivedAt is not null %}
                        <td data-sort="{{ financial.dateReceivedAt.format('Y-m-d') }}"> {{ financial.dateReceivedAt.format('d-M-Y') }}
                        </td>
                    {% else %}
                        <td>
                            -
                        </td>
                    {% endif %}

                    <td>
                        <ul>
                            {% for attachment  in financial.attachments %}
                                <li><a href="/admin/attachments/financials/{{ attachment.attachmentName }}">{{ attachment.attachmentName }}</a></li>
                            {% endfor %}
                        </ul>
                    </td>

                </tr>
            {% endif %}
        {% else %}

        {% endfor %}
        </tbody>
    </table>
    {% if is_granted('ROLE_ADMIN')  %}
        <a class="btn btn-info" href="{{ path('dashboard_financial_new') }}">Create New</a>
    {% endif %}
{% endblock %}

  {% block datatable %}
      <script>
          $(document).ready( function () {
              $('.table').DataTable({
                  'pageLength': 100,
                  "paging":   false,
                  "order": [[ 3, 'desc' ]]
              });


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