{% block content %}
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/jquery.autotab.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script src="{{ asset('bundles/patient/js/ajax/patient.js') }}"></script>
    <script>
        var UrlDataMunicipality = '{{ path("municipalityList") }}';
        var select = "{{ 'button.select'|trans([], 'LocalizationBundle') }}";
        var UrlUpdaData = '{{ path("updateDataPatient") }}';
        var swCreate = false;
        var findAllPatient = "{{ path('FindAllPatient') }}";
        var findPolitic = "{{ path('FindPolitic') }}";
        var guardarPoliticas = "{{ path('GuardarPoliticas') }}";
        var search = "{{ 'labels.dataTable.search'|trans([], 'LocalizationBundle')}}";
        var lengthMenu = "{{ 'labels.dataTable.lengthMenu'|trans([], 'LocalizationBundle')}}";
        var info = "{{ 'labels.dataTable.info'|trans([], 'LocalizationBundle')}}";
        var infoFiltered = "{{ 'labels.dataTable.infoFiltered'|trans([], 'LocalizationBundle')}}";
        var InfoEmpty = "{{ 'labels.dataTable.InfoEmpty'|trans([], 'LocalizationBundle')}}";
        var loadingRecords = "{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle')}}";
        var zeroRecords = "{{ 'labels.dataTable.zeroRecords'|trans([], 'LocalizationBundle')}}";
        var emptyTable = "{{ 'labels.dataTable.emptyTable'|trans([], 'LocalizationBundle')}}";
        var first = "{{ 'labels.dataTable.paginate.first'|trans([], 'LocalizationBundle')}}";
        var previous = "{{ 'labels.dataTable.paginate.previous'|trans([], 'LocalizationBundle')}}";
        var next = "{{ 'labels.dataTable.paginate.next'|trans([], 'LocalizationBundle')}}";
        var last = "{{ 'labels.dataTable.paginate.last'|trans([], 'LocalizationBundle')}}";
        var save = "{{ 'button.save'|trans([], 'LocalizationBundle') }}";
        var editPatient = "{{ 'button.saveChanges'|trans([], 'LocalizationBundle') }}";
        var UrlDataPatient = '{{ path("patientList") }}';
        var UrlConsultWL = '{{ path("schedule_search_data_consult_schedule") }}';
        var wait = "{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle')}}";
        var depCode = "{{ cod_departamento }}";
        var munCode = "{{ cod_municipio }}";

        var calcularEdad='{{ path("EdadPaciente") }}';

        {% if ris_internacional %}
            var ris_internacional = {{ ris_internacional }};
        {% else %}
            var ris_internacional = false;
        {% endif %}

    </script>
    <style>
        .txtdatid{
            width: 0px;
            border: none;
            color: #fff;
            padding: 0px;
        }

        #createPatientForm  * .form-group {
            margin-bottom : 5px !important;
        }

        #createPatientForm * .panel-body {
            padding : 10px !important;
        }

        .divTextArea {
            padding-left : 5px !important;
        }
    </style>

    <div class="row mt-2 form-group">
            <div id="divPatient">
              <div class="col-md-6">
                <div class="col-md-2">
                  <label>{{ 'labels.patient.patient'|trans([], 'LocalizationBundle') }}: *</label>
                </div>
                <div class="col-md-10">
                       {# CAMPOS LECTORA BARCODE #}
                        <input type="text" name="usuario" class="form-control required" id="tags" tabindex="1000" />
                        <input id="firstLastName" name="firstLastName" type="text" tabindex="1001" class="txtdatid byBarcode" data-mirror="firstLastName_1">
                        <input id="secondLastName" name="secondLastName" type="text" tabindex="1002" class="txtdatid byBarcode" data-mirror="secondLastName_1">
                        <input id="firstName" name="firstName" type="text" tabindex="1003" class="txtdatid byBarcode" data-mirror="firstName_1">
                        <input id="secondName" name="secondName" type="text" tabindex="1004" class="txtdatid byBarcode" data-mirror="secondName_1">
                        <input id="gender" name="gender" type="text" tabindex="1005" class="txtdatid byBarcode" data-mirror="gender_d">
                        <input id="birthDate" name="birthDate" type="text" tabindex="1006" class="txtdatid byBarcode" data-mirror="dateBirth2">
                        <input id="gs_rh" name="gs_rh" type="text" tabindex="1007" class="txtdatid byBarcode" data-mirror="rh">
                        <input id="first_number" type="text" tabindex="1008" class="txtdatid">
                        <input id="second_number" type="text" tabindex="1009" class="txtdatid">
                        <input id="second_number1" type="text" tabindex="1010" class="txtdatid">
                        <input id="second_number2" type="text" tabindex="1011" class="txtdatid">
                </div>
              </div>

              <div class="col-md-6">
                  {#<a style="cursor:pointer; display:none;" class="btn btn-primary" id="searchPatientList">{{ 'button.search'|trans([], 'LocalizationBundle') }}</a>#}
                  <button class="btn btn-primary pull-right" id="createPatient"><span class="glyphicon glyphicon-plus"></span> {{ 'labels.patientCreate'|trans([], 'LocalizationBundle') }}</button>
                  {#<button style="display:none; margin-right: 5px;" class="btn btn-primary pull-right" id="editPatient">{{ 'menu.editPatient'|trans([], 'LocalizationBundle') }}</button>#}
              </div>
            </div>
    </div>
    <div class="alert alert-info hide" id="newPatient" role="alert"> <h5><strong> {{ 'messages.newPatient'|trans([], 'LocalizationBundle')}}</strong></h5></div>
    <div class="alert alert-danger hide" id="mandatoryFields" role="alert"> <h5><strong> {{ 'messages.camposObligatorios'|trans([], 'LocalizationBundle')}}</strong></h5></div>
    <div class="alert alert-danger hide" id="errorAlert" role="alert"> <h5><strong> {{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle')}}</strong></h5></div>
    <div id="allPatient"></div>


    <form id="createPatientForm" >
        <div id="patient_form" style="display:none;">

            <input id="swPatient" name="swPatient" type="hidden" >
            <input id="documents" name="documents" type="text" style="display:none;" class="form-control" >
            <input id="doc_old" name="doc_old" type="text" style="display:none;" class="form-control" placeholder="ID">

            {% if ris_internacional == false %}

              <div class="row">
                <div class="col-md-3 form-group">
                  <div class="col-md-6">
                      <label>{{ 'Query.typeDocument.label'|trans([], 'LocalizationBundle') }}</label>
                  </div>
                  <div class="col-md-6">
                      <select id="documentType" name="type_id" required="required" class="form-control selectpicker" data-style="btn-default" >
                        <option value="">{{ 'button.select'|trans([], 'LocalizationBundle') }}</option>
                        {% for document in typeDocument %}
                            <option value="{{ document.docType }}">{{ document.docType }}</option>
                        {% endfor %}
                    </select>
                  </div>
                </div>
                <div class="col-md-3 form-group">
                  <div class="col-md-6">
                      <label for="patientID">{{ 'labels.role.providerNum'|trans([], 'LocalizationBundle') }}</label>
                  </div>
                  <div class="col-md-6">
                      <input id="doc" name="doc" type="text" tabindex="1000" class="form-control" >
                  </div>
                </div>
              </div>
            {% else %}
                <div class="row">
                    <div class="col-md-2">
                        <label for="patientID">{{ 'labels.patient.medicareNumber'|trans([], 'LocalizationBundle') }}:</label>
                    </div>
                    <div class="col-md-10 form-inline">
                    <div class="form-group"> <input id="number1" name="number1" type="text" tabindex="1000" class="number w-80 form-control" maxlength="4" required="required"> </div>

                    <div class="form-group"> <input id="number2" name="number2" type="text" tabindex="1000" class="number w-80 form-control" maxlength="5" required="required"> </div>

                    <div class="form-group"> <input id="number3" name="number3" type="text" tabindex="1000" class="number w-30 form-control" maxlength="1" required="required"> </div>

                    <div class="form-group"> <input id="number4" name="number4" type="text" tabindex="1000" class="number w-30 form-control" maxlength="1" required="required"> </div>


                    <input id="documentTypetype_id" name="type_id" type="hidden" value="MCN" >
                    <input id="medicareNumber" name="medicareNumber" type="hidden" >
                    </div>
                </div>
            {% endif %}

            <hr>
            {# DATOS PERSONALES #}

            <div class="panel panel-default">
                <div class="panel-heading"><h3 class="panel-title"><strong>{{ 'labels.patient.personalInfo'|trans([], 'LocalizationBundle') }}</strong></h3></div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="first_name">{{ 'labels.patient.firstName'|trans([], 'LocalizationBundle') }}: *</label>
                            </div>
                            <div class="col-md-6">
                                <input name="first_name" id="firstName_1" class="form-control" type="text" required="required" onkeyup="javascript:this.value=this.value.toUpperCase();">
                            </div>
                        </div>
                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="second_name">{{ 'labels.patient.secondName'|trans([], 'LocalizationBundle') }}:</label>
                            </div>
                            <div class="col-md-6">
                                <input name="second_name" id="secondName_1" class="form-control" type="text" onkeyup="javascript:this.value=this.value.toUpperCase();">
                            </div>
                        </div>
                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="first_last_name">{{ 'labels.patient.lastName'|trans([], 'LocalizationBundle') }}: *</label>
                            </div>
                            <div class="col-md-6">
                                <input class="form-control" id="firstLastName_1" name="first_last_name" type="text" required="required" onkeyup="javascript:this.value=this.value.toUpperCase();">   
                            </div>
                        </div>
                        {% if ris_internacional == false %}
                            <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="second_last_name">{{ 'labels.patient.secondLastName'|trans([], 'LocalizationBundle') }}:</label>
                            </div>
                            <div class="col-md-6">
                                <input class="form-control" name="second_last_name" id="secondLastName_1" type="text" onkeyup="javascript:this.value=this.value.toUpperCase();">
                            </div>
                            </div>
                        {% else %}
                            <input name="second_last_name" id="secondLastName_1" type="hidden" value=" " >
                        {% endif %}
                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="birth_day2">{{ 'labels.patient.birthDate'|trans([], 'LocalizationBundle') }}: *</label>
                            </div>
                            <div class="col-md-6">
                                <input name="birth_day2" id="dateBirth2" class="form-control datetimepicker" placeholder="{% if ris_internacional %} dd/mm/yyyy {% else %} yyyy-mm-dd {% endif %}" type="text" required="required">
                                <input name="birth_day" id="dateBirth" class="form-control datetimepicker" type="hidden" required="required">
                            </div>
                        </div>
                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="">{{ 'labels.patient.age'|trans([], 'LocalizationBundle') }}:</label>
                            </div>
                            <div class="col-md-6">
                                <input name="edad" id="edad" class="form-control" type="text" readonly>
                            </div>
                        </div>

                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="gender_d">{{ 'labels.patient.sex'|trans([], 'LocalizationBundle') }}:</label>
                            </div>
                            <div class="col-md-6">
                                <select id="gender_d" name="gender_d" class="form-control selectpicker" data-style="btn-default" >
                                <option value="2" selected >{{ 'labels.notSpecified'|trans([], 'LocalizationBundle') }}</option>
                                <option value="1"  >{{ 'labels.patient.male'|trans([], 'LocalizationBundle') }}</option>
                                <option value="0"  >{{ 'labels.patient.female'|trans([], 'LocalizationBundle') }}</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="rh">{{ 'labels.GS_RH'|trans([], 'LocalizationBundle') }}: </label>
                            </div>
                            <div class="col-md-6">
                                <select id="rh" name="rh" class="form-control selectpicker" data-style="btn-default" >
                                    {% for blood in bloodList %}
                                        <option value="{{ loop.index0 }}">{{ blood.tipo }}{{ blood.RH }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            {# DATOS DEMOGRAFICOS #}
            <div class="panel panel-default">
                <div class="panel-heading"><h3 class="panel-title"><strong>{{ 'labels.patient.demoInfo'|trans([], 'LocalizationBundle') }}</strong></h3></div>
                <div class="panel-body">
                    <div class="row">
                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="departmentName">{{ 'labels.departament'|trans([], 'LocalizationBundle') }}: *</label>
                            </div>
                            <div class="col-md-6">
                                <select id="departamentName"  class="form-control select_receive selectpicker " name="departmentName" data-actions-box="true" data-id="departamentName" data-style="btn-default" data-live-search="true" data-size="10"  >
                                    {#<option value="00" selected>{{ 'button.select'|trans([], 'LocalizationBundle') }}</option>#}
                                    {% for departamento in list_dept %}
                                        <option value="{{ departamento.departmentCode }}">{{ departamento.departmentName }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        </div>

                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="municipalityName">{{ 'labels.municipio'|trans([], 'LocalizationBundle') }}: *</label>
                            </div>
                            <div class="col-md-6">
                                <div id="divSelMun">
                                    <select id="municipalityName" class="form-control select_receive selectpicker" name="municipalityName" data-actions-box="true" data-id="municipalityName" data-style="btn-default" data-live-search="true" >
                                        <option value="0" selected>{{ 'button.select'|trans([], 'LocalizationBundle') }}</option>
                                    </select>
                            </div>
                            </div>
                        </div>

                        {% if ris_internacional == false %}
                            <div class="col-md-3 form-group">
                                <div class="col-md-6">
                                    <label for="residential_zone">{{ 'labels.residential.zone'|trans([], 'LocalizationBundle') }}: *</label>
                                </div>
                                <div class="col-md-6">
                                    <select id="residential_zone" class="form-control select_receive selectpicker" name="residential_zone" data-actions-box="true" data-id="municipalityName" data-style="btn-default" data-live-search="true" title="{{ 'button.select'|trans([], 'LocalizationBundle') }}">
                                        <option value="1">{{ 'labels.residential.urban'|trans([], 'LocalizationBundle') }}</option>
                                        <option value="2">{{ 'labels.residential.rural'|trans([], 'LocalizationBundle') }}</option>
                                    </select>
                                </div>
                            </div>
                        {% else %}
                            <input type="hidden" name="residential_zone" id="zona-2" value="1" />
                        {% endif %}

                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                            <label for="addres">{{ 'labels.patient.address'|trans([], 'LocalizationBundle') }}:</label>
                            </div>
                            <div class="col-md-6">
                                <input type="text" class="form-control" id="address" name="address" value=" " >
                            </div>
                        </div>

                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                            <label for="suburb">{{ 'labels.suburb'|trans([], 'LocalizationBundle') }}</label>
                            </div>
                            <div class="col-md-6">
                                <input type="text" class="form-control" id="suburb" name="suburb" value=" ">
                            </div>
                        </div>

                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="cellphone">{{ 'labels.patient.cel'|trans([], 'LocalizationBundle') }}:</label>
                            </div>
                            <div class="col-md-6">
                                <input id="cellphone" class="form-control campoNum" name="cellphone" type="text" value=" ">
                            </div>
                        </div>

                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="postCode">{{ 'labels.postCode'|trans([], 'LocalizationBundle') }}</label>
                            </div>
                            <div class="col-md-6">
                                <input type="text" class="form-control" id="postCode" name="postCode" value=" ">
                            </div>
                        </div>

                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="telephone">{{ 'labels.patient.tel'|trans([], 'LocalizationBundle') }}:</label>
                            </div>
                            <div class="col-md-6">
                                <input id="telephone" class="form-control campoNum" value=" " name="telephone" type="text" >
                            </div>
                        </div>

                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label>{{ 'labels.patient.tel'|trans([], 'LocalizationBundle') }} 2: </label>
                            </div>
                            <div class="col-md-6">
                                <input id="telephone2" class="form-control campoNum" value=" " name="telephone2" type="text" >
                            </div>
                        </div>

                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="email">{{ 'labels.patient.email'|trans([], 'LocalizationBundle') }}:</label>
                            </div>
                            <div class="col-md-6">
                                <input id="email" name="email" class="form-control" type="email" value=" " >
                                <span id="reqEmail"></span>
                            </div>
                        </div>

                        <div class="col-md-3 form-group">
                            <div class="col-md-6">
                                <label for="acud">{{ 'labels.patient.guardian'|trans([], 'LocalizationBundle') }}:</label>
                            </div>
                            <div class="col-md-6">
                                <input id="acud" name="acud" class="form-control" type="text" value=" ">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <form id="politicasO" name="politicasO" enctype="multipart/form-data" method="post">                        
                            <div class="col-md-3 form-group">
                                <div class="col-md-8">
                                    <label >{{ 'labels.patient.privateData'|trans([], 'LocalizationBundle') }}:</label>
                                </div>
                                <div class="col-md-4 text-right">
                                    <label><input id="privacityD" name="privacity" type="radio" value="si">
                                            {{ 'labels.yes'|trans([], 'LocalizationBundle') }}</label>
                                    <label><input id="privacityD" name="privacity" type="radio" value="no">
                                            {{ 'labels.no'|trans([], 'LocalizationBundle') }}</label>
                                </div>
                            </div>
                            <div class="col-md-9 form-group">
                                <div id="yes">
                                    <div class="col-md-2">
                                        <label>{{ 'labels.patient.privateDataFile'|trans([], 'LocalizationBundle') }}:</label>
                                    </div>
                                    <div class="col-md-10 divTextArea">
                                        <input id="politicaFile" class="form-control" name="politicaFile" type="file"/>
                                    </div>
                                </div>
                                <input type="hidden" name="docPol" id="docPol"/>
                                <div id="no">
                                    <div class="col-md-2">
                                        <label>{{ 'patient.comments.label'|trans([], 'LocalizationBundle') }}:</label>
                                    </div>
                                    <div class="col-md-10 divTextArea">
                                        <textarea id="commentPoliticas" name="commentPoliticas" class="form-control"></textarea>
                                    </div>
                                </div>
                            </div>                         
                        </form>                 
                    </div>   
                        <div class="alert alert-success hide" id="patientOK" role="alert"> <strong><span class="glyphicon glyphicon-ok" ></span> {{ 'messages.processOk'|trans([], 'LocalizationBundle')}}</strong></div>                    
                        <div class="row">
                            <div class="col-md-12">
                                <span class="pull-right">
                                    <a href="#" id="btn_cancelar" class="btn btn-default">{{ 'button.cancel'|trans([], 'LocalizationBundle') }}</a>
                                    <a class="btn btn-primary" id="detallesPol" data-toggle="modal">{{ 'labels.details'|trans([], 'LocalizationBundle') }}</a>
                                    <a href="#" id="btn_guardar" class="btn btn-primary" data-toggle="modal">{{ 'button.save'|trans([], 'LocalizationBundle') }}</a>
                                </span>
                            </div>
                        </div>
                </div>
            </div>

              
        </div>{#end patient-form#}
    </form>

    <div class="row hide patientInfo">

        <div class="row mt-1">
            {% if ris_internacional == false %}
                <div class="col-md-6">
                    <label class="col-md-6" >{{ 'labels.document.doc'|trans([], 'LocalizationBundle') }}:</label>
                    <label class="col-md-6" id="labelforDocument" ></label>
                </div>
            {% else %}
                    <div class="col-md-6">
                        <label class="col-md-6" >{{ 'labels.patient.medicareNumber'|trans([], 'LocalizationBundle') }}: :</label>
                        <label class="col-md-6" id="labelforMedicareNumber" ></label>
                    </div>
            {% endif %}
        </div>
        <div class="row mt-1">
            <div class="col-md-6">
                <label class="col-md-6" >{{ 'labels.patient.birthDate'|trans([], 'LocalizationBundle') }}:</label>
                <label class="col-md-6" id="labelforDOB" ></label>
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-6">
                <label class="col-md-6">{{ 'labels.patient.tel'|trans([], 'LocalizationBundle') }}:</label>
                <label class="col-md-6" id="labelforTel" ></label>
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-6">
                <label class="col-md-6" >{{ 'labels.patient.cel'|trans([], 'LocalizationBundle') }}: </label>
                <label class="col-md-6" id="labelforCel" ></label>
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-6">
                <label class="col-md-6" >{{ 'labels.patient.email'|trans([], 'LocalizationBundle') }}: </label>
                <label class="col-md-6" id="labelforEmail" ></label>
            </div>
        </div>
        <div class="row mt-1">
            <div class="col-md-6">
                <label class="col-md-6" >{{ 'labels.patient.sex'|trans([], 'LocalizationBundle') }}: </label>
                <label class="col-md-6" id="labelforGender" ></label>
            </div>
        </div>

        <div class="row mt-1">
            <div class="col-md-6">
                <label class="col-md-6" ></label>
                <div class="col-md-6">
                    <a href="#" id="showEdit" class="btn btn-primary" >{{ 'menu.editPatient'|trans([], 'LocalizationBundle') }}</a>
                </div>

            </div>
        </div>
    </div>
    <div class="col-md-12"><hr></div>
    
                {# Modal para ver consulta de agenda por paciente #}

                <div class="modal fade" tabindex="-1" role="dialog" id="detallesAutorizaciones" >
                    <div class="modal-dialog" style="z-index:1041">
                        <div class="modal-content">
                            <div class="modal-header">
                            <h4 class="modal-title">{{ 'labels.details'|trans([], 'LocalizationBundle') }}</h4>
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                        <div class="col-md-12">
                                            <div id="allPolitics" >
                                                
                                            </div>
                                        </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" id="btnCloseModal">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                            </div>
                        </div>
                    </div>
                </div> {# Fin modal para ver consulta de agenda por paciente #}

        
{% endblock %}