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

{% block title %}
    Rendez-vous patients
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('css/RDV_docteur.css') }}">
{% endblock %}

{% block body %}

<div class="container flex min-h-screen my-9 mx-8">
    {% set now = "now"|date("U") %}
    <!-- Affichage des rendez-vous passés -->
    <div class="h-auto w-1/4 p-4">
        <h2 class="text-5xl font-bold mb-9 text-vert">Pass&#233s</h2>
        {% set has_past_appointments = false %}
        {% set current_date = null %}
        {% for appointment in appointments %}
            {% set appointment_datetime = appointment.date|date('U') + appointment.time|date('U') %}
            {% if appointment_datetime < now %}
                {% set has_past_appointments = true %}
                {% set appointment_date = appointment.date|date('d/m/Y') %}
                {% if appointment_date != current_date %}
                    {% if current_date is not null %}    
                </div>
                {% endif %}
                {% set current_date = appointment_date %}
                
                <div class="appointments bg-white my-10">
                    {% endif %}
           
            <!-- Affichage de chaque rendez-vous passé -->
            <div class="appointment-card shadow-lg rounded-2xl">
                <div class="appointment-details h-auto mb-5 pb-5">
                    <div class="flex justify-between rounded-t-2xl text-white h-12 items-center bg-slate-500">
                        <div class="flex justify-start">
                            <div class="flex items-center mx-3">
                                <i class="fa-regular fa-calendar mr-2"></i>
                                <h5 class="text-lg">{{ current_date }}</h5>
                            </div>
                            <div class="flex items-center mx-3">
                                <i class="fa-regular fa-clock mr-2"></i>
                                <h5 class="text-lg">{{ appointment.time|date('H:i') }}</h5>
                            </div>
                        </div>
                    </div>
                    <div class="flex items-end justify-between mt-5">
                        <div class="flex items-center mx-8">
                            <i class="fa-regular fa-user text-6xl"></i>
                            <div class="flex flex-col ml-3">
                                <p class="text-2xl text-slate-500"><strong>Patient</strong> </p>
                                <a href="{{ path('app_user_show', {'id': appointment.user.id}) }}" class="user-link text-lg">{{ appointment.user.firstName }} {{appointment.user.lastName}}</a>
                            </div>
                        </div>
                        <h5 class="text-lg mr-5">{{ appointment.translatedStatus }}</h5>
                    </div>
                </div>
            </div>
        {% endif %}
    {% endfor %}
    {% if not has_past_appointments %}
        <p class="no-appointments">Aucun rendez-vous passé à afficher.</p>
    {% endif %}
</div>

            </div>
            <!-- Affichage des rendez-vous à venir -->
<div class="w-full p-4">
    <h2 class="text-5xl font-bold my-4 text-vert">Mes rendez-vous &#224 venir </h2>


    {% set has_upcoming_appointments = false %}
    {% set current_date = null %}
    {% for appointment in appointments %}
        {% set appointment_datetime = appointment.date|date('U') + appointment.time|date('U') %}
        {% if appointment_datetime >= now %}
            {% set has_upcoming_appointments = true %}
            {% set appointment_date = appointment.date|date('d/m/Y') %}
            {% if appointment_date != current_date %}
                {% if current_date is not null %}
                    </div>
                {% endif %}
                {% set current_date = appointment_date %}
                <div class="appointments">
            {% endif %}
            <!-- Affichage de chaque rendez-vous à venir -->
            <div class="appointment-card shadow-lg rounded-2xl">
                <div class="appointment-details h-auto mb-5">
                    <div class="flex justify-between rounded-t-2xl text-white h-12 items-center" id="statust">
                        <div class="flex justify-start">
                            <div class="flex items-center mx-3">
                                <i class="fa-regular fa-calendar mr-2"></i>
                                <h5 class="text-lg">{{ current_date }}</h5>
                            </div>
                            <div class="flex items-center mx-3">
                                <i class="fa-regular fa-clock mr-2"></i>
                                <h5 class="text-lg">{{ appointment.time|date('H:i') }}</h5>
                            </div>
                        </div>
                        <h5 class="text-lg mr-5">{{ appointment.translatedStatus }}</h5>
                    </div>
                    <div class="flex items-start justify-evently mt-5">
                        <div class="flex items-center mx-8">
                            <i class="fa-regular fa-user text-6xl"></i>
                            <div class="flex flex-col ml-3">
                                <p class="text-2xl" id="titre_RDV"><strong>Patient</strong> </p>
                                <a href="{{ path('app_user_show', {'id': appointment.user.id}) }}" class="user-link text-lg">{{ appointment.user.firstName }} {{appointment.user.lastName}}</a>
                            </div>
                        </div>
                        <div class="mx-8">
                            {% if not appointment.comment %}
                                <p class="text-lg">Aucun commentaire renseign&#233</p>
                            {% else %}
                                <p class="text-2xl" id="titre_RDV"><strong>Commentaire</strong></p>
                                <p class="text-lg">{{ appointment.comment }}</p>
                            {% endif %}
                        </div>
                        <div class="mx-8">
                            {% if not appointment.reason %}
                                <p class="text-lg">Aucun motif renseign&#233</p>
                            {% else %}
                                <p class="mr-96 text-2xl" id="titre_RDV"><strong>Motif</strong></p>
                                <p class="text-lg">{{ appointment.reason.name }}</p>
                            {% endif %}
                        </div>
                    </div>
                    <div class="m-7 pb-6 flex justify-end">

    {% set currentStatus = appointment.status.value|lower %}
<form action="{{ path('app_appointment_updateStatus', {'appointment': appointment.id, 'status': 'in_progress', 'user': appointment.user.id}) }}" method="post">
    <button 
        type="submit" 
        class="bg-white py-2 px-4 rounded bordure m-2"
        {% if currentStatus == 'in_progress' %}disabled{% endif %}>
        <i class="fa-regular fa-clock mr-3"></i> En cours
    </button>
</form>
                        {{include('appointment/_delete_form.html.twig')}}  
                    </div>
                </div>
        {% endif %}
    {% endfor %}
    {% if not has_upcoming_appointments %}
        <p class="no-appointments">Aucun rendez-vous à venir à afficher.</p>
    {% endif %}
</div>
</div>

{% endblock %}