<form id="intermediaireForm">
    <h5>
        Informations sur la fiche intermediaire
    </h5>
    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">settings</i><span style="margin-left: 10px;">Options du module intermédiaire
                    :</span>
            </div>
            <div class="row">
                <h6 class="red-text text-darken-4">Vous pouvez extraire les informations d'AXAPAC en cliquant sur le
                    bouton
                    ci-dessous :</h6>
            </div>
        </div>
        <button class="btn" id="cl063-intermediaire">Extraire avec AXAPAC</button>
    </div>

    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">person</i><span style="margin-left: 10px;">Informations sur l'intermédiaire
                    :</span>
            </div>
            <div class="row">
                <h6 class="red-text text-darken-4">Veuillez renseigner les informations de l'intermédiaire ci-dessous :
                </h6>
            </div>
        </div>
        <div class="row">
            <div class="col s12">
                <div class="col s6 offset-s3" style="display: flex;justify-content: space-evenly;align-items: center;">
                <label>
                    <input name="type" type="radio" id="agent" value="agent" />
                    <span>Agent général</span>
                </label>
                <label>
                    <input name="type" type="radio" id="courtier" value="courtier" />
                    <span>Courtier</span>
                </label>
            </div>
        </div>
        </div>
        <div class="row" id="additionalChoice" style="display:none;">
            <div class="header">
                <div class="row">
                    <h6 class="red-text text-darken-4">Veuillez sélectionner si l'agent est mutualiste ou non : </h6>
                </div>
            </div>
            <div class="row">
                <div class="col s12">
                    <div class="col s6 offset-s3" style="display: flex;justify-content: space-evenly;align-items: center;">
                        <label>
                            <input name="mutualiste" type="radio" id="mutualiste" value="mutualiste" />
                            <span>Mutualiste</span>
                        </label>
                        <label>
                            <input name="mutualiste" type="radio" id="non_mutualiste" value="non_mutualiste" checked />
                            <span>NON Mutualiste</span>
                        </label>
                        <button class="circle" type="button" id="btnMutualiste">?</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col s12">
            <div class="col s6 mrg">
                <label for="numPortefeuille" class="left orange-text text-darken-4">Numéro de portefeuille intermédiaire :</label>
                <input placeholder="1234567890" type="text" id="numPortefeuille">
                <span id="numPortefeuille-error" class="helper-text"></span>

                <label for="nomIntermediaire" class="left">Nom de l'intermédiaire :</label>
                <input placeholder="SARL, Exemple" type="text" id="nomIntermediaire">
                <span id="nomIntermediaire-error" class="helper-text"></span>

                <label for="numTelIntermediaire" class="left">Numéro de téléphone de l'intermédaire :</label>
                <input placeholder="0123456789" type="text" id="numTelIntermediaire">
                <span id="numTelIntermediaire-error" class="helper-text"></span>

                <label for="emailIntermediaire" class="left">Email de l'intermédiaire :</label>
                <input placeholder="exemple@exemple.fr" type="text" id="emailIntermediaire">
                <span id="emailIntermediaire-error" class="helper-text"></span>
            </div>
            <div class="col s6 mrg">
                <label for="adresseIntermediaire" class="left">Adresse de l'intermédiaire :</label>
                <input placeholder="123 Rue de l'exemple" type="text" id="adresseIntermediaire">
                <span id="adresseIntermediaire-error" class="helper-text"></span>

                <label for="codePostalIntermediaire" class="left">Code postal de l'intermediaire :</label>
                <input placeholder="12345" type="text" id="codePostalIntermediaire">
                <span id="codePostalIntermediaire-error" class="helper-text"></span>

                <label for="villeIntermediaire" class="left">Ville de l'intermédiaire :</label>
                <input placeholder="Exemple" type="text" id="villeIntermediaire">
                <span id="villeIntermediaire-error" class="helper-text"></span>

                <label for="numOrias" class="left">Numéro ORIAS de l'intermédaire :</label>
                <input placeholder="1234567890" type="text" id="numOrias">
                <span id="numOrias-error" class="helper-text"></span>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">save</i><span style="margin-left: 10px;">Enregistrer et poursuivre le parcours :</span>
            </div>
            <div class="row">
                <h6 class="red-text text-darken-4">Pensez à enregistrer toutes modifications sur le formulaire :</h6>
                <span class="red-text" id="message-typeInter"> Vous n'avez pas selectionné de type d'intermédiaire</span>

            </div>
        </div>
        <button class="btn" type="submit" id="intermediaireFormBtn">Enregistrer et aller vers le tarif</button>
        <button class="btn" type="submit" id="intermediaireFormBtnProjet">Enregistrer et aller vers le projet</button>

    </div>
</form>

<!-- MODALS -->
<!-- Modal pour l'extraction AxAPAC -->
<div id="modalExtractAxAPAC" class="modal">
    <div class="modal-content center-align">
  
      <div class="row">
        <h5>Module d'extraction AxA PAC</h5>
        <hr>
        <h6 class="red-text text-darken-4">Veuillez vérifier que AxA PAC est bien ouvert sur votre ordinateur.</h6>
      </div>
  
      <div class="row">
        <h6>Veuillez renseigner le <span class="red-text text-darken-4">numero de fiche client</span> sur lequel faire l'extraction AxA PAC, puis cliquez sur le bouton <span class="red-text text-darken-4">EXTRAIRE</span>.</h6>
        <h6 style="font-style: italic;"><strong>A noter, en cliquant sur le bouton EXTRAIRE, les informations client et intermédiaire seront remplacées dans ce parcours par celles extraites dans AxA PAC.</strong></h6>
        <div class="row" style="width: 30%;">
            <input placeholder="Numéro fiche client" type="text" id="modalNumClient">
            <span id="modalNumClient-error" class="helper-text"></span>
        </div>
        <div class="row" id="error-extract" style="display:none;">
            <h6 class="red-text text-darken-4">Aucune donnée extraite via AXAPAC sur ce numéro de Client. Veuillez vérifier que AXAPAC est bien lancé et que le numéro de client est juste.</h6>
        </div>
        <div class="row">
            <button id="modalExtraireIntermediaire" class="btn">Extraire</button>
        </div>
      </div>
    </div>
  
    <div class="modal-footer">
      <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
    </div>
</div>
<!-- Modal pour pays zone 1 -->
<div id="modalMutualiste" class="modal">
    <div class="modal-content center-align">
        <div class="row">
            <h5>Process pour trouver l'unité juridique d'un portefeuille</h5>
            <hr>
        </div>
        <div class="row">
            <h6 class="red-text text-darken-4">Veuillez vérifier la transaction AC800 de la donnée portefeuille et vous trouverez en bas à droite l'unité juridique</h6>
        </div>
        <div class="row">
            <img src="/images/mutualiste.png" alt="Process mutualiste" id="imgMutualiste" style="width:50%;">
        </div>
    </div>
    <div class="modal-footer">
        <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
    </div>
</div>
