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

{% block title %}Nouvelle Entreprise{% endblock %}

{% block body %}
    <div class="container mx-auto p-6">
        <h1 class="text-3xl font-bold mb-6">Créer une nouvelle entreprise</h1>

        <div class="bg-white shadow-md rounded-lg p-6">
            {{ form_start(form) }}

            <div class="mb-4">
                <label for="company_name" class="block text-lg font-medium text-gray-700 mb-2">Nom de l'entreprise</label>
                {{ form_widget(form.name, {'attr': {'class': 'block w-full p-2 border rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-500'}}) }}
            </div>

            <div class="mb-4">
                <label for="company_address" class="block text-lg font-medium text-gray-700 mb-2">Adresse de l'entreprise</label>
                {{ form_widget(form.address, {'attr': {'class': 'block w-full p-2 border rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-500'}}) }}
            </div>

            <div class="mb-4">
                <label for="company_tel" class="block text-lg font-medium text-gray-700 mb-2">Numéro de téléphone</label>
                {{ form_widget(form.tel, {'attr': {'class': 'block w-full p-2 border rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-500'}}) }}
            </div>

            <div class="mb-4">
                <label for="company_mail" class="block text-lg font-medium text-gray-700 mb-2">Email de l'entreprise</label>
                {{ form_widget(form.mail, {'attr': {'class': 'block w-full p-2 border rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-teal-500'}}) }}
            </div>

            <div class="mt-6">
                <button type="submit" class="bg-teal-500 hover:bg-teal-600 text-white py-2 px-4 rounded-full w-full">
                    Créer l'entreprise
                </button>
            </div>

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

        <div class="mt-4">
            <a href="{{ path('app_company_index') }}" class="text-teal-500 hover:text-teal-700">
                <i class="fas fa-arrow-left"></i> Retour à la liste des entreprises
            </a>
        </div>
    </div>
{% endblock %}