<form id="clientForm">
    <h5>
        Informations sur la fiche client
    </h5>
    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">settings</i><span style="margin-left: 10px;">Options du module client :</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-client">Extraire avec AXAPAC</button>
    </div>

    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">school</i><span style="margin-left: 10px;">Informations santé financière et qualité de portefeuille :</span>
            </div>
            <div class="row">
                <h6 class="red-text text-darken-4">Veuillez renseigner la note financière AXA du client avec l'aide des
                    outils
                    ci-dessous :</h6>
            </div>
        </div>
        <div class="row" style="display: flex;align-items: center;justify-content: center;">
            <img src="/images/creditsafe.png" alt="Logo creditsafe" id="creditsafe" style="width: 20%; margin: 0 5%;cursor:pointer;">
            <img src="/images/easy-qp.png" alt="Logo easy-QP" id="easyQP" style="width: 20%; margin: 0 5%;cursor:pointer;">
            <img src="/images/ref-note-fi.png" id="refNoteFi" alt="Logo référentiel des notes financières par SIRET"
                style="width: 20%; margin: 0 5%;cursor:pointer;">
        </div>
        <div class="row">
            <div class="col s12">
                <div class="col s4 offset-s4">
                    <label for="noteFinanciereClient" class="left">Note Financière AXA sur 20 :</label>
                    <input placeholder="15" id="noteFinanciereClient" type="text">
                    <span id="noteFinanciereClient-error" class="helper-text"></span>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="header">
            <div class="chapter">
                <i class="material-icons">person</i><span style="margin-left: 10px;">Informations sur le client :</span>
            </div>
            <div class="row">
                <h6 class="red-text text-darken-4">Veuillez renseigner les informations du client ci-dessous :</h6>
            </div>
        </div>
        <div class="row">
            <div class="col s12">
                <div class="col s6 mrg">
                    <label for="numClient" class="left orange-text text-darken-4">Numéro de fiche client :</label>
                    <input placeholder="1234567" type="text" id="numClient">
                    <span id="numClient-error" class="helper-text"></span>

                    <label for="nomClient" class="left">Nom du client :</label>
                    <input placeholder="SARL, Exemple" type="text" id="nomClient">
                    <span id="nomClient-error" class="helper-text"></span>

                    <label for="emailClient" class="left">Email du client (Si OK) :</label>
                    <input placeholder="exemple@exemple.fr" type="text" id="emailClient">
                    <span id="emailClient-error" class="helper-text"></span>
                </div>
                <div class="col s6 mrg">
                    <label for="adresseClient" class="left">Adresse du client :</label>
                    <input placeholder="123 Rue de l'exemple" type="text" id="adresseClient">
                    <span id="adresseClient-error" class="helper-text"></span>

                    <label for="codePostalClient" class="left">Code postal du client :</label>
                    <input placeholder="12345" type="text" id="codePostalClient">
                    <span id="codePostalClient-error" class="helper-text"></span>

                    <label for="villeClient" class="left">Ville du client :</label>
                    <input placeholder="Exemple" type="text" id="villeClient">
                    <span id="villeClient-error" class="helper-text"></span>
                </div>
            </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>
            </div>
        </div>
        <button class="btn" type="submit" id="clientFormBtn">Enregistrer et poursuivre le parcours</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="modalExtraireClient" 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>