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

{% block title %}Tableau de bord {{ parent() }}{% endblock %}

{% block body %}
<style>
        details[open] {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        details > summary {
            outline: none;
        }
    </style>
<div class="container mx-auto px-4 py-8">
        <h1 class="text-5xl lg:text-5xl font-semibold mb-10 text-center lg:text-left my-6">Tableau de bord</h1>
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">

            <!-- Utilisateurs -->
            <details class="my-3 h-auto w-full rounded-lg overflow-hidden lg:mx-0">
                <summary class="bg-vert text-white px-4 py-5 text-4xl lg:text-xl font-semibold cursor-pointer">Utilisateurs</summary>
                <div class="bg-white px-4 py-6">
                    <a href="{{ path('app_user_index') }}" class="block text-4xl lg:text-lg text-gray-800 hover:text-vert transition duration-300">Gestion des utilisateurs</a>
                </div>
            </details>

            <!-- Praticiens -->
            <details class="my-3 h-auto w-full rounded-lg overflow-hidden lg:mx-0">
                <summary class="bg-vert text-white px-4 py-5 text-4xl lg:text-xl font-semibold cursor-pointer">Praticiens</summary>
                <div class="bg-white px-4 py-6">
                    <a href="{{ path('app_doctor_index') }}" class="block text-4xl lg:text-lg text-gray-800 hover:text-vert transition duration-300">Nos praticiens</a>
                <a href="{{ path('app_doctor_new') }}" class="block text-4xl lg:text-lg text-gray-800 hover:text-vert transition duration-300">Ajouter un praticien</a>
                </div>
            </details>

            <!-- Contact -->
            <details class="my-3 rounded-lg overflow-hidden h-auto w-full lg:mx-0">
                <summary class="bg-vert text-white px-4 py-5 text-4xl lg:text-xl font-semibold cursor-pointer">Contact</summary>
                <div class="bg-white px-4 py-6">
                    <a href="{{ path('app_contact_index') }}" class="block text-4xl lg:text-lg text-gray-800 hover:text-vert transition duration-300">Demandes de contact</a>
                </div>
            </details>

            <!-- Sp�cialit�s m�dicales -->
            <details class="my-3 rounded-lg overflow-hidden h-auto w-full lg:mx-0">
                <summary class="bg-vert text-white px-4 py-5 text-4xl lg:text-xl font-semibold cursor-pointer">Sp&#233cialit&#233s m&#233dicales</summary>
                <div class="bg-white px-4 py-6">
                    <a href="{{ path('app_speciality_all') }}" class="block text-4xl lg:text-lg text-gray-800 hover:text-vert transition duration-300">Gestion des sp&#233cialit&#233s</a>
                    <a href="{{ path('app_speciality_new') }}" class="block mt-2 text-4xl lg:text-lg text-gray-800 hover:text-vert transition duration-300">Cr&#233er une nouvelle sp&#233cialit&#233</a>
                    <a href="{{ path('app_reason_index')}}" class="block mt-2 text-4xl lg:text-lg text-gray-800 hover:text-vert transition duration-300">Gestion des motifs</a>
                </div>
            </details>

            <!-- Journaux -->
            <details class="my-3 rounded-lg overflow-hidden h-auto w-full lg:mx-0">
                <summary class="bg-vert text-white px-4 py-5 text-4xl lg:text-xl font-semibold cursor-pointer">Journaux</summary>
                <div class="bg-white px-4 py-6">
                    <a href="#audit-logs" class="block text-4xl lg:text-lg text-gray-800 hover:text-vert transition duration-300">Journaux d'audit</a>
                    <a href="{{ path('app_bug_report_index') }}" class="block mt-2 text-4xl lg:text-lg text-gray-800 hover:text-vert transition duration-300">Liste des bugs</a>
                </div>
            </details>

        </div>
    </div>
{% endblock %}