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

{% block title %}Modifier l'Annonce{% endblock %}

{% block body %}
    <div class="container mx-auto p-6">
        <h1 class="text-3xl font-bold text-center mb-6">Modifier l'Annonce</h1>

        <div class="max-w-4xl mx-auto bg-white p-6 rounded-lg shadow-lg">
            <form method="post" action="{{ path('app_announcement_edit', { id: announcement.id }) }}" class="space-y-6">
                {{ form_start(form) }}

                <div class="mb-4">
                    <!-- Nom de l'entreprise -->
                    <label for="announcement_company" class="block text-gray-700 font-semibold">Entreprise</label>
                    <div>
                        {{ form_widget(form.company, {'attr': {'class': 'w-full p-3 border rounded-md'}}) }}
                    </div>
                </div>

                <!-- Titre de l'annonce -->
                <div class="mb-4">
                    <label for="announcement_title" class="block text-gray-700 font-semibold">Titre de l'annonce</label>
                    <div>
                        {{ form_widget(form.title, {'attr': {'class': 'w-full p-3 border rounded-md'}}) }}
                    </div>
                </div>

                <!-- Description -->
                <div>
                    <label for="announcement_description" class="block text-gray-700 font-semibold">Description</label>
                    <div>
                        {{ form_widget(form.description, { 'attr': { 'class': 'w-full p-3 border rounded-md' } }) }}
                    </div>
                </div>

                <!-- Date du stage -->
                <div>
                    <label for="announcement_date" class="block text-gray-700 font-semibold">Date du stage</label>
                    <div>
                        {{ form_widget(form.date, { 'attr': { 'class': 'w-full p-3 border rounded-md' } }) }}
                    </div>
                </div>

                <!-- Submit Button -->
                <div class="text-center">
                    <button type="submit" class="bg-teal-500 text-white px-6 py-3 rounded-md hover:bg-teal-600">
                        Enregistrer les modifications
                    </button>
                </div>

                {{ form_end(form) }}
            </form>
        </div>

        <!-- Bouton Retour -->
        <div class="mt-4">
            <a href="{{ path('app_announcement_index') }}" class="text-teal-500 flex items-center">
                <i class="fas fa-arrow-left mr-2"></i>Retour à la liste des annonces
            </a>
        </div>
    </div>
{% endblock %}