{#
 # This file is part of MedShakeEHR.
 #
 # Copyright (c) 2017
 # 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 > people : relations du patient
 #
 # @author Bertrand Boutillier <b.boutillier@gmail.com>
 # @contrib fr33z00 <https://github.com/fr33z00>
 #}

{% extends "page.html.twig" %}
{% import "macroForm.html.twig" as f %}
{% block title %}{{ config.designAppName }} : {{ page.patient.firstname }}
      {% if page.patient.lastname and page.patient.birthname %}
        {{ page.patient.lastname }} (né{% if page.patient.administrativeGenderCode == 'F' %}e{% endif %} {{ page.patient.birthname }})
      {% elseif page.patient.lastname %}
        {{ page.patient.lastname }}
      {% else %}
        {{ page.patient.birthname }}
      {% endif %} - relations{% endblock %}

{% block head %}
{{ parent() }}
<script defer src="{{ config.protocol }}{{ config.host }}{{ config.urlHostSuffixe }}/js/relations.js?{{ modules.base }}"></script>
{% endblock %}

{% block jsEmbed %}
  {{ parent() }}
  $(document).ready(function() {
    if ($('#bodyTabRelationPatientPrat').length) setTimeout(getRelationsPatientPraticiensTab($('#identitePatient').attr("data-patientID")), 200);
    if ($('#bodyTabRelationPatientPatients').length) setTimeout(getRelationsPatientPatientsTab($('#identitePatient').attr("data-patientID")), 200);

  });
{% endblock %}

{% block body %}

<h1 id="identitePatient" data-patientID="{{ page.patient.id }}">
Relations du patient  {{ page.patient.firstname }}
      {% if page.patient.lastname and page.patient.birthname %}
        {{ page.patient.lastname }} <small>(né{% if page.patient.administrativeGenderCode == 'F' %}e{% endif %} {{ page.patient.birthname }})</small>
      {% elseif page.patient.lastname %}
        {{ page.patient.lastname }}
      {% else %}
        {{ page.patient.birthname }}
      {% endif %}
      <small>#{{ page.patient.id }}</small>
</h1>


<div class="row my-4">
  <div class="col-12">
    <a class="btn btn-primary" role="button" href="{{ config.protocol }}{{ config.host }}{{ config.urlHostSuffixe }}/patient/{{ page.patient.id }}/">
      <i class="fas fa-folder-open" aria-hidden="true"></i>
      Dossier patient
    </a>
    <a class="btn btn-outline-secondary" role="button" href="{{ config.protocol }}{{ config.host }}{{ config.urlHostSuffixe }}/patient/edit/{{ page.patient.id }}/">
      <i class="fas fa-pencil-alt" aria-hidden="true"></i>
      Editer infos administratives
    </a>
  </div>
</div>

<div class="row">
  <div class="col-12 col-xl-6 mb-4">
    <div class="card col-12 p-0">
      <div class="card-header font-weight-bold"><i class="fas fa-user-md fa-fw fa-lg text-secondary"></i> Praticiens</div>
      <div class="card-body">
        <form class="form-inline my-2 d-flex">
          <div class="form-group flex-grow-1">
            <div class="input-group flex-grow-1">
              <input class="form-control flex-grow-1 searchPeopleID" type="text" placeholder="Identité" data-ajax="getRelationsPraticiens" autocomplete="off"/>
              {{ f.select ({
              'select' : {
                'class' : 'toStatutRelation',
                'values' : page.preRelationPatientPrat.formValues,
                'valueDefaut' : el.value.preValue,
                'autocomplete' : 'off' } }) }}
              <div class="input-group-append">
                <button type="submit" class="btn btn-primary addRelation" data-typeRelation="relationPatientPraticien" data-peopleID="{{ page.patient.id }}"><i class="fas fa-plus mr-1"></i> Ajouter</button>
              </div>
            </div>
          </div>
          {% if config.droitDossierPeutCreerPraticien == 'true' %}
          <div class="form-group">
            <button type="button" class="btn btn-outline-secondary float-right ml-4" data-toggle="modal" data-target="#newPro"><i class="fas fa-user-md mr-1"></i> Nouveau praticien</button>
          </div>
          {% endif %}
        </form>
      </div>


      <table class="table table-sm mb-0 table-hover">
				<thead>
					<tr>
						<th></th>
						<th>Praticien</th>
						<th>Qualité</th>
						<th></th>
					</tr>
				</thead>
				<tbody id="bodyTabRelationPatientPrat">
				</tbody>

			</table>
    </div>
  </div>


	<div class="col-12 col-xl-6 mb-4">
		<div class="card col-12 p-0">
			<div class="card-header font-weight-bold"><i class="fas fa-sitemap fa-fw fa-lg text-secondary mr-1"></i> Liens familiaux</div>
      <div class="card-body">
        <form class="form-inline d-flex">
            <div class="input-group my-2 flex-grow-1">
              <input class="form-control searchPeopleID" type="text" placeholder="Identité" data-ajax="getRelationsPatients" autocomplete="off" />
              {{ f.select ({
              'select' : {
                'class' : 'toStatutRelation',
                'values' : page.preRelationPatientPatient.formValues,
                'valueDefaut' : el.value.preValue,
                'autocomplete' : 'off' } }) }}
              <div class="input-group-append">
                <button type="submit" class="btn btn-primary addRelation" data-typeRelation="relationPatientPatient" data-peopleID="{{ page.patient.id }}"><i class="fas fa-plus mr-1"></i> Ajouter</button>
              </div>
            </div>
        </form>
      </div>

      <table class="table table-sm mb-0 table-hover">
				<thead>
					<tr>
						<th></th>
						<th>Patient</th>
            <th>Date de naissance</th>
						<th>Qualité</th>
						<th></th>
					</tr>
				</thead>
				<tbody id="bodyTabRelationPatientPatients">
				</tbody>

			</table>
		</div>
	</div>

</div>

{# modal creation nouveau praticien #}
{% if config.droitDossierPeutCreerPraticien == 'true' %}
  {% include 'inc-patientModal-newPrat.html.twig' %}
{% endif %}
{% endblock %}