{# templates/superadmin_v2/users/sa_users_list.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

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

{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('superadmin_v2/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet">
{% 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_admin') }}">
                        <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">
                                <div>
                                    <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>
                            <div class="col col-md-2 spa-col-label fg-m-bottom">
                                <label for="c_mois" class="form-control-label spa-label">Collaborateur</label>
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <select class="form-control" id="user" name="user">
                                    <option value="">Choisir</option>
                                    {% for u in users %}
                                    <option value="{{ u.id }}"{% if user == u.id %} selected{% endif %}>{{ u.prenom }} {{ u.nom }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <button type="submit" id="filtre_timesheet_submit" class="btn btn-info btn-sm btn-block">Filtrer</button>
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom"></div>
                        </div>
                      </form>
                    </div>
                </div>
                <div class="table-data__tool" style="width:100%; margin: -12px 0 0 0">
                    <div class="table-data__tool-right col-lg-12">
                        <form class="form-horizontal" name="filtre_timesheet_form_2" id="filtre_timesheet_form_2" method="get" action="{{ path('superadmin_timesheet_admin') }}">
                            <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">Date</label>
                                </div>
                                <div class="col-12 col-md-2 fg-m-bottom">
                                    <div>
                                        <input type="text" class="form-control" name="timesheet_date" id="timesheet_date" placeholder="Date" value="{{ ts_date }}" autocomplete="off">
                                    </div>
                                </div>
                                <div class="col col-md-2 spa-col-label fg-m-bottom">
                                </div>
                                <div class="col-12 col-md-2 fg-m-bottom">
                                </div>
                                <div class="col-12 col-md-2 fg-m-bottom">
                                    <button type="submit" id="filtre_timesheet_submit" class="btn btn-info btn-sm btn-block">Filtrer</button>
                                </div>
                                <div class="col-12 col-md-2 fg-m-bottom"></div>
                            </div>
                        </form>
                    </div>
                </div>

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

                    {% if this_day %}
                        <table class="table table-borderless table-striped table-earning">
                            <thead>
                            <tr>
                                <th colspan="2">Utilisateur</th>
                                <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 %}
                                <tr>
                                    <td class="width-5"><img src="{{ asset('superadmin_v2/images/users/' ~ row.avatar) }}" style="width:35px;height:35px;border-radius:3px;" alt=""></td>
                                    <td>{{ row.prenom }} {{ row.nom }}</td>
                                    {{ include('superadmin_v2/timesheet/sa_timesheet_debut_pause_fin.html.twig') }}
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    {% else %}
                        <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>
                    {% endif %}

                </div>

            </div>

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

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('superadmin_v2/js/moment.js') }}"></script>
    <script src="{{ asset('superadmin_v2/js/bootstrap-datetimepicker.js') }}"></script>
    <script src="{{ asset('superadmin_v2/js/locales/bootstrap-datetimepicker.fr.js') }}" charset="utf-8"></script>
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){

        $(document).on('focus', 'form#filtre_timesheet_form_2 input#timesheet_date', function() {
            $('form#filtre_timesheet_form_2 input#timesheet_date').datetimepicker({
                locale: 'fr',
                format: 'YYYY-MM-DD'
            });
        });
    });
    // ]]>
    </script>
{% endblock %}