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

{% block title %} Nos praticiens {{ parent() }} }}{% endblock %}

{% block body %}
<div class="container mx-auto">
    <h1 class="font-bold text-5xl lg:text-3xl m-10 text-center">Nos praticiens</h1>
    <div class="overflow-x-auto">
    <table id="doctors-table" class="table border-2 border-gray-200 text-center px-10 w-1/2 lg:mx-auto lg:w-5/6">
        <thead class="bg-slate-950 text-white">
            <tr class="border justify-center">
                <th class="border text-4xl lg:text-base py-6">Prénom</th>
                <th class="border text-4xl lg:text-base py-6">Nom</th>
                <th class="border text-4xl lg:text-base py-6">Spécialité</th>
                <th class="border text-4xl lg:text-base py-6">Adresse</th>
                <th class="border text-4xl lg:text-base py-6 px-48 lg:px-0">Actions</th>
            </tr>
        </thead>
        <tbody class="border">
            {% if pagination.getTotalItemCount() > 0 %}
                {% for doctor in pagination %}
                    <tr>
                        <td class="border text-4xl lg:text-base py-6">{{ doctor.user.firstName }}</td>
                        <td class="border text-4xl lg:text-base py-6">{{ doctor.user.lastName }}</td>
                        <td class="border text-4xl lg:text-base py-6">{{ doctor.speciality.name }}</td>
                        <td class="border text-4xl lg:text-base py-6">{{ doctor.user.street }} {{ doctor.user.zipCode }}, {{ doctor.user.city }}</td>
                        <td class="border text-4xl lg:text-base py-6 mx-20">
                            <div class="grid gap-2 grid-col-1 lg:grid-cols-3 w-full">
                                <a class="bg-orange-400 p-2 m-1 rounded" href="{{ path('app_user_show', {'id': doctor.user.id}) }}"><i class="fa-solid fa-eye"></i> Profil Utilisateur</a>
                                <a class="bg-orange-400 p-2 m-1 rounded" href="{{ path('app_doctor_show', {'id': doctor.id}) }}"><i class="fa-solid fa-eye"></i> Compte praticien</a>
                                <a class="bg-orange-400 p-2 m-1 rounded" href="{{ path('app_doctor_edit', {'id': doctor.id}) }}"><i class="fa-solid fa-pen"></i> Éditer le praticien</a>
                               
                            </div>
                        </td>
                        
                    </tr>
                {% endfor %}
            {% else %}
                <tr>
                    <td colspan="8">Aucun praticien trouvé</td>
                </tr>
            {% endif %}
        </tbody>
    </table>
</div>
            <div class="pagination text-4xl lg:text-base text-center font-bold m-5 justify-content-center">
                {{ knp_pagination_render(pagination) }}
            </div>
</div>
{% endblock %}