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

{% block title %}Nouveau Projet - Clinique Les Genêts{% endblock %}

{% block page_title %}Créer un nouveau projet{% endblock %}

{% block body %}
<div class="max-w-4xl mx-auto">
    <div class="bg-white rounded-lg border border-gray-200 p-6">
        <div class="flex items-center justify-between mb-6">
            <h2 class="text-xl font-semibold text-gray-800">Nouveau projet</h2>
            <a href="{{ path('app_project_index') }}" class="text-gray-600 hover:text-gray-800">
                <i class="fas fa-times"></i>
            </a>
        </div>

        {{ form_start(form, {'attr': {'class': 'space-y-6'}}) }}
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                <!-- Nom du projet -->
                <div class="md:col-span-2">
                    {{ form_label(form.name, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
                    {{ form_widget(form.name) }}
                    {{ form_errors(form.name) }}
                </div>

                <!-- Description -->
                <div class="md:col-span-2">
                    {{ form_label(form.description, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
                    {{ form_widget(form.description) }}
                    {{ form_errors(form.description) }}
                </div>

                <!-- Statut et Priorité -->
                <div>
                    {{ form_label(form.status, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
                    {{ form_widget(form.status) }}
                    {{ form_errors(form.status) }}
                </div>

                <div>
                    {{ form_label(form.priority, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
                    {{ form_widget(form.priority) }}
                    {{ form_errors(form.priority) }}
                </div>

                <!-- Dates -->
                <div>
                    {{ form_label(form.startDate, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
                    {{ form_widget(form.startDate) }}
                    {{ form_errors(form.startDate) }}
                </div>

                <div>
                    {{ form_label(form.endDate, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
                    {{ form_widget(form.endDate) }}
                    {{ form_errors(form.endDate) }}
                </div>

                <!-- Budget et Chef de projet -->
                <div>
                    {{ form_label(form.budget, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
                    {{ form_widget(form.budget) }}
                    {{ form_errors(form.budget) }}
                </div>

                <div>
                    {{ form_label(form.projectManager, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
                    {{ form_widget(form.projectManager) }}
                    {{ form_errors(form.projectManager) }}
                </div>
            </div>

            <!-- Membres d'équipe -->
            <div>
                {{ form_label(form.teamMembers, null, {'label_attr': {'class': 'block text-sm font-medium text-gray-700 mb-2'}}) }}
                {{ form_widget(form.teamMembers) }}
                {{ form_errors(form.teamMembers) }}
                {% if form.teamMembers.vars.help %}
                    <p class="text-sm text-gray-500 mt-1">{{ form.teamMembers.vars.help }}</p>
                {% endif %}
            </div>

            <!-- Actions -->
            <div class="flex items-center justify-end space-x-4 pt-6 border-t border-gray-200">
                <a href="{{ path('app_project_index') }}" 
                   class="bg-gray-500 hover:bg-gray-600 text-white px-6 py-2 rounded-lg text-sm">
                    <i class="fas fa-times mr-2"></i>
                    Annuler
                </a>
                <button type="submit" 
                        class="bg-green-600 hover:bg-green-700 text-white px-6 py-2 rounded-lg text-sm">
                    <i class="fas fa-save mr-2"></i>
                    Créer le projet
                </button>
            </div>
        {{ form_end(form) }}
    </div>
</div>
{% endblock %}