<!-- Variable globale -->
<span id="idContrat" style="display:none;"></span>

<!-- Page d'accueil renseignement contrat -->
<div class="section">
  <h4 class="center-align">Informations obligatoires sur le parcours</h4>
</div>
<div class="divider"></div>

<div class="section center-align">
  <div class="row">
    <h6 class="red-text text-darken-4">Veuillez renseigner les informations du parcours ci-dessous :</h6>
  </div>
</div>

<div class="section center-align">
  <form id="projetForm">
    <div class="row">
      <div class="col s3 offset-s2">
        <label for="numContrat" class="left">Numéro de contrat :</label>
        <input placeholder="1234567890123456" type="text" id="numContrat">
        <span id="numContrat-error" class="helper-text"></span>
      </div>
      <div class="col s2">
        <h6 class="red-text text-darken-4"> ou/et </h6>
      </div>
      <div class="col s3">
        <label for="numSaisine" class="left">Numéro de saisine :</label>
        <input placeholder="1234567" type="text" id="numSaisine">
        <span id="numSaisine-error" class="helper-text"></span>
      </div>
    </div>
    <div class="row">
      <button class="btn" id="checkNumsBtn">Vérifier</button>
    </div>
    <br>
    <div class="row">
      <div class="col s4 offset-s4">
        <label for="typeProjet" class="left">Choix du produit :</label> <!-- Attention le libéllé ne correspond pas à la classe (Correction rapide)-->
        <select class="browser-default" id="typeProjet">
          <option value="" disabled selected>Choisir une option</option>
          <option value="TPPC">TPPC</option>
          <option value="RC">RC</option>
          <option value="FAC">MT / FAC</option>
        </select>
      </div>
    </div>
    <div class="row">
      <div class="col s4 offset-s4">
        <label for="typeProduit" class="left">Choix du type de projet :</label> <!-- Attention le libéllé ne correspond pas à la classe (Correction rapide)-->
        <select class="browser-default" id="typeProduit">
          <option value="" disabled selected>Choisir une option</option>
          <option value="AN">Affaire nouvelle</option>
          <option value="TEMPORAIRE">Affaire nouvelle temporaire</option>
          <option value="REMPLACEMENT">Remplacement</option>
        </select>
      </div>
    </div>
    <div class="row">
      <br>
      <button class="btn" type="submit" id="infoClientBtn" disabled>Enregistrer et poursuivre le parcours</button>
    </div>
  </form>
</div>

<!-- MODALS -->
<!-- Match numero saisine/contrat -->
<div id="matchSaisineContrat" class="modal">
  <div class="modal-content center-align">
    <div class="section">
      <div class="row">
        <h5>C'est un match !</h5>
        <h6>Nous avons trouvé des informations associées dans la base EasyTransport</h6>
      </div>
      <div class="row">
        <h6 class="red-text text-darken-4">Voullez-vous associer à votre parcours les informations suivantes :</h6>
      </div>
      <div class="row">
        <center>
          <div class="card green lighten-4" style="width:90%">
            <div class="card-content">
              <span class="card-title">N°Contrat : <b><span id="displayedNumContrat"></span></b> / N°Saisine : <b><span
                    id="displayedNumSaisine"></span></b></span>
              <br/>
              <p>Créé le : <span id="dateCreaContrat"></span></p>
              <p>Modifié le : <span id="dateModiContrat"></span></p>
              <br/>
              <p>Type : <span id="displayedTypeContrat"></span></p>
              <p>Produit : <span id="displayedProduitContrat"></span></p>
              <br/>
              <p>Client : <span id="nomClientContrat"></span></p>
              <p>Intermédiaire : <span id="nomInterContrat"></span></p>
            </div>
          </div>
        </center>
      </div>
      <div class="row">
        <h6 class="red-text text-darken-4">A noter ! Vous pourrez toujours modifier ou compléter ces informations par la suite</h6>
      </div>
      <div class="row">
        <button class="btn" id="btnYes">Oui</button>
        <button class="btn modal-close" id="btnNo">Non</button>
      </div>
    </div>
  </div>
  <div class="modal-footer center-align">
    <a class="modal-close waves-effect waves-green btn-flat">Fermer</a>
  </div>
</div>

<!-- No match numero saisine/contrat -->
<div id="noMatchSaisineContrat" class="modal">
  <div class="modal-content center-align">
    <div class="row">
      <h5>Aucune correspondance !</h5>
      <h6>Nous n'avons pas trouvé d'informations associées dans la base EasyTransport.</h6>
    </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/contrat.js"></script>