{% extends ('base.html.twig') %}

{% block title %} {% trans %}COSAP - Heures de travail{% endtrans %} {% endblock %}


{% block stylesheets %}
{{ parent() }}

<style>
    .app-contacts .chat-fixed-search {
        position: fixed;
        z-index: 999;
        background: #FFFFFF;
        width: 300px;
        border-bottom: 1px solid #E4E7ED;
    }
</style>

{% endblock %}

{% block body %}

{{ parent() }}

    <div class="content-detached content-right">
        <div class="content-body">
            <div class="content-overlay"></div>
            <section class="row">
                <div class="col-12">
                    <div class="card" style="height:60px;">
                        <div class="card-body">
                            <div class="bug-list-search">
                                <div class="bug-list-search-content">
                                    <div class="sidebar-toggle d-block d-lg-none"><i class="ft-menu font-large-1" style="line-height:0.5"></i></div>
                                    <form action="#" >
                                        <h6 style="font-weight:500;">
                                            {% trans %}Horaires de travail{% endtrans %}
                                            <span><a class="btn btn-warning btn-sm pull-right" href="{{ path('heureTravail_page') }}" title="{% trans %}Actualiser{% endtrans %}"><i class="fa fa-refresh"></i></a></span>
                                        </h6>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- debut partie update heure de tarvail -->
            {% if action == "edit" %}
                <section class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <h6 style="font-weight:500;"> {% trans %}Modifier Heure de travail{% endtrans %} </h6><hr>
                                {{ include('HoraireAdministratif/heureTravail/action.html.twig') }}
                            </div>
                        </div>
                    </div>
                </section>
            {% endif %}
            <!--fin partie pour update heure de travail -->

            <section class="row all-contacts">
                <div class="col-12">
                    <div class="card card-bottom">
                        <div class="card-content">
                            <div class="card-body" style="min-height:850px;">
                                {% if not show_details %}

                                    <div class="alert alert-info mb-3 mt-2" role="alert">
                                        <i class="fa fa-info-circle mr-1"></i> {% trans %}Aucun enregistrement trouvé !{% endtrans %}
                                    </div>

                                {% else %}
                                    <span style="font-size:13.5px !important; font-weight:500 !important;">{{ selected_seance.typeValue }} : {{ selected_seance.label }}</span>

                                    <span><a class="btn btn-warning btn-sm pull-right" href="{{ path('heureTravail_details_page',{id_seance: selected_seance.id }) }}" title="{% trans %}Actualiser{% endtrans %}"><i class="fa fa-refresh"></i></a></span>

                                <!-- debut show table -->
                                <hr>

                                <div class="mb-2 mt-1">
                                    <div class="bug-list-search-content {% if action != "" %} d-none {% endif %}">
                                        <form method="get" action="">
                                            <div class="position-relative">
                                                <input type="search" id="search-contacts" name="search_input" value="{{ app.request.get('search_input')}}" class="form-control" placeholder="Recherche avancée...">
                                                <div class="form-control-position">
                                                    <i class="fa fa-search text-size-base text-muted la-rotate-270"></i>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>

                                {% if not heures|length %}

                                    <div class="alert alert-info mb-1 mt-1" role="alert">
                                        <i class="fa fa-info-circle mr-1"></i> {% trans %}Aucun heure de travail trouvé !{% endtrans %}
                                    </div>

                                {% else %}
                                    <!-- Debut Table Heures de travail -->
                                    <div class="table-responsive m-t-40">
                                        <table class="display nowrap table table-hover table-bordered contact-list" id="table_chef_equipe" cellspacing="0"
                                            width="100%" style="font-size:15px;">
                                            <thead>
                                            <tr>
                                                <th style="font-weight: bold;">{% trans %}Jour{% endtrans %}</th>
                                                <th style="font-weight: bold;">{% trans %}Statut{% endtrans %}</th>
                                                <th style="font-weight: bold;"><center>{% trans %}Horaires de travail{% endtrans %}</center></th>
                                                <th style="font-weight: bold;"><center>{% trans %}Horaires de pause{% endtrans %}</center></th>
                                                <th style="font-weight: bold;"><center>{% trans %}Heure demi journée{% endtrans %}</center></th>
                                                <th style="font-weight: bold;"><center>{% trans %}Journée par quinzaine{% endtrans %}</center></th>
                                                {% if app.user and is_granted('ROLE_MODIFIER_HEURE_TRAVAIL') %}
                                                    <th style="font-weight: bold;"><center>{% trans %}Actions{% endtrans %}</center></th>
                                                {% endif %}
                                            </tr>
                                            </thead>
                                            <tbody style="line-height:40px;">
                                                {% for heure in heures %}
                                                    <tr data-id="{{ heure.id }}" {% if heure.id == selected_row %} style="Background-color:#dcdfdc;" {% endif %}>
                                                        <td> {{ heure.name }} </td>
                                                        <td> {% if heure.statusJournee is not null %} {{ heure.statutValue }} {% endif %}</td>
                                                        <td style="text-align: center;"> {% if heure.heureDebutTravail is not null and heure.heureFinTravail is not null %} {{ heure.heureDebutTravail|date('H:i') }} - {{ heure.heureFinTravail|date('H:i') }} {% endif %} </td>
                                                        <td style="text-align: center;"> {% if heure.heureDebutPause is not null and heure.heureFinPause is not null %} {{ heure.heureDebutPause|date('H:i') }} - {{ heure.heureFinPause|date('H:i') }} {% endif %} </td>
                                                        <td style="text-align: center;"> {% if heure.halfJourney is not null %} {{ heure.halfJourney|date('H:i') }} {% endif %}</td>
                                                        <td style="text-align: center;">
                                                            {% if heure.journeeParQuinzaine == 1 %}

                                                                <span class="badge badge-success badge-pill">{% trans %}Oui{% endtrans %}</span>

                                                            {% elseif heure.journeeParQuinzaine == 0 %}

                                                                <span class="badge badge-danger badge-pill">{% trans %}Non{% endtrans %}</span>

                                                            {% endif %}
                                                        </td>
                                                        {% if app.user and is_granted('ROLE_MODIFIER_HEURE_TRAVAIL') %}
                                                            <td>
                                                                <center>
                                                                    <a class="btn btn-linkedin btn-sm" title="{% trans %}Modifier{% endtrans %}" style="cursor:pointer;"
                                                                            href="{{ path('edit_heureTravail_page',{id_heure:heure.id}) }}" >
                                                                        <i class="fa fa-pencil-square-o" aria-hidden="true" style="color:white;"></i>
                                                                    </a>
                                                                </center>
                                                            </td>
                                                        {% endif %}
                                                    </tr>
                                                {% endfor %}
                                            </tbody>
                                        </table>
                                        <div class="navigation pull-right" style="margin-left:20px;">
                                            {{ knp_pagination_render(heures) }}
                                        </div>
                                    </div>
                                    <!-- End Table Heures de travail -->
                                {% endif %}
                                {% endif %}
                            </div> <!-- end card body -->
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>

    <!-- Side Left Bar -->
    <div class="sidebar-detached sidebar-left sidebar-fixed ps ps--active-y">
        <div class="sidebar">
            <div class="bug-list-sidebar-content">
                <!-- Predefined Views -->
                <div class="card" style="min-height:600px;">
                    <div class="card-body chat-fixed-search">
                        <h6 style="font-weight:500;">Séances de travail</h6>
                    </div>

                    <!-- heure de travail view -->
                    <div class="list-group list-group-messages" style="padding-top:75px; padding-bottom:100px;">
                        {% if not seances|length %}
                            <div class="alert alert-info mb-2" role="alert">
                                <i class="fa fa-info-circle mr-1"></i> {% trans %}Aucun séance de travail trouvé !{% endtrans %}
                            </div>
                        {% endif %}
                        {% for seance in seances %}
                            <a href="{{ path('heureTravail_details_page',{id_seance:seance.id}) }}" title="{{seance.label}}"
                                    class="ellipsis process_arptc{% if selected_seance is defined and seance.id == selected_seance.id %} active {% endif %} list-group-item list-group-item-action border-0" title="{{ seance.label }}">
                                    <i class="fa fa-calendar"></i>
                                <span>{{seance.label}}</span>
                            </a>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Side Left Bar -->

{% endblock %}


{% block javascripts %}
    {{ parent() }}

    <script type="text/javascript">

        {% for flash_message in app.session.flashBag.get('success') %}

            toastr.success('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('info') %}

            toastr.info('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}


        {% for flash_message in app.session.flashBag.get('warning') %}

            toastr.warning('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}

        {% for flash_message in app.session.flashBag.get('error') %}

            toastr.error('{{ flash_message }}', {positionClass: 'toast-top-center', containerId: 'toast-top-center'});

        {% endfor %}
    </script>

    {% include('HoraireAdministratif/heureTravail/ajax/checkHeure.html.twig') %}

    {% include('HoraireAdministratif/heureTravail/ajax/changeHeure.html.twig') %}

    {% include('HoraireAdministratif/heureTravail/ajax/checkInputSave.html.twig') %}

{% endblock %}