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

{% block title %}RH - Demande de stage{% endblock %}

{% block body %}
    {% set class = 'border border-3 border-dark' %}
    {% if submenu is not defined %}
        {% set submenu = 3 %}
    {% endif %}
    <div class="absolute">
        <div class="d-flex align-items-center">
            <h1>Demande de Stage</h1>
            <div>
                <a href="{{ path('demande_stage_new') }}" class="btn btn-success mx-3 my-1">Créer</a>
            </div>
            <div class="mx-3">

                <a href="{{ path('demande_stage_index',{id : 3}) }}" class="btn btn-light {% if submenu == 3 %}
                    {{ class }}
                {% endif %}">
                    A traité ({{ status_repository.find(3).demandeStages | length }})</a>
            </div>
            <div><a href="{{ path('demande_stage_index',{id : 13}) }}" class="btn bg-orange {% if submenu == 13 %}
                    {{ class }}
                {% endif %}">
                    Traité ({{ status_repository.find(13).demandeStages | length }})</a>
            </div>
            <div class="mx-3"><a href="{{ path('demande_stage_index',{id : 14}) }}" class="btn btn-success {% if submenu == 14 %}
                    {{ class }}
                {% endif %}">
                    Accepté ({{ status_repository.find(14).demandeStages | length }})</a>
            </div>
            <div><a href="{{ path('demande_stage_index',{id : 4}) }}" class="btn btn-danger {% if submenu == 4 %}
                    {{ class }}
                {% endif %}">
                    Refuser ({{ status_repository.find(4).demandeStages | length }})</a>
            </div>
        </div>


        <table class="table table-striped text-center">
            <thead>
            <tr>
                <th>Date</th>
                <th>Status</th>
                <th>Date d'entretien</th>
                <th>Nature</th>
                <th>Date de Debut</th>
                <th>Date de Fin</th>
                <th>Nom</th>
                <th>Prénom</th>
                <th>Mail</th>
                <th>actions</th>
            </tr>
            </thead>
            <tbody>
            {% for demande_stage in demande_stages | reverse %}
                <tr>
                    <td>
                        {{ demande_stage.dateInsertion ? demande_stage.dateFin|date('Y-m-d H:i:s') : '' }}
                    </td>
                    <td>
                        <div class="p-2 rounded bg-{{ demande_stage.status.color }}">{{ demande_stage.status | replace({'En attente' : 'Traité'}) | capitalize }}</div>

                    </td>
                    <td>{{ demande_stage.dateEntretien ? demande_stage.dateEntretien|date('Y-m-d H:i:s') : '' }}</td>
                    <td>{{ demande_stage.nature }}</td>
                    <td>{{ demande_stage.dateDebut ? demande_stage.dateDebut|date('Y-m-d H:i:s') : '' }}</td>
                    <td>{{ demande_stage.dateFin ? demande_stage.dateFin|date('Y-m-d H:i:s') : '' }}</td>
                    <td>{{ demande_stage.nom }}</td>
                    <td>{{ demande_stage.prenom }}</td>
                    <td>{{ demande_stage.mail }}</td>
                    <td>
                        <div class="d-flex align-items-center">
                            <div class="d-flex flex-column me-3">
                                <a href="{{ path('demande_stage_edit', {'id': demande_stage.id}) }}"
                                   class="btn btn-info my-1">Modifier</a>
                                <a href="{{ path('demande_stage_show',{id : demande_stage.id}) }}"
                                   class="btn btn-dark my-1">Voir</a>

                            </div>

                            <a href="{{ path('echange_client_new',{demandeStage : demande_stage.id}) }}" class="cmd-icon">
                                <img src="{{ asset('img/chat.svg') }}" alt="" width="40">
                            </a>

                            <button class="cmd-icon btn btn-white" data-bs-target="#addPieceJointe" data-bs-toggle="modal" data-id="{{ demande_stage.id }}">
                                <img src="{{ asset('img/attachment.svg') }}" alt="" width="30">
                            </button>
                            
                            {% if  demande_stage.status.id in [3] %}
                                <div>
                                    <a href="{{ path('demande_stage.set.status',{id : demande_stage.id, status : 13}) }}"
                                       class="btn bg-orange">
                                        <i class="fal fa-thumbs-up fs-3"></i>
                                    </a>
                                </div>
                            {% endif %}

                            {% if demande_stage.status.id in [3,13,4] %}

                                <div class="mx-3">
                                    <a href="{{ path('demande_stage.set.status',{id : demande_stage.id, status : 14}) }}"
                                       class="btn btn-success">
                                        <img src="{{ asset('img/check.svg') }}" width="30" alt="">
                                    </a>
                                </div>
                            {% endif %}


                            {% if  demande_stage.status.id in [3,13,14] %}

                                <div>
                                    <a href="{{ path('demande_stage.set.status',{id : demande_stage.id, status : 4}) }}"
                                       class="btn btn-danger">
                                        <img src="{{ asset('img/cancel.svg') }}" width="30" alt="">
                                    </a>
                                </div>
                            {% endif %}
                        </div>

                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="12">Aucune demande de stage</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>


        {{ render(path('pj.modal_new')) }}
    </div>

    <script>
        $('#addPieceJointe').on('show.bs.modal', function(e) {
            var id = $(e.relatedTarget).data('id');


            let data = '<input type="hidden" name="demandeStage" value="'+id+'">';
            $('.fetched-data').html(data)




        });
    </script>
{% endblock %}