{#
 # 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 > Compta : compta
 #
 # @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 }} : comptabilité{% endblock %}

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

    <style>
        #recettes {
            border: 2px solid #ddd;
        }
        #recettes td:nth-child(6),
        #recettes th:nth-child(6) {
            border-left: 3px double #ddd;
        }
        #recettes td:nth-child(7),
        #recettes th:nth-child(7) {
            border-left: 3px double #ddd;
        }
        #recettes td:nth-child(11),
        #recettes th:nth-child(11) {
            border-left: 3px double #ddd;
        }
        #recettes td:nth-child(13),
        #recettes th:nth-child(13) {
            border-left: 3px double #ddd;
        }

    </style>
{% endblock %}

{% block body %}

<h1 id="titre">Recettes de
  {% for pratID in page.pratsSelect %}
    {{ page['pratsAuto'][pratID]['prenom'] }} {{ page['pratsAuto'][pratID]['nom'] }}
  {% endfor %}
</h1>


<form id="periodeForm" action="{{ config.protocol }}{{ config.host }}{{ config.urlHostSuffixe }}/compta/" method="post" class="form-inline" style="margin : 30px 0;">
    <button class="btn btn-light refresh mr-sm-2 mb-2" type="button">
      <span class="fas fa-sync-alt"></span>
    </button>
  {% if page.pratsAuto|length > 1 %}
    <div class="input-group mr-sm-2 mb-2">
      <div class="input-group-prepend">
        <span class="input-group-text" style="width:45px;padding-left:15px"><i class="fas fa-user-md"></i></span>
      </div>
      <select name="prat" class="custom-select">
        {% for prat in page.pratsAuto %}
          <option value="{{ prat.id }}" {% if prat.id in page.pratsSelect %}selected="selected"{% endif %}
          >{{ prat.prenom }} {{ prat.nom }}</option>
        {% endfor %}
      </select>
    </div>
  {% else %}
    <input type="hidden" name="prat" value="{% for prat in page.pratsAuto %}{{ prat.id }}{% endfor %}" />
  {% endif %}

  <div class="input-group mr-sm-2 mb-2">
    <div class="input-group-prepend">
      <span class="input-group-text" style="width:45px;padding-left:17px"><i class="fas fa-bolt"></i></span>
    </div>
    <select id="periodeQuickSelectID" name="periodeQuickSelect" class="custom-select" autocomplete="off" />
      <option value="none" selected>Selection rapide</option>
      {% for k,v in page.periode.quickOptions %}
        <option value="{{ k }}">{{ v }}</option>
      {% endfor %}
    </select>
  </div>

  <div id="beginPeriodeIDB" class="input-group date datepick mr-sm-2 mb-2">
    <div class="input-group-prepend">
      <span class="input-group-text" style="width:45px">du: </span>
    </div>
    <input type="text" id="beginPeriodeID" name="beginPeriode" class="form-control" autocomplete="off" value="{{ page.periode.begin }}"/>
    <div class="input-group-append">
      <span class="fas fa-calendar input-group-text"></span>
    </div>
  </div>

  <div id="endPeriodeIDB" class="input-group date datepick mr-sm-2 mb-2">
    <div class="input-group-prepend">
      <span class="input-group-text" style="width:45px">au: </span>
    </div>
    <input type="text" id="endPeriodeID" name="endPeriode" class="form-control" autocomplete="off" value="{{ page.periode.end }}"/>
    <div class="input-group-append">
      <span class="fas fa-calendar input-group-text"></span>
    </div>
  </div>

  <div class="input-group mr-sm-2 mb-2">
    <div class="input-group-prepend">
      <span class="input-group-text" style="width:85px">impayés</span>
    </div>
    <div class="input-group-append">
      <div class="input-group-text">
        <input type="checkbox" name="impayes" value="" autocomplete="off"/>
      </div>
    </div>
  </div>

  <div class="input-group mr-sm-2 mb-2">
    <div class="input-group-prepend">
      <span class="input-group-text" style="width:85px">bilan</span>
    </div>
    <div class="input-group-append">
      <div class="input-group-text">
        <input type="checkbox" name="bilan" value="" autocomplete="off"/>
      </div>
    </div>
  </div>
</form>

<div class="row">
    <div class="col-md-12 tableDiv">
      {% include('comptaTable.html.twig') %}
    </div>
</div>
{% endblock %}

{% block modals %}
<div id="modalReglement" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 id="nomPatient" class="modal-title font-weight-bold"></h4>
      </div>
      <div class="modal-body">

        <h5 id="montant"></h5>
        <form action="{{ config.protocol }}{{ config.host }}{{ config.urlHostSuffixe }}/compta/actions/saveReglementForm/" method="post" id="formName_" class="" data-instance="0">
          <input title=" / " name="page" value="compta" type="hidden">
          <input title=" / " name="formIN" value="" type="hidden">
          <input title=" / " name="patientID" value="" type="hidden">
          <input title=" / " name="porteur" value="" type="hidden">
          <input title=" / " name="objetID" value="" type="hidden">
          <input title=" / " name="apayer" value="" type="hidden">
          <input title=" / " name="dejaCheque" value="" type="hidden">
          <input title=" / " name="dejaCB" value="" type="hidden">
          <input title=" / " name="dejaEspeces" value="" type="hidden">
          <div class="row">
            <div class="col-md-4">
              <div class="form-group">
                <label class="control-label" for="id_regleCheque_id">Chèque
                </label>
                <div class="input-group">
                  <input title="regleCheque / 193" id="id_regleCheque_id" name="regleCheque" class="form-control checkAmount" autocomplete="off" data-internalname="regleCheque" type="text">
                  <div class="input-group-append">
                    <span class="input-group-text" id="id_regleCheque_idAddOn">€</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="form-group">
                <label class="control-label" for="id_regleCB_id">CB
                </label>
                <div class="input-group">
                  <input title="regleCB / 194" id="id_regleCB_id" name="regleCB" class="form-control checkAmount" autocomplete="off" data-internalname="regleCB" type="text">
                  <div class="input-group-append">
                    <span class="input-group-text" id="id_regleCB_idAddOn">€</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-4">
              <div class="form-group">
                <label class="control-label" for="id_regleEspeces_id">Espèces
                </label>
                <div class="input-group">
                  <input title="regleEspeces / 195" id="id_regleEspeces_id" name="regleEspeces" class="form-control checkAmount" autocomplete="off" data-internalname="regleEspeces" type="text">
                  <div class="input-group-append">
                    <span class="input-group-text" id="id_regleEspeces_idAddOn">€</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-12">
              <div class="form-group">
                <label class="control-label" for="id_regleIdentiteCheque_id">Identité payeur
                </label>
                <input title="regleIdentiteCheque / 205" id="id_regleIdentiteCheque_id" name="regleIdentiteCheque" placeholder="si différent patient" class="form-control" autocomplete="off" data-internalname="regleIdentiteCheque" type="text">
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-light" data-dismiss="modal">Annuler</button>
          <button type="submit" class="btn btn-primary">Enregistrer</button>
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}