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

{% block title %} Mes patients {{ parent() }} }}{% endblock %}

{% block body %}
    <h1 class="font-bold text-2xl m-5 text-center">Mes patients</h1>
    <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">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">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.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">
                            <div class="grid grid-cols-2 gap-2 lg:grid-cols-4 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>
                            {{ include('doctor/_delete_form.html.twig') }}
                            </div>
                        </td>
                    </tr>
                {% endfor %}
            {% else %}
                <tr>
                    <td colspan="8">Aucun patient trouvé</td>
                </tr>
            {% endif %}
        </tbody>
    </table>
            <div class="pagination text-4xl lg:text-base text-center font-bold m-5 justify-content-center">
                {{ knp_pagination_render(pagination) }}
            </div>
{% endblock %}