{% extends '@App/app.html.twig' %}

{% block title %}Demande de changement{% endblock %}
{% block page_header %}{% endblock %}

{% block content %}
{% set self_service = is_self_service|default(false) %}
{% set assignment = change_request.assignment %}
{% set shift = assignment ? assignment.shift : null %}

<div class="data-page">
    <div class="data-page__header">
        <div>
            <nav class="data-breadcrumb" aria-label="Fil d'Ariane">
                <span>Plannings</span>
                <i class="ti ti-chevron-right" aria-hidden="true"></i>
                <a href="{{ path('planning_change_request_index') }}">Demandes de changement</a>
                <i class="ti ti-chevron-right" aria-hidden="true"></i>
                <span class="fw-bold text-primary">Détail</span>
            </nav>
            <h1>Demande de changement</h1>
            <p>{{ change_request.salarie }} · {{ change_request.type }}</p>
        </div>
        {% include '@Planning/planning/_status_badge.html.twig' with {status: change_request.status} %}
    </div>

    <section class="planning-card planning-change-detail">
        <div class="planning-change-detail__grid">
            <div>
                <span>Shift concerné</span>
                <strong>{{ shift ? shift.title : 'Shift non renseigné' }}</strong>
                {% if assignment %}
                    <small>{{ assignment.plannedStartAt|date('d/m/Y H:i') }} - {{ assignment.plannedEndAt|date('H:i') }}</small>
                {% endif %}
            </div>
            <div>
                <span>Nouvel horaire demandé</span>
                <strong>
                    {% if change_request.requestedStartAt and change_request.requestedEndAt %}
                        {{ change_request.requestedStartAt|date('d/m/Y H:i') }} - {{ change_request.requestedEndAt|date('H:i') }}
                    {% else %}
                        Non renseigné
                    {% endif %}
                </strong>
            </div>
            <div class="full">
                <span>Motif</span>
                <p>{{ change_request.reason|default('Aucun motif') }}</p>
            </div>
            {% if change_request.managerComment %}
                <div class="full">
                    <span>Commentaire manager</span>
                    <p>{{ change_request.managerComment }}</p>
                </div>
            {% endif %}
        </div>

        {% if not self_service and change_request.status == 'submitted' %}
            <div class="planning-change-detail__actions">
                <form method="post" action="{{ path('planning_change_request_approve', {id: change_request.id}) }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('planning_change_request_approve_' ~ change_request.id) }}">
                    <button class="data-button data-button--primary" type="submit">Accepter</button>
                </form>
                <form method="post" action="{{ path('planning_change_request_refuse', {id: change_request.id}) }}">
                    <input type="hidden" name="_token" value="{{ csrf_token('planning_change_request_refuse_' ~ change_request.id) }}">
                    <button class="data-button data-button--secondary" type="submit">Refuser</button>
                </form>
            </div>
        {% endif %}
    </section>
</div>
{% endblock %}