{% for form in forms %}
    <!-- Modal d'édition -->
    <div id="company-modal-{{ form.vars.value.id | default(0) }}"
         class="modal fade"
         tabindex="-1" role="dialog"
         aria-labelledby="company-modal-label-{{ form.vars.value.id | default(0) }}"
         aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                {{ form_start(form, { 'attr' : { 'class': 'company-form p-3', 'novalidate': 'novalidate' } }) }}
                <!-- HEADER -->
                <div class="modal-header bg-secondary text-white">
                    <h4 class="modal-title d-flex align-items-center" id="company-modal-label-{{ loop.index -1 }}">
                        <i class="mdi mdi-office-building me-2"></i>
                        {{ form.vars.value.name ?: 'Nouvelle entreprise' }}
                    </h4>
                    <button type="button" class="btn-close text-white" data-bs-dismiss="modal"
                            aria-hidden="true"></button>
                </div>

                <!-- BODY -->
                <div class="modal-body">
                    <div class="row">
                        <!-- Colonne 1 : Infos Générales -->
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label class="form-label">{{ 'company.name' | trans([],'company') }}</label>
                                {{ form_widget(form.name, { 'attr': {'class': 'form-control'} }) }}
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ 'company.street' | trans([],'company') }}</label>
                                {{ form_widget(form.addressStreet, { 'attr': {'class': 'form-control'} }) }}
                            </div>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">{{ 'company.number' | trans([],'company') }}</label>
                                    {{ form_widget(form.addressNumber, { 'attr': {'class': 'form-control'} }) }}
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">{{ 'company.number.bt' | trans([],'company') }}</label>
                                    {{ form_widget(form.addressNumberBt, { 'attr': {'class': 'form-control'} }) }}
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">{{ 'company.postal_code' | trans([],'company') }}</label>
                                    {{ form_widget(form.addressPcode, { 'attr': {'class': 'form-control'} }) }}
                                </div>
                                <div class="col-md-6 mb-3">
                                    <label class="form-label">{{ 'company.city' | trans([],'company') }}</label>
                                    {{ form_widget(form.addressCity, { 'attr': {'class': 'form-control'} }) }}
                                </div>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ 'company.country' | trans([],'company') }}</label>
                                {{ form_widget(form.addressCountry, { 'attr': {'class': 'form-control'} }) }}
                            </div>
                        </div>

                        <!-- Colonne 2 : Infos Contact -->
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label class="form-label">{{ 'company.contact.first.name' | trans([],'company') }}</label>
                                {{ form_widget(form.companyContactFname, { 'attr': {'class': 'form-control'} }) }}
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ 'company.contact.last.name' | trans([],'company') }}</label>
                                {{ form_widget(form.companyContactLname, { 'attr': {'class': 'form-control'} }) }}
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ 'company.contact.number' | trans([],'company') }}</label>
                                {{ form_widget(form.companyContactTelNumber, { 'attr': {'class': 'form-control'} }) }}
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ 'company.contact.email' | trans([],'company') }}</label>
                                {{ form_widget(form.companyContactEmail, { 'attr': {'class': 'form-control'} }) }}
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ 'company.logo' | trans([],'company') }}</label>
                                {{ form_widget(form.logo, { 'attr': {'class': 'form-control'} }) }}
                            </div>
                        </div>
                    </div>

                    <!-- Autres informations -->
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label class="form-label">{{ 'company.invoicePrefix' | trans([],'company') }}</label>
                                {{ form_widget(form.invoicePrefix, { 'attr': {'class': 'form-control'} }) }}
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ 'company.invoiceNumber' | trans([],'company') }}</label>
                                {{ form_widget(form.invoiceNumber, { 'attr': {'class': 'form-control'} }) }}
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label class="form-label">{{ 'company.vat' | trans([],'company') }}</label>
                                {{ form_widget(form.vat, { 'attr': {'class': 'form-control'} }) }}
                            </div>
                            <div class="mb-3">
                                <label class="form-label">{{ 'company.iban' | trans([],'company') }}</label>
                                {{ form_widget(form.iban, { 'attr': {'class': 'form-control'} }) }}
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">{{ 'company.disclaimer' | trans([],'company') }}</label>
                        {{ form_widget(form.disclaimer, { 'attr': {'class': 'form-control'} }) }}
                    </div>
                </div>

                <!-- FOOTER -->
                <div class="modal-footer d-flex justify-content-between">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">
                        <i class="mdi mdi-close"></i> {{ 'company.cancel' | trans([],'company') }}
                    </button>
                    <button type="submit" class="btn btn-success">
                        <i class="mdi mdi-check"></i> {{ 'company.update.company' | trans([],'company') }}
                    </button>
                </div>

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