{% set currentPath =
    path(
    app.request.attributes.get('_route'),
    app.request.attributes.get('_route_params')
    )
%}
{{ form_start(form, {'attr': {'onsubmit' : 'return validateForm()'}}) }}
    <div class="show-container">
        <div class="show-container_title">
            <div class="show-container_title-left">
                <h3>
                    Dossier <span class='id_value'>{{ dossier.id ? dossier.codeAction : nextId }}</span>
                </h3>
                <div class="dossier-state">
                    <span>{{ form_widget(form.statut) }}</span>
                </div>
            </div>
            <div class="show-container_title-right">
                {% if currentPath == path('dossier_new_alternance') %}
                    <a class="save-btn btn btn-danger btn-lg" href="{{ path('dossier_index') }}"
                       onclick="return confirm('Toutes les données rentrées seront pérdues. Êtes-vous sûr de vouloir abandonner?' );">
                        Abandonner
                    </a>
                {% else %}
                    <a class="save-btn btn btn-danger btn-lg" href="{{ path('dossier_show', {'id' : dossier.id}) }}"
                       onclick="return confirm('Toutes les données rentrées seront pérdues. Êtes-vous sûr de vouloir abandonner?' );">
                        Abandonner
                    </a>
                {% endif %}
                <button class="action-btn save-btn btn btn-success btn-lg"
                        onclick="return confirm('Dans le cas si vous avez changé le nombre d\'heures ou la date de début de la formation toutes les actions seront régénéré. Êtes-vous sûr de vouloir enregistrer?' );">
                    {{ button_label|default('Enregistrer') }}
                </button>
            </div>
        </div>

        <div class="show-container_content">
            <div class="show-container_content-side up">
                <fieldset>
                    <legend>Dossier</legend>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Code Action</span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                            {{ form_widget(form.code_action) }}
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Intitulé de la formation &nbsp</span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                            {{ form_widget(form.intitule_formation) }}
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Début de la Formation &nbsp</span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                            {{ form_widget(form.debut_formation) }}
                        </span>
                    </div>

                    <div class="dossier_field">
                        <span class="dossier_field-name">Heures Totales</span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                            {{ form_widget(form.heures_totales) }}
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Contact du dossier</span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                            {{ form_widget(form.contact_dossier) }}
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Zone Géographique
                            <a href="#"
                               title="Ajouter un nouveau élément">
                                <i class="fas fa-plus-circle" onclick="addZone(this)" data-link="{{ path('dossier_new_continu')}}"></i>
                            </a>
                        </span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                            {{ form_widget(form.zoneGeo) }}
                        </span>
                    </div>
                </fieldset>
                {##############################################################################################################}
                <fieldset>
                    <legend>Financement</legend>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Compte
                            <a href="#"
                               title="Ajouter un nouveau élément">
                                <i class="fas fa-plus-circle" onclick="addCompte(this)" data-link="{{ path('dossier_new_continu')}}"></i>
                            </a>
                        </span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                          {{ form_widget(form.nomCompte) }}
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Donneur d'ordre
                            <a href="#"
                               title="Ajouter un nouveau élément">
                                <i class="fas fa-plus-circle" onclick="addDonneurDordre(this)" data-link="{{ path('dossier_new_continu')}}"></i>
                            </a>
                        </span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                            {{  form_widget(form.donneur_dordre) }}
                        </span>

                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Financement
                            <a href="#"
                               title="Ajouter un nouveau élément">
                                <i class="fas fa-plus-circle" onclick="addFinancement(this)" data-link="{{ path('dossier_new_continu')}}"></i>
                            </a>
                        </span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                          {{ form_widget(form.financement) }}
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Tarif contracté</span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                            {{ form_widget(form.tarif_contracte) }}
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Bon de Commande</span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                            {{ form_widget(form.bon_commande) }}
                        </span>
                    </div>
                </fieldset>

                {##############################################################################################################}
            </div>
            <div class="show-container_content-side btm">
                <fieldset>
                    <legend>Formation</legend>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Modalité de la Formation</span><i class="far fa-long-arrow-right">
                        </i><span class="dossier_field-value">Alternance</span>
                    </div>
                    <div class="dossier_field stage_container">
                        <span class="dossier_field-value stage-field">
                            {% if periodes_formation is defined and periodes_formation|length > 0 %}
                                <div class="dossier_field">
                                    <span class="dossier_field-name">Periodes de formation existantes :</span>
                                </div>
                                {% for periode in periodes_formation %}
                                <div class="dossier_field stage_periode_values">
                                <span class="dossier_field-name">Du : {{ periode.dateDebut|date('d/m/Y') }}</span><i
                                            class="far fa-long-arrow-right">
                                </i><span class="dossier_field-value">
                                   Au : {{ periode.dateFin|date('d/m/Y') }}

                                  </span>
                            </div>
                            {% endfor %}
                            {% endif %}
                            <nav name='hollydays' class="stage-menu">
                                  <ul>
                                      <li class="stage-has-subnav ">
                                        <div class="stage-top-flex">
                                            <div class="header-stage stage-dropdown-trigger">
                                                <i class="fad fa-calendar-day"></i>
                                                <span class="nav-text dropdown-trigger">Période formation (<span id="formation_h_total"></span>h)</span>
                                                <i class="drop-arrow fad fa-caret-right"></i>
                                            </div>
                                            <div class="add-date-cont">
                                                <i class="fad fa-calendar-plus add-date" title="ajouter une nouvelle periode creuse"></i>
                                                <i class="fad fa-calendar-minus add-date" title="supprimer une periode creuse"></i>
                                            </div>
                                        </div>
                                            <ul class="stage-sub-dropdown">
                                            </ul>
                                        </li>
                                  </ul>
                                </nav>
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Nombre de Candidats</span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                            {{ form_widget(form.nombre_candidat) }}
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Type de la Formation
                            <a href="#"
                               title="Ajouter un nouveau élément">
                                <i class="fas fa-plus-circle" onclick="addTypeFormation(this)" data-link="{{ path('dossier_new_continu')}}"></i>
                            </a>
                        </span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                          {{ form_widget(form.tpForm) }}
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Version formation</span>
                        <i class="far fa-long-arrow-right"> </i>
                        <span class="dossier_field-value">
                            {{ form_widget(form.version_formation) }}
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Code direccte
                            <a href="#"
                               title="Ajouter un nouveau élément">
                                <i class="fas fa-plus-circle" onclick="addCodeDirrecte(this)"data-link="{{ path('dossier_new_continu')}}"></i>
                            </a>
                        </span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                          {{ form_widget(form.code_direccte) }}
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Adresse de formation</span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                            {{ form_widget(form.lieu_formation) }}
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Niveau
                            <a href="#"
                               title="Ajouter un nouveau élément">
                                <i class="fas fa-plus-circle" onclick="addNiveau(this)"data-link="{{ path('dossier_new_continu')}}"></i>
                            </a>
                        </span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                          {{ form_widget(form.niveau) }}
                        </span>
                    </div>
                    <div class="dossier_field">
                        <span class="dossier_field-name">Certifiant</span>
                        <i class="far fa-long-arrow-right"></i>
                        <span class="dossier_field-value">
                            {{ form_widget(form.certifiant) }}
                        </span>
                    </div>

                </fieldset>
                {##############################################################################################################}

                {##############################################################################################################}
            </div>
        </div>
        <div>
            <div class="dossier_notes">
                <span class="dossier_notes-label">Notes :</span><span
                        class="dossier_notes-value">{{ form_widget(form.notes, { 'attr': {
                        'style' : 'width:100%'}}) }}</span>
            </div>
        </div>
    </div>
{{ form_end(form) }}
<div class="popup-background" onclick="removePopup()" style="left:0"></div>
<div class="popup-modal" id="main_form" style="left:15%">
    {% if formZone is defined %}
        {% set form = formZone %}
        <div class="crud_container tiny" style="height: auto;overflow-y: hidden !important">
            <fieldset style="margin:auto">
                <legend>Créer une nouvelle Zone Géographique</legend>
                {{ form_start(form) }}
                <div class="cruds">
                    <div class="cruds-left">
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Zone géographique</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                    {{ form_widget(form.zone) }}
                </span>
                        </div>
                    </div>
                </div>
                <button class="btn crud-btn">{{ button_label|default('Enregistrer') }}</button>
                {{ form_end(form) }}
            </fieldset>
        </div>
    {% endif %}
    {% if formTypeFormation is defined %}
        {% set form = formTypeFormation %}
        <div class="crud_container tiny" style="height: auto;overflow-y: hidden !important">
            <fieldset style="margin:auto">
                <legend>Créer une nouveau Type de Formation</legend>

                {{ form_start(form) }}
                <div class="cruds">
                    <div class="cruds-left">
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Nom du type de la formation</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                            {{ form_widget(form.name) }}
                        </span>
                        </div>
                    </div>
                </div>
                <button class="btn crud-btn">{{ button_label|default('Enregistrer') }}</button>
                {{ form_end(form) }}
            </fieldset>
        </div>
    {% endif %}
    {% if formCodeDirrecte is defined %}
        {% set form = formCodeDirrecte  %}
        <div class="crud_container tiny" style="height: auto;overflow-y: hidden !important">
            <fieldset style="margin:auto">
                <legend>Créer une nouveau Code Dirrecte</legend>

                {{ form_start(form) }}
                <div class="cruds">
                    <div class="cruds-left">
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Code</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                            {{ form_widget(form.code) }}
                        </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Domaine de formation</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                            {{ form_widget(form.domaineFormation) }}
                        </span>
                        </div>
                    </div>
                </div>
                <button class="btn crud-btn">{{ button_label|default('Enregistrer') }}</button>
                {{ form_end(form) }}
            </fieldset>
        </div>
    {% endif %}
    {% if formNiveau is defined %}
        {% set form = formNiveau  %}
        <div class="crud_container tiny" style="height: auto;overflow-y: hidden !important">
            <fieldset style="margin:auto">
                <legend>Créer une nouveau Niveau</legend>

                {{ form_start(form) }}
                <div class="cruds">
                    <div class="cruds-left">
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Nom du niveau</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                    {{ form_widget(form.nom) }}
                                </span>
                        </div>
                    </div>
                </div>
                <button class="btn crud-btn">{{ button_label|default('Enregistrer') }}</button>
                {{ form_end(form) }}
            </fieldset>
        </div>
    {% endif %}
    {% if formCompte is defined %}
        {% set form = formCompte %}
        <div class="crud_container tiny" style="height: auto;overflow-y: hidden !important">
            <fieldset style="margin:auto">
                <legend>Créer une nouveau Compte</legend>

                {{ form_start(form) }}
                <div class="cruds">
                    <div class="cruds-left">
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Nom compte</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                    {{ form_widget(form.nomCompte) }}
                                </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Code compte</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                    {{ form_widget(form.codeCompte) }}
                                </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Effectif</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                    {{ form_widget(form.effectif) }}
                                </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Addresse de facturation</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                    {{ form_widget(form.adresseFact) }}
                                </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Boite postale</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                    {{ form_widget(form.boitePostale) }}
                                </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Ville</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                    {{ form_widget(form.ville) }}
                                </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Code postal</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                    {{ form_widget(form.codePostal) }}
                                </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Pays</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                    {{ form_widget(form.pays) }}
                                </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Téléphone</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                        {{ form_widget(form.telephone) }}
                                </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Fax</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                    {{ form_widget(form.fax) }}
                                </span>
                        </div>
                    </div>
                    <div class="cruds-right">
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Email</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                            {{ form_widget(form.email) }}
                                        </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">CA annuel</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                            {{ form_widget(form.caAnnuel) }}
                                        </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Secteur</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                            {{ form_widget(form.secteur) }}
                                        </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Type</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                            {{ form_widget(form.type) }}
                                        </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Code APE</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                            {{ form_widget(form.codeApe) }}
                                        </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Site Web</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                            {{ form_widget(form.siteWeb) }}
                                        </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Capital</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                            {{ form_widget(form.capital) }}
                                        </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">RCS</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                            {{ form_widget(form.rcs) }}
                                        </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Nr. TVA</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                            {{ form_widget(form.nrTva) }}
                                        </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Note</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                    {{ form_widget(form.note) }}
                                </span>
                        </div>
                    </div>
                </div>
                <button class="btn crud-btn">{{ button_label|default('Enregistrer') }}</button>
                {{ form_end(form) }}
            </fieldset>
        </div>
    {% endif %}
    {% if formDonneurDordre is defined %}
        {% set form = formDonneurDordre %}
        <div class="crud_container tiny" style="height: auto;overflow-y: hidden !important">
            <fieldset style="margin:auto">
                <legend>Créer une nouveau Donneur d'ordre</legend>

                {{ form_start(form) }}
                <div class="cruds">
                    <div class="cruds-left">
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Nom</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                        {{ form_widget(form.nom) }}
                    </span>
                        </div>
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Nom</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                        {{ form_widget(form.prenom) }}
                    </span>
                        </div>
                        <div class="cruds-left-dossier_field" style="height: 10%;margin-top: 15px;">
                            <span class="dossier_field-name">Compte</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                {{ form_widget(form.compte) }}
                            </span>
                        </div>
                    </div>
                </div>

                <button class="btn crud-btn">{{ button_label|default('Enregistrer') }}</button>
                {{ form_end(form) }}
            </fieldset>
        </div>
    {% endif %}
    {% if formFinancement is defined %}
        {% set form = formFinancement%}
        <div class="crud_container tiny" style="overflow-y: hidden !important">
            <fieldset style="margin:auto">
                <legend>Créer une nouveau Financement</legend>

                {{ form_start(form) }}
                <div class="cruds">
                    <div class="cruds-left">
                        <div class="cruds-left-dossier_field">
                            <span class="dossier_field-name">Type de financement</span>
                            <i class="far fa-long-arrow-right"></i>
                            <span class="dossier_field-value">
                                    {{ form_widget(form.type) }}
                                </span>
                        </div>
                    </div>
                </div>
                <button class="btn crud-btn">{{ button_label|default('Enregistrer') }}</button>
                {{ form_end(form) }}
            </fieldset>
        </div>
    {% endif %}

</div>


    <script src="{{ asset('assets/scripts/autocompleteDossier.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/scripts/ajax_add_to_bd.js') }}"></script>