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

{% block title %}Payments Check{% endblock %}

{% block body %}
    <h1>Payments Check</h1>
    {% include ('template_parts/_date_ranges.html.twig') %}
    <hr>
    <style>
        table, th, td {
            border: 1px solid black;
        }
    </style>
    {{ employer }}
    {% if monthly_date_period is not null %}
        <table class="table">
            <thead>
            <tr>
                <th></th>
                {% for month in monthly_date_period %}
                    <th><b> {{ month.format('M-Y') }} </b></th> {% endfor %}
            </tr>
            </thead>
            <tbody>

            {% for employee in employees %}
                <tr>
                    <td><span class="font-weight-bold">{{ employee.firstName }} {{ employee.lastName }}</span></td>
                    {% for month in monthly_date_period %}
                        {% if employer is not null %}
                            {% set allPayments = paymentService.getCountAmountPaidForMonthAndEmployee(employee, month, employer) %}
                        {% else %}
                            {% set allPayments = paymentService.getCountAmountPaidForMonthAndEmployeeAllEmployers(employee, month) %}
                        {% endif %}


                        <td>
                            {% if allPayments |length > 1 %}
                                {% if employer is not null %}
                                    {{ paymentService.getAmountPaidForMonthAndEmployee(employee, month, employer) | number_format(2) }}<span class="font-weight-bold text-danger">({{ allPayments | length }})</span>
                                {% else %}
                                    {{ paymentService.getAmountPaidForMonthAndEmployeeAllEmployers(employee, month) | number_format(2) }}<span class="font-weight-bold text-danger">({{ allPayments | length }})</span>
                                {% endif %}
                            {% else %}

                                {% if employer is not null %}
                                    {{ paymentService.getAmountPaidForMonthAndEmployee(employee, month, employer) | number_format(2) }}
                                {% else %}
                                    {{ paymentService.getAmountPaidForMonthAndEmployeeAllEmployers(employee, month) | number_format(2) }}
                                {% endif %}
                            {% endif %}
                        </td>

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


{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
    <script src="https://npmcdn.com/flatpickr/dist/l10n/fr.js"></script>
    <script>
        $(document).ready(function () {
            $(".datepicker").flatpickr({
                altInput: true,
                altFormat: "d M Y",
                //defaultDate: "",
                time_24hr: true,
                enableTime: false,
                noCalendar: false,
                dateFormat: "Y-m-d H:i",
                minuteIncrement: 15
                //minDate: "today",
            });
        })
    </script>

    {% include 'template_parts/_js_date_ranges.html.twig' %}
{% endblock javascripts %}

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