<!-- Page d'accueil du site -->
<div class="section">
  <h4 class="center-align">Bonjour <span id="firstNameItem"></span> <span id="lastNameItem"></span> (<span
      id="userMatricule"></span>),</h4>
</div>
<div class="divider"></div>

<!-- Boutons parcours soucripteur -->
<div class="section center-align">
  <div id="formToggle">
    <div class="row">
        <h6>Reprendre un parcours à partir d'un numéro de parcours éxistant</h6>
    </div>
    <div class="row">
      <h6 class="red-text text-darken-4">Veuillez renseigner le numéro de parcours :</h6>
    </div>
    <form id="parcoursForm">
      <div class="row">
        <div class="col s4 offset-s4">
          <input placeholder="P123456789" type="text" id="numParcours">
          <span id="numParcours-error" class="helper-text"></span>
        </div>
      </div>
      <div class="row">
        <button class="btn" type="submit" name="Continuer">Continuer</button>
      </div>
    </form>
    <div class="row">
      <h6 class="red-text text-darken-4">Ou :</h6>
    </div>
    <div class="row">
      <button class="btn" id="nouveauParcoursBtn">Créér un nouveau parcours</button>
    </div>
  </div>
</div>

<!-- MODALS -->
<!-- Modal pour Parcours correct-->
<div id="goodParcoursModal" class="modal">
  <div class="modal-content">
    <div class="section">
      <div class="row center">
        <button class="btn" name="genTarif" id="btnGenTarif" disabled>Générer la déclinaison tarifaire</button>
        <button class="btn" name="genCP" id="btnGenCP" disabled>Générer le projet de CP</button>
        <button class="btn" name="genContrat" disabled>Transformer en contrat</button>
        <button class="btn" name="genAttestation" disabled>Générer une attestation </button>
      </div>
    </div>

    <div class="section">
      <h6 class="red-text text-darken-4"><button class="btn-small" id="updateParcours">Reprendre le parcours</button> | Informations parcours :</h6>
      <hr>
      <h6>Numéro de parcours - <span id="displayedNumParcours" class="grey-text text-darken-2"></span></h6>
      <h6>Date de création - <span id="dateCreaParcours" class="grey-text text-darken-2"></span></h6>
      <h6>Date de dernière modification - <span id="dateModiParcours" class="grey-text text-darken-2"></span></h6>
      <h6>Dernier souscripteur - <span id="souscripteurParcours" class="grey-text text-darken-2"></span></h6>
    </div>

    <div class="section">
      <h6 class="red-text text-darken-4">Informations projet :</h6>
      <hr>
      <h6>Numéro de contrat - <span id="numContrat" class="grey-text text-darken-2"></span></h6>
      <h6>Numéro de saisine - <span id="numSaisine" class="grey-text text-darken-2"></span></h6>
      <h6>Produit - <span id="produit" class="grey-text text-darken-2"></span></h6>
      <h6>Type - <span id="type" class="grey-text text-darken-2"></span></h6>
    </div>

    <div class="section" id="sectionClient" style="display: none;">
      <h6 class="red-text text-darken-4">Informations client :</h6>
      <hr>
      <h6>Numéro de client - <span id="numClient" class="grey-text text-darken-2"></span></h6>
      <h6>Nom - <span id="nomClient" class="grey-text text-darken-2"></span></h6>
      <h6>Adresse - <span id="adresseClient" class="grey-text text-darken-2"></span></h6>
      <h6>E-mail - <span id="mailClient" class="grey-text text-darken-2"></span></h6>
      <h6>Note financière - <span id="noteClient" class="grey-text text-darken-2"></span></h6>
    </div>

    <div class="section" id="sectionIntermediaire" style="display: none;">
      <h6 class="red-text text-darken-4">Informations intermédiaire :</h6>
      <hr>
      <h6>Numéro de portefeuille - <span id="numPortefeuille" class="grey-text text-darken-2"></span></h6>
      <h6>Numéro ORIAS - <span id="numOrias" class="grey-text text-darken-2"></span></h6>
      <h6>Type - <span id="typeIntermediaire" class="grey-text text-darken-2"></span></h6>
      <h6>Nom - <span id="nomIntermediaire" class="grey-text text-darken-2"></span></h6>
      <h6>Adresse - <span id="adresseIntermediaire" class="grey-text text-darken-2"></span></h6>
      <h6>Numéro de téléphone - <span id="numTelephoneIntermediaire" class="grey-text text-darken-2"></span></h6>
      <h6>E-mail - <span id="mailIntermediaire" class="grey-text text-darken-2"></span></h6>
    </div>

    <div class="modal-footer">
      <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
    </div>
  </div>
</div>

<!-- Modal pour erreur de Parcours -->
<div id="wrongParcoursModal" class="modal">
  <div class="modal-content center-align">
    <div class="row">
      <h5>Nous n'avons pas trouvé le parcours numéro :</h5>
      <h5><span id="displayedNumParcoursWrong" class="grey-text text-darken-2"></span></h5>
    </div>
    <div class="row">
      <h6 class="red-text text-darken-4">Veuillez vérifier que le numéro de parcours renseigné :</h6>
      <p class="indigo-text text-darken-4">- Commence par la lettre "P" suivit de 9 chiffres.<br /></p>
      <p class="indigo-text text-darken-4">- Ne contient pas de caractères superflus (Espaces, points...).<br /></p>
      <p class="indigo-text text-darken-4">- Existe bien dans l'historique des parcours, <a href="/historiqueParcours" class="indigo-text text-darken-4"><b>cliquez ici</b></a>.<br /></p>
    </div>
    <div class="row">
      <h6 class="red-text text-darken-4">Sinon, veuillez contacter un des administrateurs de la plateforme :</h6>
      <table id="adminList" class="centered">
        <tbody>
          <!-- données auth.js -->
        </tbody>
      </table>
    </div>
  </div>
  <div class="modal-footer">
    <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
  </div>
</div>

<!-- Script pour la page auth.js -->
<script src="/js/index.js"></script>