{#
 # This file is part of MedShakeEHR.
 #
 # Copyright (c) 2020
 # Bertrand Boutillier <b.boutillier@gmail.com>
 # http://www.medshake.net
 #
 # MedShakeEHR is free software: you can redistribute it and/or modify
 # it under the terms of the GNU General Public License as published by
 # the Free Software Foundation, either version 3 of the License, or
 # any later version.
 #
 # MedShakeEHR is distributed in the hope that it will be useful,
 # but WITHOUT ANY WARRANTY; without even the implied warranty of
 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 # GNU General Public License for more details.
 #
 # You should have received a copy of the GNU General Public License
 # along with MedShakeEHR.  If not, see <http://www.gnu.org/licenses/>.
 #/

/##
 # Template > dropbox : voir doc
 #
 # @author Bertrand Boutillier <b.boutillier@gmail.com>
 #}

<div class="card mb-3">
  <div class="card-header font-weight-bold">
    <i class="fas fa-user fa-fw fa-lg text-muted mr-1"></i>
    Patient</div>
  <div class="card-body">

    <table id="tabPatients" class="table table-sm mb-0 table-hover ">
      <thead>
        <tr>
          <th></th>
          <th>Nom</th>
          <th>Prénom</th>
          <th>Date de naissance</th>
          <th>Adresse</th>
          <th>NIR</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th>Fichier</th>
          <td>
            {% if page.dataFromFilename.birthname and page.dataFromFilename.lastname %}
              {{ page.dataFromFilename.lastname|e|upper }} ({{ page.dataFromFilename.birthname|e|upper }})
            {% elseif page.dataFromFilename.lastname %}
              {{ page.dataFromFilename.lastname|e|upper }}
            {% else %}
              {{ page.dataFromFilename.birthname|e|upper }}
            {% endif %}

          </td>
          <td>{{ page.dataFromFilename.firstname|e|capitalize }}</td>
          <td class="small">{{ page.dataFromFilename.birthdate|e|capitalize }}</td>
          <td></td>
          <td>
            <small>{{ page.dataFromFilename.nss|e }}</small>
          </td>
          <td>
            <form id="CreerPatient" action="{{ config.protocol }}{{ config.host }}{{ config.urlHostSuffixe }}/patient/create/" method="post">
                <input type="hidden" name="createFromDropbox" value="1"/>
                <input type="hidden" name="dropboxFilename" value="{{ page.fileData.filename }}"/>
                <input type="hidden" name="dropboxBox" value="{{ page.boxParams.id }}"/>
                <input id="creerPatient_doctitre" name="dropboxDocTitle" type="hidden" value="{{ page.boxParams.filesDefaultTitle }}">
                <input name="lastname" type="hidden" value="{{ page.dataFromFilename.lastname|e|upper }}">
                <input name="birthname" type="hidden" value="{{ page.dataFromFilename.birthname|e|upper }}">
                <input name="firstname" type="hidden" value="{{ page.dataFromFilename.firstname|e|capitalize }}">
                <input name="birthdate" type="hidden" value="{{ page.dataFromFilename.birthdate|e|capitalize }}">
                <input name="nss" type="hidden" value="{{ page.dataFromFilename.nss|e }}">
                <button class="btn btn-outline-primary btn-sm" type="submit" value="Nouveau patient" title="Créer un nouveau patient avec les informations issues du fichier et le classer en même temps dans son dossier"><i class="fas fa-user-plus"></i></button>
            </form>
          </td>
        </tr>
        {% for k, v in page.patientsPossibles %}

          <tr class="patientSelect {% if loop.index0 == 0 %} table-success gras{% endif %} cursor-pointer" data-patientid="{{ v.id }}" {% if v.patientType == 'deleted' %} style="text-decoration: line-through" {% endif %}>
            <td>#{{ v.id }}</td>
            <td>
              {% if v.birthname and v.lastname %}
                {{ v.lastname|e|upper }} ({{ v.birthname|e|upper }})
              {% elseif v.lastname %}
                {{ v.lastname }}
              {% else %}
                {{ v.birthname }}
              {% endif %}
            </td>
            <td>{{ v.firstname|e }}</td>
            <td class="small">{{ v.birthdate|e }}</td>
            <td class="small">
              {{ v.streetNumber|e }}
              {{ v.street|e }}
              {{ v.postalCodePerso|e }}
              {{ v.city|e }}
            </td>
            <td class="small">
              {{ v.nss|e }}
            </td>
            <td>
              <a class="btn btn-light btn-sm" role="button" href="{{ config.protocol }}{{ config.host }}{{ config.urlHostSuffixe }}/patient/{{ v.id }}/" target="_blank">
                <span class="fas fa-folder-open" aria-hidden="true" title="Voir dossier"></span>
              </a>
            </td>

          </tr>

        {% endfor %}
      </tbody>
    </table>

    <div class="row">
      <div class="col col-6">
        <form class="form">
          <div class="input-group my-3">
            <div class="input-group-prepend">
              <span class="input-group-text"><i class="fas fa-search"></i></span>
            </div>
            <input class="form-control" type="text" placeholder="Rechercher un autre patient" id="searchPeopleID" autocomplete="off"/>
          </div>
        </form>
      </div>
      <div class="col col-6 my-3 text-right">
        <button class="btn btn-outline-primary" onclick="document.getElementById('creerPatient_doctitre').value = $('#titreOptionnel').val();document.getElementById('CreerPatient').submit();" value="Nouveau patient" title="Créer un nouveau patient avec les informations issues du fichier et le classer en même temps dans son dossier"><i class="fas fa-user-plus"></i> Créer patient et classer</button>
      </div>
    </div>
  </div>
</div>

<form id="classerDansDossier" action="{{ config.protocol }}{{ config.host }}{{ config.urlHostSuffixe }}/dropbox/actions/classerDansDossier/" {% if page.boxParams.endTarget == 'patient' %} target="_blank"{% endif %} method="post">
  <div class="row mb-5 align-items-end">
    <input type="hidden" name="filename" value="{{ page.fileData.filename }}"/>
    <input type="hidden" name="box" value="{{ page.boxParams.id }}"/>
    <input type="hidden" class="form-control" id="idConfirmPatientID" name="patientID" value="{{ page.patientsPossibles.0.id }}">

    <div class="form-group col-8 mb-0">
      <label for="titreOptionnel">Titre (optionnel)</label>
      {# le js dans onchange="" permet de récupérer le titre du document avec la dans le champ hidden "dropboxDocTitle" du formulaire "CreerPatient" #}
      <input type="text" id="titreOptionnel" name="titre" class="form-control mb-0" placeholder="Titre du document" value="{{ page.boxParams.filesDefaultTitle }}" onchange="document.getElementById('creerPatient_doctitre').value = this.value;">
    </div>

    <div class="col-4 text-right">
        <button type="submit" id="submitBoutonClasser" class="btn btn-danger {% if page.patientsPossibles.0.id <= 0 %} d-none{% endif %}">Classer dans le dossier #<span id="submitIndicID">{{ page.patientsPossibles.0.id }}</span>
        </button>
    </div>

  </div>
</form>

<div class="card mb-3">
  <div class="card-header font-weight-bold">
    <i class="fas fa-user fa-fw fa-lg text-muted mr-1"></i>
    Document</div>
  <div class="card-body">
    {% if page.fileData.display == '1' %}
      {% if page.fileData.displayType == 'img' %}
        <div class="row">
          <div class="col">
            <img id="docImageView" src="{{ config.protocol }}{{ config.host }}{{ config.urlHostSuffixe }}/{{ page.fileData.webpath }}" style="border: 15px solid #DDD; max-width: 100%; height: auto;">
          </div>
          <div class="col-auto">
            <button class="btn btn-sm btn-secondary rotationImage90 btn-block" data-box="{{ page.boxParams.id }}" data-filename="{{ page.fileData.filename }}" data-direction="left" title="Faire une rotation anti-horaire de 90° de l'image">
              <i class="fas fa-level-down-alt fa-fw fa-flip-horizontal"></i>
            </button>
            <button class="btn btn-sm btn-secondary rotationImage90 btn-block" data-box="{{ page.boxParams.id }}" data-filename="{{ page.fileData.filename }}" data-direction="right" title="Faire une rotation horaire de 90° de l'image">
              <i class="fas fa-level-down-alt fa-fw"></i>
            </button>
            <button class="btn btn-sm btn-secondary reduceImagePreviewSize btn-block"  title="Ajuster la taille de prévisualisation (original non modifié)">
              <i class="fas fa-search-minus"></i>
            </button>
          </div>
        </div>
      {% else %}
        <object
          data="{{ config.protocol }}{{ config.host }}{{ config.urlHostSuffixe }}/{{ page.fileData.webpath }}"
          width="{{ page.fileData.width }}"
          height="{{ page.fileData.height }}"
          style="border: 15px solid #DDD; max-width: 100%;"
          type="{{ page.fileData.mimetype }}">
        </object>
      {% endif %}
  {% else %}
      Ce document n'est pas prévisualisable.
  {% endif %}
  </div>
</div>