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

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

{% block body %}
    <div class="absolute">
        <h1>Demande de stage</h1>

<div class="d-flex">
    <table class="table">
        <tbody>
        <tr>
            <th>Id</th>
            <td>{{ demande_stage.id }}</td>
        </tr>
        <tr>
            <th>Status</th>
            <td>
                <div class="p-2 rounded bg-{{ demande_stage.status.color }}">{{ demande_stage.status | replace({'En attente' : 'Traité'}) | capitalize }}</div>

            </td>
        </tr>
        <tr>
            <th>Date de debut</th>
            <td>{{ demande_stage.dateDebut ? demande_stage.dateDebut|date('Y-m-d H:i:s') : '' }}</td>
        </tr>
        <tr>
            <th>Date de fin</th>
            <td>{{ demande_stage.dateFin ? demande_stage.dateFin|date('Y-m-d H:i:s') : '' }}</td>
        </tr>
        <tr>
            <th>Date d'entretien</th>
            <td>{{ demande_stage.dateFin ? demande_stage.dateEntretien|date('Y-m-d H:i:s') : '' }}</td>

        </tr>
        <tr>
            <th>Nature du stage</th>
            <td>{{ demande_stage.nature }}</td>
        </tr>
        <tr>
            <th>Nom</th>
            <td>{{ demande_stage.nom }}</td>
        </tr><tr>
            <th>Prénom</th>
            <td>{{ demande_stage.prenom }}</td>
        </tr><tr>
            <th>Mail</th>
            <td>{{ demande_stage.mail }}</td>
        </tr><tr>
            <th>Adresse</th>
            <td>{{ demande_stage.adresse }}</td>
        </tr>

        <tr>
            <th>Description</th>
            <td>{{ demande_stage.description }}</td>
        </tr>
        </tbody>
    </table>

    <div class="m-3 p-3 shadow-sm rounded ">
        <div class="d-flex justify-content-between">
            <div class="fs-3">Piece Jointe</div>

        </div>

        <div class="d-flex">
            {% for item in demande_stage.pieceJointe %}
               <div class="mx-3 d-flex flex-column align-items-center">
                   {{ item }}
                   <div>{{ item.originalName }}</div>
               </div>
            {% endfor %}
        </div>
    </div>

    <div class="m-3 p-3 shadow-sm rounded ">
        <div class="d-flex justify-content-between">
            <div class="fs-3">Echange</div>
            <div>
                <a href="{{ path('echange_client_new',{demandeStage : demande_stage.id}) }}" class="btn btn-success">Ajouter</a>
            </div>
        </div>
        {% include 'CRUD/echange_client/index_table.html.twig' with {echange_clients : demande_stage.echange}  %}

    </div>

</div>
        <a href="{{ path('demande_stage_index',{id : demande_stage.status.id}) }}" class="btn btn-dark">Retour</a>

        <a href="{{ path('demande_stage_edit', {'id': demande_stage.id}) }}" class="btn btn-info">Modifier</a>

        {% if app.user.is('dev') %}
            {{ include('CRUD/demande_stage/_delete_form.html.twig') }}
        {% endif %}
    </div>
{% endblock %}