{# {% extends 'MainBundle:Master:template.html.twig' %} #}
{% block scripts %}
    <link rel="stylesheet" href="{{ asset('bundles/main/css/select2.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/indicator/css/bootstrap-select.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.bootstrap.css') }}" />
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.responsive.css') }}" />
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.tableTools.css') }}" />
    <link rel="stylesheet" href="{{ asset('bundles/shedule/'~ hrk_skin ~'/citas.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/shedule/css/build.css') }}"/>
    <link href="{{ asset('bundles/utilities/css/font-awesome.css') }}" rel="stylesheet" />
    <link rel="stylesheet" href="{{ asset('bundles/shedule/css/bootstrap-datetimepicker.min.css') }}" />
    <script src="{{ asset('bundles/main/js/select2.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/adesignscalendar/js/fullcalendar/moment.min.js') }}"></script>

    <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
    <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/indicator/js/bootstrap-select.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/jquery.dataTables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.tableTools.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.responsive.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/datatable/js/dataTables.bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/bootstrap-datetimepicker.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/sheduleEvents.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/datepicker-'~ locale ~'.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/jquery-timepicker/jquery.ui.timepicker.js') }}"></script>
    <script type="text/javascript">
        var asignacion_citas = true;
        var recepcion = false;
        var UrlConsultarModalidadesConvenio = '{{ path('hiruko_consultar_modalidades_convenios') }}';
        var findAllPatient = '{{ path('FindAllPatient') }}';
        var id_cliente = '{{ id_cliente }}';
        var UrlPatientWebService = '{{ path('patient_web_services') }}';
        var UrlFindScheduleUser = '{{ path('schedule_find_user') }}';
        var UrlDisponibility = '{{ path("schedule_disponibility") }}';
        var urlUpdatePatientList = '{{ path("update_patient_list") }}';
        var UrlDisponibilityUser = '{{ path("schedule_disponibilityUser") }}';
        var UrlScheduleReservation = '{{ path("schedule_reservation") }}';
        var UrlScheduleOption = '{{ path("schedule_option") }}';
        var UrlDataStudies = '{{ path("studyList") }}';
        var UrlSaveData = '{{ path("schedule_save_schedule_appointment") }}';
        var UrlUpdateData = '{{ path("schedule_update_schedule_appointment") }}';
        var urlConfirmAppointment = '{{ path("schedule_confirm_appointment") }}';
        var UrlConsultAppointment = '{{ path("schedule_consult_appointment") }}';
        var UrlConsultAppointmentCode = '{{ path("schedule_consult_appointment_Code") }}';
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
        var UrlStudyIndications = '{{ path("schedule_appointment_studyIndications") }}';
        var UrlDataPatient = '{{ path("patientList") }}';
        var UrlConsultCancelMotive = '{{ path("schedule_cancel_motivo_schedule") }}';
        var UrlSalas = '{{ path("Search_room") }}';
        var UrlSalasContratos = '{{ path("BuscarSalasContratos") }}';
        var UrlDataEstudiosContratos = '{{ path('estudiosContratos') }}';
        var UrlDataPackage='{{path("get_data_package")}}';
        var array;
        var PDFPrint = '{{ path('PrintIndicationsPDF') }}';
        var UrlBlockRoom = '{{ path('search_block_room') }}';
        var UrlSearchAg = '{{ path('search_block_room_detail') }}';
        var UrlConsultWL = '{{ path("schedule_search_data_consult_schedule") }}';
        var UrlSwf2 = '{{ asset('bundles/shedule/datatable/swf/copy_csv_xls_pdf.swf') }}';
        var facturacion = '{{ facturacion }}';
        var factura_cafam = '{{ factura_cafam }}';
        var factura_convenio = '{{ factura_convenio }}';
        var urlConsultaConvenios = '{{ path('ConveniosLista') }}';
        var select = '{{ 'receive.select'|trans([], 'LocalizationBundle') }}';
        var urlCargarSedes = '{{ path("hiruko_sedes_contratos") }}';
        var urlConsultaValoresContratos = '{{ path('ValoresContratos') }}';
        var urlConsultaValoresContratosC = '{{ path('ValoresContratosC') }}';
        var urlConsultaValoresConvenios = '{{ path('ValoresConvenios') }}';
        var urlConsultaValores = '{{ path('ValoresEstudios') }}';
        var urlConsultaFechaContratos = '{{ path('contratos_val_valores') }}';
        var urlIncrementarCodigoUnico = '{{ path('IncrementarCodigoUnico') }}';
     
        var wait = "{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle')}}";
        var seguro = "{{ 'messages.seguro'|trans([], 'LocalizationBundle') }}";
        var acepta = "{{ 'button.acept'|trans([], 'LocalizationBundle') }}";
        var cancela = "{{ 'button.cancel'|trans([], 'LocalizationBundle') }}";
        var cierra = "{{ 'button.close'|trans([], 'LocalizationBundle') }}";
        var select = "{{ 'button.select'|trans([], 'LocalizationBundle') }}";
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle')}}";
        var errorRoom = "{{ 'messages.ajax.room'|trans([], 'LocalizationBundle') }}";
        var errorDate = "{{ 'messages.errorDate'|trans([], 'LocalizationBundle')}}";
        var mismaModalidad = "{{ 'messages.mismaModalidad'|trans([], 'LocalizationBundle')}}";
        var liberarEspacios = "{{ 'messages.liberarEspacios'|trans([], 'LocalizationBundle')}}";
        var liberandoEspacios = "{{ 'messages.liberandoEspacios'|trans([], 'LocalizationBundle')}}";
        var cargando = "{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle')}}";
        var motivoModif = "{{ 'messages.motivoModif'|trans([], 'LocalizationBundle')}}";
        var si = "{{ 'labels.yes'|trans([], 'LocalizationBundle')}}";
        var no = "{{ 'labels.no'|trans([], 'LocalizationBundle')}}";
        var room = "{{ 'labels.room'|trans([], 'LocalizationBundle')}}";
        var modCita = "{{ 'labels.action.modificandoCita'|trans([], 'LocalizationBundle')}}";
        var processOk = "{{ 'messages.processOk'|trans([], 'LocalizationBundle')}}";
        var espacioReservado = "{{ 'messages.espacioReservado'|trans([], 'LocalizationBundle')}}";
        var citaAsignadaOk = "{{ 'labels.citaAsignadaOk'|trans([], 'LocalizationBundle')}}";
        var unEspacio = "{{ 'messages.unEspacio'|trans([], 'LocalizationBundle')}}";
        var espacioUso = "{{ 'messages.espacioUso'|trans([], 'LocalizationBundle')}}";
        var fecPasada = "{{ 'messages.fecPasada'|trans([], 'LocalizationBundle')}}";
        var horaPasada = "{{ 'messages.horaPasada'|trans([], 'LocalizationBundle')}}";
        var espConsecutivos = "{{ 'messages.espConsecutivos'|trans([], 'LocalizationBundle')}}";
        var errorCita = "{{ 'messages.errorCita'|trans([], 'LocalizationBundle')}}";
        var confCita = "{{ 'messages.confCita'|trans([], 'LocalizationBundle')}}";
        var comentConf = "{{ 'messages.comentConf'|trans([], 'LocalizationBundle')}}";
        var addComent = "{{ 'messages.addComent'|trans([], 'LocalizationBundle')}}";
        var cancelCita = "{{ 'messages.cancelCita'|trans([], 'LocalizationBundle')}}";
        var citaRecepcionada = "{{ 'messages.citaRecepcionada'|trans([], 'LocalizationBundle')}}";
        var noPatient = "{{ 'messages.noPatient'|trans([], 'LocalizationBundle')}}";
        var docSearch = "{{ 'messages.docSearch'|trans([], 'LocalizationBundle')}}";
        var cita6meses = "{{ 'messages.cita6meses'|trans([], 'LocalizationBundle') }}";
        var msjConfi = "{{ 'messages.msjConfi'|trans([], 'LocalizationBundle') }}";
        var noConfirm = "{{ 'labels.appointment.noConfirm'|trans([], 'LocalizationBundle') }}";
        var cliente = "{{ id_cliente }}";
        var signo="$ ";
        var dec=0;
        if(cliente=="RIS-DPI"){
            signo="S/ ";
            dec=2;
        }
        var diasAr = [
            "{{ 'labels.days.monday'|trans([], 'LocalizationBundle')}}" ,
            "{{ 'labels.days.tuesday'|trans([], 'LocalizationBundle')}}" ,
            "{{ 'labels.days.wednesday'|trans([], 'LocalizationBundle')}}" ,
            "{{ 'labels.days.thursday'|trans([], 'LocalizationBundle')}}" ,
            "{{ 'labels.days.friday'|trans([], 'LocalizationBundle')}}" ,
            "{{ 'labels.days.saturday'|trans([], 'LocalizationBundle')}}" ,
            "{{ 'labels.days.sunday'|trans([], 'LocalizationBundle')}}"
        ];
        var mesAr = [
            "{{ 'labels.month.january'|trans([], 'LocalizationBundle')}}",
            "{{ 'labels.month.february'|trans([], 'LocalizationBundle')}}",
            "{{ 'labels.month.march'|trans([], 'LocalizationBundle')}}",
            "{{ 'labels.month.april'|trans([], 'LocalizationBundle')}}",
            "{{ 'labels.month.may'|trans([], 'LocalizationBundle')}}",
            "{{ 'labels.month.june'|trans([], 'LocalizationBundle')}}",
            "{{ 'labels.month.july'|trans([], 'LocalizationBundle')}}",
            "{{ 'labels.month.august'|trans([], 'LocalizationBundle')}}",
            "{{ 'labels.month.september'|trans([], 'LocalizationBundle')}}",
            "{{ 'labels.month.october'|trans([], 'LocalizationBundle')}}",
            "{{ 'labels.month.november'|trans([], 'LocalizationBundle')}}",
            "{{ 'labels.month.december'|trans([], 'LocalizationBundle')}}"
        ];
        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')}}";
        {% if his_integration == 'true' %}
        {#{% if resultDataHis['result'].0.nomact is defined %}
                var studyIntegrationHIS = '{{ resultDataHis['result'].0.nomact | trim }}';
            {% else %}
                var studyIntegrationHIS = '';
            {% endif %}#}
        var studyIntegrationHIS = '';
        {% else %}
        var studyIntegrationHIS = '';
        {% endif %}
    </script>

    <style>
        .ui-timepicker-inline {
            display: inline;
        }
        #ui-timepicker-div {
            padding: 0.2em;
        }
        .ui-timepicker-table {
            display: inline-table;
            width: 0;
        }
        .ui-timepicker-table table {
            margin: 0.15em 0 0 0;
            border-collapse: collapse;
        }
        .ui-timepicker-hours, .ui-timepicker-minutes {
            padding: 0.2em;
        }
        .ui-timepicker-table .ui-timepicker-title {
            line-height: 1.8em;
            text-align: center;
        }
        .ui-timepicker-table td {
            padding: 0.1em;
            width: 2.2em;
        }
        .ui-timepicker-table th.periods {
            padding: 0.1em;
            width: 2.2em;
        }
        /* span for disabled cells */
        .ui-timepicker-table td span {
            display: block;
            padding: 0.2em 0.3em 0.2em 0.5em;
            width: 1.2em;
            text-align: right;
            text-decoration: none;
        }
        /* anchors for clickable cells */
        .ui-timepicker-table td a {
            display: block;
            padding: 0.2em 0.3em 0.2em 0.5em;
            cursor: pointer;
            text-align: right;
            text-decoration: none;
        }
        /* buttons and button pane styling */
        .ui-timepicker .ui-timepicker-buttonpane {
            background-image: none;
            margin: .7em 0 0 0;
            padding: 0 .2em;
            border-left: 0;
            border-right: 0;
            border-bottom: 0;
        }
        .ui-timepicker .ui-timepicker-buttonpane button {
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }
        /* The close button */
        .ui-timepicker .ui-timepicker-close {
            float: right
        }
        /* the now button */
        .ui-timepicker .ui-timepicker-now {
            float: left;
        }
        /* the deselect button */
        .ui-timepicker .ui-timepicker-deselect {
            float: left;
        }
        .ui-autocomplete { position: absolute; cursor: default;z-index:999999 !important;}
        .table-disponibilidad > tbody > tr > td.success, .table-disponibilidad > tbody > tr > td.success a {
            background:#5cb85c; color:#fff;
            cursor: pointer;
        }
        .table-disponibilidad > tbody > tr > td.success2, .table-disponibilidad > tbody > tr > td.success2 a {
            background:#5cb85c; color:#fff;
            cursor: pointer;
        }
        .table-disponibilidad > tbody > tr > td.danger, .table-disponibilidad > tbody > tr > td.danger a {
            background:#d9534f; color:#fff;
            cursor: pointer;
        }
        .panel-default {
            box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        }
        .glyphicon-ok:before {
            content: "\e013";
        }
        .check-mark {
            color:#888;
        }
        .jumbotron{
            padding:5px;
        }
        .hrBlock {
            margin-top: 11px;
            margin-bottom: 11px;
            width: 100%;
            display: inline-block;
        }
        #example .accionCita:hover {
            background:#E6E6E6;
            cursor: pointer;
        }
        #example th {
            background:#337AB7;
            color: #fff;
            padding: 10px;
        }
        #tbl_allpatient th {
            background:#337AB7;
            color: #fff;
            padding: 10px;
        }
        .lastSearch {
            display: none;
        }
        #allPatient{
            display: none;
        }
    </style>

{% endblock %}
{% block content %}
<div class="container-fluid" >
    <div class="panel panel-primary">
        <div class="panel-heading">{{ 'menu.schedule.appointment'|trans([], 'LocalizationBundle') }}</div>
        <div class="panel-body">
            {# Contenido izquierda #}
            <div class="col-md-4">
                <div id="calendar" style="margin-bottom:10px;"></div>
                <div id="divgrowlUI" style="font-size:15px; margin:0; padding:0; display:none">
                    <span class="glyphicon glyphicon-alert" style="font-size:40px; color: #d9534f; float: left;" aria-hidden="true"></span> <p>{{ 'messages.alertaMultEspacios'|trans([], 'LocalizationBundle') }}</p>
                </div>
                <div class="form-group" id="info-dateAppNew" style="display: none">
                    <div class="alert alert-info" >
                        <div class="form-group">
                            <input type="hidden" id="ContCitas" />
                            <h5><strong>{{ 'labels.citaAsignada'|trans([], 'LocalizationBundle') }}:</strong></h5>
                            <div id="info-dateApp"></div>
                            <h5><strong>{{ 'labels.patient.patient'|trans([], 'LocalizationBundle') }}:</strong></h5>
                            <div id="info-pat"></div>
                            <button class="btn btn-dangerInfo" id="cancelUpdate">{{ 'button.cancel'|trans([], 'LocalizationBundle') }}</button>
                            <input type="hidden" id="CodScheduleSelect" name="CodScheduleSelect" />
                            <input type="hidden" id="idScheRu" />
                            <input type="hidden" id="nomSalaChange" />
                        </div>
                    </div>
                </div>

                <div class="clearfix"></div>
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="form-group">
                            <div class="row">
                                <div class="col-md-12">
                                    <h4 style="margin:0; padding:0;" >{{ 'messages.buscarCitas'|trans([], 'LocalizationBundle') }}</h4>
                                </div>
                                <div class="col-md-6">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
                                        <input id="document" name="document" class="form-control" style="height:34px;" placeholder="{{ 'labels.document.doc'|trans([], 'LocalizationBundle') }}" autofocus="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <a style="cursor:pointer;" class="btn btn-primary form-control" id="searchDate" style="height:34px;">{{ 'button.search'|trans([], 'LocalizationBundle') }}</a>
                                </div>
                            </div>
                        </div>
                        {% if(facturacion=='true') %}
                        {% if(factura_cafam=='true') %}
                            <div class="form-group">
                                <select id="select_convenio" name="select_convenio"
                                        class="form-control select_receive required selectpicker1"
                                        data-actions-box="true" data-id="selConvenio"
                                        data-style="btn-primary" data-live-search="true"
                                        title="Convenios">
                                    <option value="">Seleccione</option>
                                    {% for eps in epsList %}
                                        <option value="{{ eps.idEps }}*{{ eps.municipio }}">{{ eps.name }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                        {% elseif(factura_convenio=='true') %}
                            <div class="form-group">
                                <select id="select_contrato" name="select_contrato"
                                        class="form-control select_receive required selectpicker1"
                                        data-actions-box="true" data-id="selContrato"
                                        data-style="btn-primary" data-live-search="true"
                                        title="Contratos">
                                    {% for eps in epsListContratos %}
                                        <option value="{{ eps.idContratos }}">{{ eps.name }}
                                            -{{ eps.nombreContrato }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="form-group">
                                <select id="select_convenio" name="select_convenio"
                                        class="form-control select_receive required selectpicker1"
                                        data-actions-box="true" data-id="selConvenio"
                                        data-style="btn-primary" data-live-search="true"
                                        title="Convenios">

                                </select>
                            </div>
                        {% else %}
                            <div class="form-group">
                                <select id="select_convenio" name="select_convenio"
                                        class="form-control select_receive required selectpicker1"
                                        data-actions-box="true" data-id="selConvenio"
                                        data-style="btn-primary" data-live-search="true"
                                        title="Convenios">
                                    <option value="">Seleccione</option>
                                    {% for eps in epsList %}
                                        <option value="{{ eps.idEps }}">{{ eps.name }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="form-group">
                                <select id="select_contratos" name="select_contratos"
                                        class="form-control select_receive required selectpicker1"
                                        data-actions-box="true" data-id="selConvenio"
                                        data-style="btn-primary" data-live-search="true"
                                        title="Contratos">
                                    <option value="">Seleccione</option>
                                    {% for eps in epsListContratos %}
                                        <option value="{{ eps.idContratos }}*{{ eps.idEps }}">{{ eps.name }}
                                            -{{ eps.nombreContrato }}</option>
                                    {% endfor %}
                                </select>
                            </div>

                        {% endif %}
                        <div class="form-group">
                            <select class="form-control selectpicker" id="sede"
                                    data-style="btn-primary" data-id="selSede"
                                    data-live-search="true" title='Sede'>
                                <option value="all">{{ 'labels.allF'|trans([], 'LocalizationBundle') }}</option>
                                {% for Sedes in hqList %}
                                    <option>{{ Sedes.varHead }}</option>
                                {% endfor %}
                            </select>
                            {% else %}

                            <div class="form-group">
                                <select class="form-control selectpicker" id="sede"
                                        data-style="btn-primary" data-id="selSede"
                                        data-live-search="true" title='Sede'>
                                    <option value="all">{{ 'labels.allF'|trans([], 'LocalizationBundle') }}</option>
                                    {% for Sedes in hqList %}
                                        <option>{{ Sedes.varHead }}</option>
                                    {% endfor %}
                                </select>
                                {% endif %}
                            </div>
                            <div class="clearfix" ></div>
                            <div id="content">
                                <input type="hidden" name="modSala" id="modSala" />
                                <input type="hidden" name="hqSala" id="hqSala" />
                                <ul id="tabs" class="nav nav-tabs nav-justified" data-tabs="tabs">
                                    <li class="active tabRoom">
                                        <a href=".sala" data-toggle="tab">{{ 'labels.rooms'|trans([], 'LocalizationBundle') }}</a>
                                    </li>
                                    <li class="tabUser">
                                        <a href=".medicos" data-toggle="tab">{{ 'labels.role.medico'|trans([], 'LocalizationBundle') }}</a>
                                    </li>
                                </ul>
                                <div id="my-tab-content" class="tab-content">
                                    <div class="tab-pane active sala">
                                        <div class="tabs">
                                            {% if(facturacion=='false') %}
                                                {% for rooms in roomSchedule %}
                                                    <button class="btn btn-primary form-control salas" data-mod="{{ rooms.idModality }}" data-hq="{{ rooms.idHeadquarter }}" value="{{ rooms.roomCode }}">{{ rooms.roomName }}</button>
                                                {% endfor %}
                                            {% endif %}
                                        </div>
                                    </div>
                                    <div class="tab-pane medicos" style="margin-top:20px;"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> {# Fin Contenido izquierda #}

                {# Convenciones #}
                <div class="col-md-8 pull-right">
                    <h4 class="pull-right" >{{ 'labels.codigoColor'|trans([], 'LocalizationBundle') }}:
                        <span class="label label-success">{{ 'labels.disponible'|trans([], 'LocalizationBundle') }}</span>
                        <span class="label label-info">{{ 'labels.status.confirmada'|trans([], 'LocalizationBundle') }}</span>
                        <span class="label label-danger">{{ 'labels.status.asignada'|trans([], 'LocalizationBundle') }}</span></h4>
                </div>

                <div class="col-md-8" id="dispMes">
                    <div class="row">
                        <div class="col-md-12"><h4><span id="tituloDisp"></span></h4></div>
                    </div>
                    <table class="table table-condensed" id="DispMes"></table>
                </div>

                <div class="col-md-8" id="div-multi" style="display:none" >
                    {# <input type="checkbox" name="selectMulti" id="selectMulti" class="col-md-1" /> #}
                    <div class="checkbox checkbox-primary col-md-3">
                        <input id="selectMulti" class="styled" type="checkbox" >
                        <label class="multilabel" style="font-size: 14px" for="selectMulti" >{{ 'labels.select_multi'|trans([], 'LocalizationBundle') }}</label>
                    </div>
                    <button class="btn btn-primary col-md-2" style="margin-right: 3px" id="SeeLocks">{{ 'labels.consultarBloqueos'|trans([], 'LocalizationBundle') }}</button>
                    <button class="btn btn-primary col-md-6 pull-right" id="multiCita" style="display:none" >{{ 'labels.set_appointment'|trans([], 'LocalizationBundle') }}</button>
                </div>

                {# Contenido derecha espacios #}
                <div class="col-md-8" id="div-dispRoom" ></div>
                <div class="col-md-8" id="div-dispUser" style="display:none"></div>

                {# Modal para ver bloqueos de agenda #}
                <div class="modal fade" id="SeeLocksModal" data-backdrop="static" data-keyboard="false" data-show="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title">{{ 'labels.bloqueoSala'|trans([], 'LocalizationBundle') }} - <span id="SeeLocksRoom"></span> </h4>
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-md-8">
                                        <h3>{{ 'messages.bloqAgendaVigente'|trans([], 'LocalizationBundle') }}</h3>
                                        <table class="table table-hover table-bordered">
                                            <thead style="background:#337AB7;color:#fff">
                                            <tr>
                                                <td style="line-height:1.42857;padding:8px">
                                                    <label class=" control-label" for="style"><strong>{{ 'menu.schedule.label'|trans([], 'LocalizationBundle') }}</strong></label>
                                                </td>
                                                <td style="line-height:1.42857;padding:8px" colspan="2" >
                                                    <label class="control-label" for="style"><strong>{{ 'labels.fechaBloqueo'|trans([], 'LocalizationBundle') }}</strong></label>
                                                </td>
                                                <td style="line-height:1.42857;padding:8px">
                                                    <label class="control-label" for="style"><strong>{{ 'labels.motivoBloqueo'|trans([], 'LocalizationBundle') }}</strong></label>
                                                </td>
                                                <td style="line-height:1.42857;padding:8px">
                                                    <label class=" control-label" for="style"><strong>{{ 'labels.time.hourIni'|trans([], 'LocalizationBundle') }}</strong></label>
                                                </td>
                                                <td style="line-height:1.42857;padding:8px">
                                                    <label class=" control-label" for="style"><strong>{{ 'labels.time.hourEnd'|trans([], 'LocalizationBundle') }}</strong></label>
                                                </td>
                                            </tr>
                                            </thead>
                                            <tbody id="SeeLocksRoomData"></tbody>
                                        </table>
                                    </div>
                                    <div class="col-md-4">
                                        <h3>{{ 'messages.agenda.datosAgenda'|trans([], 'LocalizationBundle') }}</h3>
                                        <table class="table table-condensed">
                                            <tbody>
                                            <tr></tr>
                                            <tr></tr>
                                            <tr>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                            </tbody>
                                        </table>
                                        <div id="SeeLocksRoomDataAg" class="col-md-12"></div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                            </div>
                        </div>
                    </div>
                </div> {# Fin modal para ver bloqueos de agenda #}

                {# Modal para ver consulta de agenda por paciente #}
                <div class="modal fade" id="consultAgenda" data-backdrop="static" data-keyboard="false" data-show="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title">{{ 'messages.citas3meses'|trans([], 'LocalizationBundle') }}</h4>
                            </div>
                            <div class="modal-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h4>{{ 'labels.patient.patient'|trans([], 'LocalizationBundle') }}: <span id="datosPaciente" ></span></h4>
                                        <div id="consultaAgenda" ></div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                            </div>
                        </div>
                    </div>
                </div> {# Fin modal para ver consulta de agenda por paciente #}

                {# Modal asignacion de citas #}
                <div class="modal fade" id="modal" data-backdrop="static" data-keyboard="false" data-show="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title">{{ 'labels.set_appointment'|trans([], 'LocalizationBundle') }} - <span id="fechaasig" ></span> <span id="NomSala" class="pull-right" ></span></h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid" id="containerCitas" >
                                    {# Formulario Dar Citas #}
                                    {{ render(controller('PatientBundle:Patient:index')) }}

                                    {# Buscar Paciente #}
                                    <form class="form-group" id="citas">
                                        {# Se agrega este input hidden para no mostrar documento+nombre en Australia #}
                                        <input type="hidden" name="usuario" class="form-control required" id="tags2" tabindex="1000" />
                                        {# para lectura con pistola de codigos #}
                                        {# para logica de asignacion #}
                                        <input type="hidden" name="idSchedule" class="limpiar" id="idSchedule" />
                                        <input type="hidden" name="idModality" class="limpiar" id="idModality" />
                                        <input type="hidden" name="date-search" id="date-search" value="{{ "now"|date("Y-m-d") }}" />
                                        <input type="hidden" name="room-search" id="room-search" />
                                        <input type="hidden" name="idUser" id="idUser" />
                                        <input type="hidden" name="timeDate" id="timeDate" />
                                        <input type="hidden" name="selectCount" id="selectCount" value="1" />
                                        <input type="hidden" name="idInit" id="idInit" />
                                        <input type="hidden" name="idEnd" id="idEnd" />
                                        <input type="hidden" name="idSche" id="idSche" />
                                        <input type="hidden" name="contratosD" id="contratosD"/>
                                        <input type="hidden" name="idConvenio" id="idConvenio"/>
                                        <button class="hide" ></button>

                                        <div class="lastSearch">
                                            {# <div class="com-md-12">
                                                <h2 id="tituloHistorial" style="display:none;">{{ 'messages.agenda.historial'|trans([], 'LocalizationBundle') }}</h2>
                                                <div id="consultaAgenda2"></div><hr>
                                            </div> #}

                                            <div class="col-md-12">
                                                <button id="historyData" disabled class="btn btn-primary" type="button" style="margin-bottom:20px;">
                                                    {{ 'labels.patientLog'|trans([], 'LocalizationBundle') }}
                                                </button>
                                                <div class="well hidden" id="collapseHistorial">
                                                    <h2 id="tituloHistorial" style="display:none;">{{ 'messages.agenda.historial'|trans([], 'LocalizationBundle') }}</h2>
                                                    <div id="consultaAgenda2"></div>
                                                </div>
                                            </div>
                                            <div class="clearfix"></div>

                                            <div class="col-md-12">
                                                <div class="jumbotron">
                                                    <h5>{{ 'labels.study.seleccionados'|trans([], 'LocalizationBundle') }}</h5>
                                                    <p id="pselStudy1" class="parrafo" ></p>
                                                </div>
                                            </div>
                                            {# label de insumos #} 

                                            <div class="col-md-12" id="divInsumos">
                                                <div class="jumbotron">
                                                    <h5>Paquetes de insumos</h5>
                                                   <p id="lblinsumos" class="parrafo" ></p>
                                                </div>
                                            </div>
                                        {#</div>#>
                                            <div class="col-md-12"></div>
                                          

                                            {# Formulario Centros con HIS #}
                                            <div class="col-md-6">
                                                {# Estudio #}
                                                <div class="form-group input_fields_wrap">
                                                    <label class="col-sm-4">{{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}: *</label>
                                                    <div class="col-sm-8" id="divselStudy1"></div>
                                                    <div class="clearfix" style="margin-bottom: 10px;" ></div>
                                                </div>
                                                <div class="clearfix"></div>
                                                {# Medico #}
                                                <div class="form-group">
                                                    <label class="col-sm-4">{{ 'labels.role.medico'|trans([], 'LocalizationBundle') }}:</label>
                                                    <div class="col-sm-8" id="divMedico"></div>
                                                    <div class="clearfix" style="margin-bottom: 10px;"></div>
                                                </div>
                                                <div class="clearfix"></div>
                                                {# Procedencia #}
                                                <div class="form-group">
                                                    <label class="col-sm-4">{{ 'labels.origin'|trans([], 'LocalizationBundle') }}: *</label>
                                                    <div class="col-sm-8" id="divprovenance"></div>
                                                    <div class="clearfix" style="margin-bottom: 10px;"></div>
                                                </div>
                                                <div class="clearfix"></div>

                                                {# Convenio #}
                                                <div class="form-group epsDiv">
                                                    <label class="col-sm-4">{{ 'labels.convenio'|trans([], 'LocalizationBundle') }}: *</label>
                                                    <div class="col-sm-8" id="diveps"></div>
                                                    <div class="clearfix" style="margin-bottom: 10px;"></div>
                                                </div>
                                                <div class="clearfix"></div>

                                                {# Forma de reserva #}
                                                <div class="form-group">
                                                    <label class="col-sm-4">{{ 'labels.reserva.titulo'|trans([], 'LocalizationBundle') }}: *</label>
                                                    <div class="col-sm-8">
                                                        <select class="form-control  required" id="reserva" name="reservation_form" data-id="reservation_form" data-style="btn-primary" data-live-search="true"  >
                                                            {% for reserva in reservation %}
                                                                <option value="{{ reserva.id }}">{{ reserva.name }}</option>
                                                            {% endfor %}
                                                        </select>
                                                    </div>
                                                    <div class="clearfix" style="margin-bottom:10px;"></div>
                                                </div>
                                                <div class="clearfix"></div>

                                                <div class="form-group">
                                                    <label class="col-sm-4">{{ 'labels.SMS.titulo'|trans([], 'LocalizationBundle') }}: *</label>
                                                    <div class="col-sm-8" id="divsms"></div>
                                                    <div class="clearfix" style="margin-bottom: 10px;"></div>
                                                </div>
                                                <div class="clearfix"></div>
                                                {# Medico remitente #}
                                                <div class="form-group">
                                                    <label class="col-sm-4">{{ 'assistive.attendingphysician.label'|trans([], 'LocalizationBundle') }}: *</label>

                                                    <div class="col-sm-6" id="divrefDoc"></div>
                                                    <div class="col-sm-2" >
                                                        <button class="btn btn-primary" id="newDocRef">
                                                            {{ 'button.new'|trans([], 'LocalizationBundle') }}
                                                        </button>
                                                    </div>
                                                    <div class="clearfix" style="margin-bottom: 10px;"></div>
                                                </div>
                                                <div class="clearfix"></div>
                                                {# Copia Medicos remitentes #}
                                                <div class="form-group">
                                                    <label class="col-sm-4">{{ 'labels.role.docRefCopy'|trans([], 'LocalizationBundle') }}:</label>
                                                    <div class="col-sm-8" id="divrefDocCopy"></div>
                                                    <div class="clearfix" style="margin-bottom: 10px;"></div>
                                                </div>
                                                <div class="clearfix"></div>
                                                {# Peso #}
                                                <div class="form-group">
                                                    <label class="col-sm-4">{{ 'labels.patient.weight'|trans([], 'LocalizationBundle') }}:</label>
                                                    <div class="col-sm-8" id="divweight">
                                                        <input type="text" class="form-control" id="weight" name="weight" value="0" />
                                                    </div>
                                                    <div class="clearfix" style="margin-bottom: 10px;"></div>
                                                </div>
                                                <div class="clearfix"></div>

                                                {# Comentarios #}
                                                <div class="form-group">
                                                    <label class="col-sm-4">{{ 'labels.comments'|trans([], 'LocalizationBundle') }}: *</label>
                                                    <div class="col-sm-8">
                                                        <textarea class="form-control" name="comments" id="comments"></textarea>
                                                    </div>
                                                </div>
                                                {# fecha deseada #}
                                                {% if ris_internacional == 'true' %}
                                                    <input type="hidden" class="form-control" id="input_fechaDeseada" name="input_fechaDeseada" value="{{ "now"|date("Y-m-d") }}"/>
                                                {% else %}
                                                    <div class="form-group">
                                                        <label class="col-sm-4">{{ 'labels.date.fechaDeseadaCita'|trans([], 'LocalizationBundle') }}: *</label>
                                                        <div class="col-sm-8">
                                                            <input type="text" class="form-control datetimepicker" id="input_fechaDeseada" name="input_fechaDeseada" />
                                                        </div>
                                                        <div class="clearfix" style="margin-bottom: 10px;"></div>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                {% endif %}

                                                {# Link Accesso de la Matrix #}
                                                {% if matrixAmericas == 'true' %}
                                                    <div class="form-group">
                                                        <label class="col-sm-4"><a href="javascript:window.open('http://mx.lasamericas.com.co/matrix/interfaces/procesos/AGFA_RIS.php?empresa=agfa&ok=9','');void 0">Link Acceso Matrix</a></label>
                                                    </div>
                                                {% endif %} {# fin Acceso matrix #}
                                            </div>
                                            {# Tabs Indicaciones #}
                                            <div class="col-md-6">
                                                <div>
                                                    {# Nav tabs #}
                                                    <ul class="nav nav-pills nav-justified" role="tablist">
                                                        <li role="presentation" class="active"><a href="#indicaciones" aria-controls="indicaciones" role="tab" data-toggle="tab">{{ 'labels.indication'|trans([], 'LocalizationBundle') }}</a></li>
                                                        <li role="presentation"><a href="#contraindicaciones" aria-controls="contraindicaciones" role="tab" data-toggle="tab">{{ 'labels.contraIndication'|trans([], 'LocalizationBundle') }}</a></li>
                                                        <li role="presentation"><a href="#preparaciones" aria-controls="preparaciones" role="tab" data-toggle="tab">{{ 'labels.preparation'|trans([], 'LocalizationBundle') }}</a></li>
                                                    </ul>
                                                    {# Tab panes #}
                                                    <div class="tab-content">
                                                        <div role="tabpanel" class="tab-pane active divIndi" id="indicaciones"></div>
                                                        <div role="tabpanel" class="tab-pane divIndi" id="contraindicaciones"></div>
                                                        <div role="tabpanel" class="tab-pane divIndi" id="preparaciones"></div>
                                                    </div>
                                                </div>
                                                <div class="clearfix"></div>
                                            </div> {# Fin Tabs Indicaciones #}
                                        </div>
                                        <div class="col-md-12" id="actionCitas">
                                            <div class="row pull-right">
                                                <a href="#" type="button" class="btn btn-default" data-dismiss="modal" id="btn-close">
                                                    {{ 'button.cancel'|trans([], 'LocalizationBundle') }}
                                                </a>
                                                <a target="_blank" class="btn btn-default" id="PrintIndications" style="display:none;cursor:pointer;">
                                                    {{ 'button.print'|trans([], 'LocalizationBundle') }}
                                                </a>
                                                <a href="#" disabled class="btn btn-primary btn-save" type="submit" id="btn-save" data-loading-text="Loading..." autocomplete="off">
                                                    {{ 'labels.set_appointment'|trans([], 'LocalizationBundle') }}
                                                </a>
                                                <input type="hidden" name="idschSpecial" id="idschSpecial" />
                                            </div>
                                        </div>
                                        {% if(id_cliente== 'RIS-DPI') %}
                                            <input id="input_codigoUnico"  name="input_codigoUnico" type="hidden" >
                                        {% endif %}
                                        <div class="clearfix"></div>
                                    </form>
                                </div>
                                <div class="container-fluid" id="containerDocRef" style="display: none;">
                                    <h3>{{ 'labels.registerDoctorReferring'|trans([], 'LocalizationBundle') }}</h3>
                                    {{ render(controller('HirukoAdminBundle:Referring:index')) }}
                                </div>
                            </div>

                        </div>
                    </div>
                </div> {# Fin modal asignacion de citas #}

                <div class="modal fade" id="modalUpdate" data-backdrop="static" data-keyboard="false" data-show="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title">{{ 'button.update'|trans([], 'LocalizationBundle') }} {{ 'labels.appointment.singular'|trans([], 'LocalizationBundle') }} - <span id="fechaasigUpdate" ></span> <span id="NomSalaUpdate" class="pull-right" ></span> </h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    {# Formulario Dar Citas #}
                                    <form class="form-group" id="citasUpdate">
                                        {# Buscar Paciente #}
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="col-sm-8">
                                                    <input type="hidden" name="idScheduleUpdate" class="limpiar" id="idScheduleUpdate" />
                                                    <input type="hidden" name="idModalityUpdate" class="limpiar" id="idModalityUpdate" />
                                                    <input type="hidden" name="date-searchUpdate" id="date-searchUpdate" value="{{ "now"|date("Y-m-d") }}" />
                                                    <input type="hidden" name="room-searchUpdate" id="room-searchUpdate"  />
                                                    <input type="hidden" name="idUserUpdate" id="idUserUpdate" />
                                                    <input type="hidden" name="timeDateUpdate" id="timeDateUpdate" />
                                                    <input type="hidden" name="selectCountUpdate" id="selectCountUpdate" value="1" />
                                                    <input type="hidden" name="idInitUpdate" id="idInitUpdate"  />
                                                    <input type="hidden" name="idEndUpdate" id="idEndUpdate"  />
                                                    <input type="hidden" name="appCode" class="limpiar" id="appCode" />
                                                    <input type="hidden" name="idScheduleSelect" class="limpiar" id="idScheduleSelect" />
                                                    <input type="hidden" name="idSMS" id="idSMS" />
                                                </div>
                                                <div class="col-sm-2">
                                                    {# <button class="btn btn-primary pull-right">Search</button> #}
                                                </div>
                                            </div>
                                        </div> {# Fin Buscar paciente #}

                                        <div class="clearfix"></div>
                                        <div class="form-group" style="display: none">
                                            <label class="col-sm-3"><b>{{ 'labels.date.fechaCita'|trans([], 'LocalizationBundle') }}:</b></label>
                                            <div class="col-sm-3" id="info-dateApp1Update"></div>
                                            <div class="col-sm-3" id="info-codeAppUpdate"></div>
                                        </div>
                                        <div class="clearfix"></div>

                                        <div class="form-group">
                                            <label class="col-sm-3"><b>{{ 'labels.patient.patient'|trans([], 'LocalizationBundle') }}</b></label>
                                            <div class="col-sm-9" id="info-patientUpdate"></div>
                                        </div>
                                        <div class="clearfix"></div>

                                        {# Estudio #}
                                        <div class="form-group">
                                            <label class="col-sm-3"><b>{{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}</b></label>
                                            <div class="col-sm-9" id="info-studyUpdate"></div> <!-- ciclo para mostrar los estudios relacionados -->
                                        </div>
                                        <div class="clearfix"></div>

                                        {# Procedencia #}
                                        <div class="form-group">
                                            <label class="col-sm-3" ><b>{{ 'labels.origin'|trans([], 'LocalizationBundle') }}</b></label>
                                            <div class="col-sm-9" id="info-provenanceUpdate"></div>
                                        </div>
                                        <div class="clearfix"></div>

                                        {# Convenio #}
                                        {% if(facturacion!='true') %}
                                            <div class="form-group">
                                                <label class="col-sm-3"><b>{{ 'labels.convenio'|trans([], 'LocalizationBundle') }}</b></label>
                                                <div class="col-sm-9" id="info-convenioUpdate"></div>
                                            </div>
                                            <div class="clearfix"></div>
                                        {%  endif %}

                                        {# Forma de reserva #}
                                        <div class="form-group">
                                            <label class="col-sm-3"><b>{{ 'labels.reserva.titulo'|trans([], 'LocalizationBundle') }}</b></label>
                                            <div class="col-sm-9" id="info-reservationUpdate"></div>
                                        </div>
                                        <div class="clearfix"></div>

                                        <div class="form-group">
                                            <label class="col-sm-3"><b>{{ 'labels.SMS.smsType2'|trans([], 'LocalizationBundle') }}</b></label>
                                            <div class="col-sm-9" id="info-smsUpdate"></div>
                                        </div>
                                        <div class="clearfix"></div>

                                        {# Comentarios #}
                                        <div class="form-group">
                                            <label class="col-sm-3"><b>{{ 'labels.comments'|trans([], 'LocalizationBundle') }}</b></label>
                                            <div class="col-sm-9" id="info-commentUpdate"></div>
                                        </div>

                                        {# Formulario Centros con HIS #}
                                        <div class="col-md-6">
                                            {# Link Accesso de la Matrix #}
                                            {% if matrixAmericas == 'true' %}
                                                <div class="form-group">
                                                    <label class="col-sm-4"><a href="javascript:window.open('http://mx.lasamericas.com.co/matrix/interfaces/procesos/AGFA_RIS.php?empresa=agfa&ok=9','');void 0">Link Acceso Matrix</a></label>
                                                </div>
                                            {% endif %} {# fin Acceso matrix #}
                                        </div>
                                        <div class="clearfix"></div>
                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">

                                {% if(id_cliente== 'RIS-DPI') %}
                                    {#<a type="button" class="btn btn-default" id="dpiupdate" >Datos DPI</a>#}

                                {% endif %}
                                <button type="button" class="btn btn-default btn-closed" data-dismiss="modalUpdate" id="btn-closed2"  >{{ 'button.cancel'|trans([], 'LocalizationBundle') }}</button>
                                <button class="btn btn-primary" type="submit" id="btn-update" data-loading-text="Loading..." autocomplete="off" >{{ 'labels.action.modificar'|trans([], 'LocalizationBundle') }} {{ 'labels.appointment.singular'|trans([], 'LocalizationBundle') }}</button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="hide">
                    <div id="SelectCancel">
                        <h3>{{ 'messages.seguroEliminar'|trans([], 'LocalizationBundle') }}</h3>
                        <div class="col-md-12">
                            <div class="form-group">
                                <select name="commentCancel" id="commentCancel" class="form-control selectpicker2" data-style="btn-primary">
                                    <option value="" >{{ 'button.select'|trans([], 'LocalizationBundle') }}</option>
                                    {% for cancelaSel in cancelMotive %}
                                        <option>{{ cancelaSel.name }}</option>
                                    {% endfor %}
                                    <option>{{ 'labels.selectDeliveredto.label2'|trans([], 'LocalizationBundle') }}</option>
                                </select>
                            </div>
                            <div class="form-group">
                                <textarea class="form-control" name="commentsCancelTxt" id="commentsCancelTxt" ></textarea>
                            </div>
                            <div class="clearfix"></div>
                            <button class="btn btn-primary" id="acept2" style="margin:20px 5px;" value="CANCELACION" >{{ 'labels.yes'|trans([], 'LocalizationBundle') }}</button>
                            <button class="btn btn-primary" id="cancel2" >{{ 'labels.no'|trans([], 'LocalizationBundle') }}</button>
                        </div>
                    </div>
                </div>
                {# Fin Contenido derecha espacios button class="btn btn-success" button class="btn btn-danger button class="btn btn-primary" #}

                {# Confirmar, Editar y Cancelar citas #}
                <div class="modal fade" id="modalinfo" data-backdrop="static" data-keyboard="false" data-show="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title">{{ 'messages.agenda.opciones'|trans([], 'LocalizationBundle') }}</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    <form class="form-horizontal">
                                        <div class="form-group" style="display:none;">
                                            <label class="col-sm-3"><b>{{ 'labels.date.fechaCita'|trans([], 'LocalizationBundle') }}:</b></label>
                                            <div class="col-sm-3" id="info-dateApp1"></div>
                                            <div class="col-sm-3" id="info-codeApp"></div>
                                            <div class="col-sm-3" id="info-codeScheduleSelect"></div>
                                            <div class="col-sm-3" id="info-CodScheduleSms"></div>
                                        </div>
                                        <div class="clearfix"></div>
                                        {# izquierda #}
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="col-sm-3"><b>{{ 'labels.patient.patient'|trans([], 'LocalizationBundle') }}</b></label>
                                                <div class="col-sm-9" id="info-patient"></div>
                                            </div>
                                            <div class="clearfix"></div>

                                            {# Estudio #}
                                            <div class="form-group">
                                                <label class="col-sm-3"><b>{{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}</b></label>
                                                <div class="col-sm-9" id="info-study"></div> <!-- ciclo para mostrar los estudios relacionados -->
                                            </div>
                                            {% if (id_cliente== 'RIS-DPI') %}
                                                <div class="clearfix"></div>
                                                <div class="form-group">
                                                    <!-- Estudio -->
                                                    <label class="col-sm-3"><b>Valor a pagar paciente: </b></label>
                                                    <div class="col-sm-9" id="info-vpaciente">
                                                        <!-- ciclo para mostrar los estudios relacionados -->
                                                    </div>
                                                </div>
                                            {% endif %}
                                            <div class="clearfix"></div>

                                            {# Telefono #}
                                            <div class="form-group">
                                                <label class="col-sm-3" ><b>{{ 'labels.patient.tel'|trans([], 'LocalizationBundle') }}</b></label>
                                                <div class="col-sm-9" id="info-telephone"></div>
                                            </div>
                                            <div class="clearfix"></div>

                                            {# celular #}
                                            <div class="form-group">
                                                <label class="col-sm-3" ><b>{{ 'labels.patient.cel'|trans([], 'LocalizationBundle') }}</b></label>
                                                <div class="col-sm-9" id="info-cellphone"></div>
                                            </div>
                                            <div class="clearfix"></div>

                                            {# email #}
                                            <div class="form-group">
                                                <label class="col-sm-3" ><b>{{ 'labels.patient.email'|trans([], 'LocalizationBundle') }}</b></label>
                                                <div class="col-sm-9" id="info-email"></div>
                                            </div>
                                            <div class="clearfix"></div>

                                            {# Procedencia #}
                                            <div class="form-group">
                                                <label class="col-sm-3" ><b>{{ 'labels.origin'|trans([], 'LocalizationBundle') }}</b></label>
                                                <div class="col-sm-9" id="info-provenance"></div>
                                            </div>
                                            <div class="clearfix"></div>

                                            {# Convenio #}
                                            <div class="form-group">
                                                <label class="col-sm-3"><b>{{ 'labels.convenio'|trans([], 'LocalizationBundle') }}</b></label>
                                                <div class="col-sm-9" id="info-convenio"></div>
                                            </div>
                                            <div class="clearfix"></div>

                                            {# Forma de reserva #}
                                            <div class="form-group">
                                                <label class="col-sm-3"><b>{{ 'labels.reserva.titulo'|trans([], 'LocalizationBundle') }}</b></label>
                                                <div class="col-sm-9" id="info-reservation"></div>
                                            </div>
                                            <div class="clearfix"></div>

                                            {# NITIFICACION SMS #}
                                            <div class="form-group">
                                                <label class="col-sm-3"><b>{{ 'labels.SMS.smsType2'|trans([], 'LocalizationBundle') }}</b></label>
                                                <div class="col-sm-9" id="info-sms"></div>
                                            </div>
                                            <div class="clearfix"></div>

                                            {# Comentarios #}
                                            <div class="form-group">
                                                <label class="col-sm-3"><b>{{ 'messages.agenda.comentAsignacion'|trans([], 'LocalizationBundle') }}: </b></label>
                                                <div class="col-sm-9" id="info-commentAssign"></div>
                                            </div>

                                            {# Comentarios #}
                                            <div class="form-group">
                                                <label class="col-sm-3"><b>{{ 'messages.agenda.comentConfirmacion'|trans([], 'LocalizationBundle') }}: </b></label>
                                                <div class="col-sm-9" id="info-commentConfirm"></div>
                                            </div>

                                            {# Medico asignacion #}
                                            <div class="form-group">
                                                <label class="col-sm-3"><b>{{ 'labels.medicoAsignado'|trans([], 'LocalizationBundle') }}</b></label>
                                                <div class="col-sm-9" id="info-medicoAsignado"></div>
                                            </div>
                                        </div>

                                        {# Derecha #}
                                        <div class="col-md-6">
                                            {# Horario asignado #}
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="col-sm-12"><b>{{ 'labels.date.fechaAsignada'|trans([], 'LocalizationBundle') }}</b></label>
                                                    <div class="col-sm-12" id="info-horario"></div>
                                                </div>
                                            </div>

                                            {# Hora inicial #}
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="col-sm-12"><b>{{ 'labels.time.hourIni'|trans([], 'LocalizationBundle') }}</b></label>
                                                    <div class="col-sm-12" id="info-horaInicial"></div>
                                                </div>
                                            </div>

                                            {# Hora final #}
                                            <div class="col-md-4">
                                                <div class="form-group">
                                                    <label class="col-sm-12"><b>{{ 'labels.time.hourEnd'|trans([], 'LocalizationBundle') }}</b></label>
                                                    <div class="col-sm-12" id="info-horaFinal"></div>
                                                </div>
                                            </div>

                                            {# Comentarios #}
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <label class="col-sm-12"><b>{{ 'labels.comments'|trans([], 'LocalizationBundle') }}</b></label>
                                                    <div class="col-sm-12" id="addComments">
                                                        <textarea class="form-control" rows="8" id="comentario"></textarea>
                                                        <button type="button" class="btn btn-primary" id="appComments" >{{ 'labels.add'|trans([], 'LocalizationBundle') }} {{ 'labels.comments'|trans([], 'LocalizationBundle') }}</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 alert alert-danger hide" id="labelR"><p>{{ 'labels.appointment.receipt'|trans([], 'LocalizationBundle') }}</p></div>
                                        <div class="col-sm-12 hide" id="errorConfirm">
                                            <p>
                                                <strong>{{ 'labels.nota'|trans([], 'LocalizationBundle') }}: </strong>
                                                {{ 'labels.appointment.noConfirm'|trans([], 'LocalizationBundle') }}
                                            </p>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-info2" id="appConfirm">{{ 'labels.action.confirmar'|trans([], 'LocalizationBundle') }} {{ 'labels.appointment.singular'|trans([], 'LocalizationBundle') }}</button>
                                <button type="button" class="btn btn-warning" id="appModify">{{ 'labels.action.modificar'|trans([], 'LocalizationBundle') }} {{ 'labels.appointment.singular'|trans([], 'LocalizationBundle') }}</button>
                                <button type="button" class="btn btn-danger2" id="appCancel">{{ 'button.cancel'|trans([], 'LocalizationBundle') }} {{ 'labels.appointment.singular'|trans([], 'LocalizationBundle') }}</button>
                                <button type="button" class="btn btn-default" id="close">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                            </div>
                        </div>
                    </div>
                </div>

                {# Modal #}
                <div class="modal fade" id="modalChange" data-backdrop="static" data-keyboard="false" data-show="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h4 class="modal-title">{{ 'labels.set_appointment'|trans([], 'LocalizationBundle') }} - <span id="fechaasig" ></span> <span id="NomSala" class="pull-right"></span></h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    {# Formulario Dar Citas #}
                                    <input id="firstLastNameCH" name="firstLastName" type="text" value="" tabindex="1001" class="txtdatid" onblur="javascript:this.value=this.value.toUpperCase();">
                                    <input id="secondLastNameCH" name="secondLastName" type="text" value="" tabindex="1002" class="txtdatid" onblur="javascript:this.value=this.value.toUpperCase();">
                                    <input id="firstNameCH" name="firstName" type="text" value="" tabindex="1003" class="txtdatid" onblur="javascript:this.value=this.value.toUpperCase();">
                                    <input id="secondNameCH" name="secondName" type="text" value="" tabindex="1004" class="txtdatid" onblur="javascript:this.value=this.value.toUpperCase();">
                                    <input id="genderCH" name="gender" type="text" value="" tabindex="1005" class="txtdatid">
                                    <input id="birthDateCH" name="birthDate" type="text" value="" tabindex="1006" class="txtdatid">
                                    <input id="gs_rhCH" name="gs_rh" type="text" value="" tabindex="1007" class="txtdatid">
                                    <input id="first_numberCH" type="text" tabindex="1008" class="txtdatid">
                                    <input id="second_numberCH" type="text" tabindex="1009" class="txtdatid">
                                    <input id="second_number_2CH" type="text" tabindex="1010" class="txtdatid">
                                    <form class="form-group" id="citasCH"> {# ID ejemplo #}
                                        {# Buscar Paciente #}
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label class="col-sm-4">{{ 'labels.patient.patient'|trans([], 'LocalizationBundle') }}</label>
                                                <div class="col-sm-8">
                                                    <div id="pacienteCH" ></div>
                                                    {# para logica de asignacion #}
                                                    <input type="text" name="idScheduleCH" id="idScheduleCH" />
                                                    <input type="text" name="idModalityCH" id="idModalityCH" />
                                                    <input type="text" name="date-searchCH" id="date-searchCH" />
                                                    <input type="text" name="room-searchCH" id="room-searchCH" />
                                                    <input type="text" name="idUserCH" id="idUserCH" />
                                                    <input type="text" name="timeDateCH" id="timeDateCH" />
                                                    <input type="text" name="selectCountCH" id="selectCountCH" value="1" />
                                                    <input type="text" name="idInitCH" id="idInitCH" />
                                                    <input type="text" name="idEndCH" id="idEndCH" />
                                                    <input type="text" name="idScheCH" id="idScheCH" />
                                                    <button class="hide"></button>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                        <div class="col-md-12"><hr></div>

                                        <div class="col-md-12">
                                            <div class="col-md-12">
                                                <div class="jumbotron">
                                                    <h5>{{ 'labels.study.seleccionados'|trans([], 'LocalizationBundle') }}</h5>
                                                    <p id="pselStudy2"></p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            {# Estudio #}
                                            <div class="form-group input_fields_wrap">
                                                <label class="col-sm-4">{{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}</label>
                                                <div class="col-sm-8" id="divselStudy2"></div>
                                                <div class="clearfix" style="margin-bottom: 10px;"></div>
                                            </div>
                                            <div class="clearfix"></div>

                                            {# Procedencia #}
                                            <div class="form-group">
                                                <label class="col-sm-4">{{ 'labels.origin'|trans([], 'LocalizationBundle') }}</label>
                                                <div class="col-sm-8" id="divprovenanceCH"></div>
                                                <div class="clearfix" style="margin-bottom: 10px;" ></div>
                                            </div>
                                            <div class="clearfix"></div>

                                            {# Convenio #}
                                            <div class="form-group">
                                                <label class="col-sm-4">{{ 'labels.convenio'|trans([], 'LocalizationBundle') }}</label>
                                                <div class="col-sm-8" id="divepsCH"></div>
                                                <div class="clearfix" style="margin-bottom: 10px;" ></div>
                                            </div>
                                            <div class="clearfix"></div>

                                            {# Forma de reserva #}
                                            <div class="form-group">
                                                <label class="col-sm-4">{{ 'labels.reserva.titulo'|trans([], 'LocalizationBundle') }}</label>
                                                <div class="col-sm-8">
                                                    <select class="form-control required2" id="reservaCH" name="reservationCH_form" data-id="reservationCH_form" data-style="btn-primary" data-live-search="true" title="{{ 'button.select'|trans([], 'LocalizationBundle') }}" >
                                                        <option value="" selected></option>
                                                        <option value="0">{{ 'labels.reserva.presencial'|trans([], 'LocalizationBundle') }}</option>
                                                        <option value="1">{{ 'labels.reserva.telefonica'|trans([], 'LocalizationBundle') }}</option>
                                                    </select>
                                                </div>
                                                <div class="clearfix" style="margin-bottom: 10px;"></div>
                                            </div>
                                            <div class="clearfix"></div>

                                            <div class="form-group">
                                                <label class="col-sm-4">{{ 'labels.SMS.titulo'|trans([], 'LocalizationBundle') }}</label>
                                                <div class="col-sm-8" id="divsmsCH"></div>
                                                <div class="clearfix" style="margin-bottom: 10px;" ></div>
                                            </div>
                                            <div class="clearfix"></div>

                                            {# Comentarios #}
                                            <div class="form-group">
                                                <label class="col-sm-4">{{ 'labels.comments'|trans([], 'LocalizationBundle') }}</label>
                                                <div class="col-sm-8">
                                                    <textarea class="form-control required2" name="commentsCH" id="commentsCH" ></textarea>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            {# Tabs Indicaciones #}
                                            <div>
                                                {# Nav tabs #}
                                                <ul class="nav nav-pills nav-justified" role="tablist">
                                                    <li role="presentation" class="active"><a href="#indicaciones" aria-controls="indicaciones" role="tab" data-toggle="tab">{{ 'labels.indication'|trans([], 'LocalizationBundle') }}</a></li>
                                                    <li role="presentation"><a href="#contraindicaciones" aria-controls="contraindicaciones" role="tab" data-toggle="tab">{{ 'labels.contraIndication'|trans([], 'LocalizationBundle') }}</a></li>
                                                    <li role="presentation"><a href="#preparaciones" aria-controls="preparaciones" role="tab" data-toggle="tab">{{ 'labels.preparation'|trans([], 'LocalizationBundle') }}</a></li></a></li>
                                                </ul>
                                                {# Tab panes #}
                                                <div class="tab-content">
                                                    <div role="tabpanel" class="tab-pane active divIndi" id="indicaciones"></div>
                                                    <div role="tabpanel" class="tab-pane divIndi" id="contraindicaciones"></div>
                                                    <div role="tabpanel" class="tab-pane divIndi" id="preparaciones"></div>
                                                </div>
                                            </div>
                                            {# Fin Tabs Indicaciones #}
                                            <div class="clearfix"></div>
                                        </div>
                                        <div class="clearfix"></div>
                                    </form>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default btn-success" data-dismiss="modalChange" id="btn-print-ind"  >{{ 'button.print'|trans([], 'LocalizationBundle') }} {{ 'labels.indication'|trans([], 'LocalizationBundle') }} </button>
                                <button type="button" class="btn btn-default btn-closed" data-dismiss="modalChange" id="btn-closeCH"  >{{ 'button.cancel'|trans([], 'LocalizationBundle') }}</button>
                                <button type="button" class="btn btn-primary btn-saveCH" id="btn-saveCH"  data-loading-text="Loading..." autocomplete="off" >{{ 'labels.action.modificar'|trans([], 'LocalizationBundle') }} {{ 'labels.appointment.singular'|trans([], 'LocalizationBundle') }}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% endblock %}