{# templates/superadmin_v2/timesheet/sa_timesheet_collaborator.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

{% block title %}Timesheet - {{ parent() }}{% endblock %}

{% block body %}
    {{ render(controller('App\\Controller\\Superadmin\\SaLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    {{ include('superadmin_v2/layout/sa_tab.html.twig') }}

    <div class="section__content section__content--p30">
        {{ include('superadmin_v2/layout/sa_debug.html.twig') }}

        {{ include('superadmin_v2/layout/sa_alert.html.twig') }}

        <div class="container-fluid">
            <div class="row">
                <div class="table-data__tool" style="width:100%;">
                    <div class="table-data__tool-right col-lg-12">
                        <form class="form-horizontal" name="filtre_timesheet_form" id="filtre_timesheet_form" method="get" action="{{ path('superadmin_timesheet_collaborator') }}">
                            <div class="row form-group fg-m-bottom" style="margin:15px 0 3px!important;">
                                <div class="col col-md-2 spa-col-label fg-m-bottom">
                                    <label for="c_mois" class="form-control-label spa-label">Mois</label>
                                </div>
                                <div class="col-12 col-md-2 fg-m-bottom">
                                    <select class="form-control" id="month" name="month">
                                        {% for m in months %}
                                            <option value="{{ m }}"{% if month == m %} selected{% endif %}>{{ m }}</option>
                                        {% endfor %}
                                    </select>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="table-responsive table--no-card m-b-30">

                    <table class="table table-borderless table-striped table-earning">
                        <thead>
                        <tr>
                            <th>Journée</th>
                            <th class="width-10">Début</th>
                            <th>Pauses</th>
                            <th class="width-10">Fin</th>
                            <th class="width-10"></th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for k,row in listing %}
                            {% set total = row.diff %}
                            <tr>
                                {{ include('superadmin_v2/timesheet/sa_timesheet_debut_pause_fin.html.twig') }}
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>

                </div>

            </div>

            {{ include('superadmin_v2/layout/sa_footer.html.twig') }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        $(document).ready(function () {
            $('#month').on('change', () => {
                $('#filtre_timesheet_form').submit();
            });
        });
    </script>
{% endblock %}