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

{% block title %}Financials: {{ pub.name }} {% endblock %}

{% block body %}
    <h1 style="color: red">Financials: {{ pub.name }}</h1>
    {% if is_granted('ROLE_ADMIN')  %}
        <a class="btn btn-success btn-sm" href="{{ path('dashboard_financial_new') }}">New</a>
    {% endif %}
    <table class="table">
        <thead>
            <tr>
                <th>Description</th>
                <th>Date range</th>
                <th>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_ADMIN') 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= "{{ path('attachments_viewfile',{id:attachment.id}) }}">{{ attachment.attachmentName }}</a>
                                </li>
                            {% endfor %}
                        </ul>
                    </td>

                </tr>
            {% endif %}

        {% endfor %}
        </tbody>
    </table>

{% endblock %}

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