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

{% block title %}Contrats - {{ parent() }} {% endblock %}

{% block body %}
    <div class="container mx-auto p-6">
        <h1 class="text-3xl font-bold mb-6">Liste des Contrats</h1>

        {% if contracts is empty %}
            <p class="text-gray-600">Aucun contrat trouvé.</p>
        {% else %}
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
                {% for contract in contracts %}
                    <div class="bg-white shadow-lg rounded-lg p-6 border border-gray-200">
                        <h2 class="text-2xl font-semibold mb-4">{{ contract.employee.firstName }} - {{ contract.employee.lastName }}</h2>
                        <p><strong>Type:</strong> {{ contract.type }}</p>
                        <p><strong>Date de début:</strong> {{ contract.startDate ? contract.startDate|date('d/m/Y') : 'N/A' }}</p>
                        <p><strong>Date de fin:</strong> {{ contract.endDate ? contract.endDate|date('d/m/Y') : 'Non spécifiée' }}</p>
                        <p><strong>Employé:</strong> <a href="{{ path('app_user_show', {'id': contract.employee.id}) }}" class="text-blue-600 hover:underline">{{ contract.employee.email }}</a></p>

                        <div class="mt-4 flex space-x-4">
                            <a href="{{ path('app_contract_generate_pdf', {'id': contract.id}) }}" class="text-blue-500 hover:underline">Contrat au format pdf</a>
                            <a href="{{ path('app_contract_edit', {'id': contract.id}) }}" class="text-blue-500 hover:underline">Modifier</a>
                        </div>
                    </div>
                {% endfor %}
            </div>
        {% endif %}
    </div>
{% endblock %}