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

{% block title %} {% trans %}COSAP - Configuration du Congés{% endtrans %} {% endblock %}

{% block body %}
    {{ parent() }}

    <div class="row">
        <!-- debut configuration solde -->
        <div class="col-xl-6 col-lg-12">
            <!-- debut partie le modif -->
            {% if action == "edit_solde" %}
                <section class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <h6 style="font-weight:500;"> Modifier enregistrement </h6><hr>
                                {{ include('ParametrageConge/configurationConge/action_config_solde.html.twig') }}
                            </div>
                        </div>
                    </div>
                </section>
            {% endif %}
            <!--fin partie pour le modif -->
            <div class="card">
                <div class="card-header">
                    <h6 style="font-weight: 500;">Configuration des soldes de congés </h6>
                </div>
                <div class="card-content">
                    {% if not config_solde|length %}
                        <div class="alert alert-info mr-1 ml-1" id="message" role="alert" style="padding:8px;">
                            <i class="icon fa fa-info-circle"></i> <span id="content-message"> Aucun enregistrement trouvé</span>
                        </div>
                    {% else %}
                        <div class="table-responsive">
                            <table class="table table-hover mb-0 ps-container ps-theme-default">
                                <thead>
                                    <tr class="bg-info bg-lighten-2">
                                        <th>Solde</th>
                                        <th>Mise à jour</th>
                                        {% if app.user and is_granted('ROLE_MODIFIER_CONFIGURATION_SOLDE_CONGE') %}
                                            <th style="text-align:center;">Actions</th>
                                        {% endif %}
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for solde in config_solde %}
                                        <tr data-id="{{ solde.id }}" {% if solde.id == selected_row_config_solde %} style="Background-color:#dcdfdc;" {% endif %}>
                                            <td class="text-truncate" style="width:300px;min-width:300px;">
                                                <span class="badge badge badge-success badge-pill mr-2">{{ solde.solde }} {% if solde.solde <= 1 %} jour {% else %} jours {% endif %} </span>
                                            </td>
                                            <td class="text-truncate">{% if solde.typeUpdate is not null %} {{ solde.ValueTypeUpdate }} {% endif %}</td>
                                            {% if app.user and is_granted('ROLE_MODIFIER_CONFIGURATION_SOLDE_CONGE') %}
                                                <td style="width:90px;min-width:90px;text-align:center;">
                                                    <a class="btn btn-linkedin btn-sm mr-1" href="{{path('edit_config_solde_page',{ id:solde.id })}}" title="Modifier">
                                                        <i class="fa fa-pencil"></i>
                                                    </a>
                                                </td>
                                            {% endif %}
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
        <!-- end configuration solde -->

        <!-- debut configuration validity solde -->
        <div class="col-xl-6 col-lg-12">
            <!-- debut partie pour  modif validity solde -->
            {% if action == "edit_validity" %}
                <section class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <h6 style="font-weight:500;"> Modifier enregistrement </h6><hr>
                                {{ include('ParametrageConge/configurationConge/action_validity_solde.html.twig') }}
                            </div>
                        </div>
                    </div>
                </section>
            {% endif %}
            <!--fin partie pour le modif -->
            <!--fin partie pour modif validity solde -->
            <div class="card">
                <div class="card-header">
                    <h6 style="font-weight:500;">Validation des soldes de congés annuels</h6>
                </div>
                <div class="card-content">
                    {% if not validity_solde|length %}
                        <div class="alert alert-info mr-1 ml-1" id="message" role="alert" style="padding:8px;">
                            <i class="icon fa fa-info-circle"></i> <span id="content-message"> Aucun enregistrement trouvé</span>
                        </div>
                    {% else %}
                    <div class="table-responsive">
                        <table class="table table-hover mb-0 ps-container ps-theme-default">
                            <thead>
                                <tr class="bg-warning bg-lighten-2">
                                    <th>Validité</th>
                                    <th>Durée de validité</th>
                                    {% if app.user and is_granted('ROLE_MODIFIER_CONFIGURATION_SOLDE_CONGE') %}
                                        <th style="text-align:center;">Actions</th>
                                    {% endif %}
                                </tr>
                            </thead>
                            <tbody>
                                {% for solde in validity_solde %}
                                    <tr data-id="{{ solde.id }}" {% if solde.id == selected_row_validity_solde %} style="Background-color:#dcdfdc;" {% endif %}>
                                        <td class="text-truncate">{% if solde.statut is not null %}{{ solde.valueStatut }}{% endif %}</td>
                                        <td class="text-truncate" style="width:300px;min-width:300px;">
                                            {% if solde.statut == "S01" %}
                                                <span class="badge badge badge-info badge-pill mr-2"> Non définie </span>
                                            {% else %} 
                                                <span class="badge badge badge-success badge-pill mr-2">{{ solde.duree }} {% if solde.duree <= 1 %} an {% else %} ans {% endif %}</span>
                                            {% endif %}
                                        </td>
                                        {% if app.user and is_granted('ROLE_MODIFIER_CONFIGURATION_SOLDE_CONGE') %}
                                            <td style="width:90px;min-width:9px;text-align:center;">
                                                <a class="btn btn-linkedin btn-sm mr-1" href="{{path('edit_validity_solde_page',{id:solde.id})}}" title="Modifier">
                                                    <i class="fa fa-pencil"></i>
                                                </a>
                                            </td>
                                        {% endif %}
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                    {% endif %}
                </div>
            </div>
        <!-- end validation solde annuel -->
        </div>
        </div>
    </div>

{% 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('ParametrageConge/configurationConge/ajax/change_statut_validity.html.twig') %}

{% endblock %}