{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
    {# CSS #}
    {#Bootstrap#}
    <link rel="stylesheet" href="{{ asset('bundles/utilities/bootstrap-3.3.7/css/bootstrap.min.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/shedule/datatable/css/dataTables.bootstrap.css') }}" >
    <link rel="stylesheet" href="{{ asset('bundles/grid/css/bootstrap-select.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 ~'/dataTableCustom.css') }}"/>
    <link href="{{ asset('bundles/utilities/font-awesome-4.7.0/css/font-awesome.css') }}" rel="stylesheet">

    {% set configUser = app.user.config %}
     {% if configUser.skin_dark is defined %}
         {% if configUser.skin_dark %}
             {# validacion tema oscuro #}
             <link rel="stylesheet" href="{{ asset('bundles/grid/'~ hrk_skin ~'/buscarpaciente-dark.css') }}">
             <link rel="stylesheet" href="{{ asset('bundles/grid/css/htmlGrid.css') }}">
         {% else %}
             {# validacion tema claro #}
             <link rel="stylesheet" href="{{ asset('bundles/grid/'~ hrk_skin ~'/buscarpaciente-light.css') }}" >
             <link rel="stylesheet" href="{{ asset('bundles/grid/css/lightGrid.css') }}">
         {% endif %}
     {% else %}
       <link rel="stylesheet" href="{{ asset('bundles/grid/'~ hrk_skin ~'/buscarpaciente-light.css') }}" >
       <link rel="stylesheet" href="{{ asset('bundles/grid/css/lightGrid.css') }}">
     {% endif %}
     <link rel="stylesheet" href="{{ asset('bundles/utilities/sweetalert/sweetalert.css') }}" >


    {# JS #}
    <script type="text/javascript" src="{{ asset('bundles/utilities/bootstrap-3.3.7/js/bootstrap.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/grid/js/bootstrap-select.min.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/blockUI.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/sweetalert/sweetalert.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/grid/js/grid/listaModificarEstudio.js') }}"></script>
    <script type="text/javascript">
        var SrcSwf = '{{ asset('bundles/indicator/datatable/swf/copy_csv_xls_pdf.swf') }}';
        var loader = "{{ asset('bundles/utilities/images/anim_gif.gif') }}";
        var urlSearchDataModifcarEstudio = '{{ path('grid_search_data_modificarEstudios') }}';
        var urlGetData = '{{ path('get_Data_modificarEstudios') }}';
        var UrlDataStudies = '{{ path("studyList1") }}';
        var urlGetEstudiosCodigos = '{{ path('get_estudios_codigos') }}';
        var urlModificarEstudios = '{{ path('grid_aceptar_modificar_estudios') }}';
        var facturacion = '{{ facturacion }}';
        var urlSearchSedeStudy = '{{ path('grid_buscar_sede_estudio') }}';
        var seguro = '{{ 'messages.seguro'|trans([],'LocalizationBundle') }}';
        var yes = '{{ 'labels.yes'|trans([],'LocalizationBundle') }}';
        var no = '{{ 'labels.no'|trans([],'LocalizationBundle') }}';
        var searchData = '{{ 'messages.searchData'|trans([],'LocalizationBundle') }}';
        var processOk = '{{ 'messages.processOk'|trans([],'LocalizationBundle') }}';
        var arrivalDate = '{{ 'labels.date.arrivalDate'|trans([],'LocalizationBundle') }}';
        var arrivalTime = '{{ 'labels.time.arrivalTime'|trans([],'LocalizationBundle') }}';
        var doc = '{{ 'labels.document.doc'|trans([],'LocalizationBundle') }}';
        var patientName = '{{ 'labels.patient.patientName'|trans([],'LocalizationBundle') }}';
        var studyName = '{{ 'labels.study.plural'|trans([],'LocalizationBundle') }}';
        var modality = '{{ 'modalities.modality'|trans([],'LocalizationBundle') }}';
        var room = '{{ 'labels.room'|trans([],'LocalizationBundle') }}';
        var Headquarter = '{{ 'labels.Headquarter.singular'|trans([],'LocalizationBundle') }}';
        var status = '{{ 'labels.status.normal'|trans([],'LocalizationBundle') }}';
        var origin = '{{ 'labels.origin'|trans([],'LocalizationBundle') }}';
        var modificar = '{{ 'menu.modificar'|trans([],'LocalizationBundle') }}';
        var pleaseWait = '{{ 'messages.pleaseWait'|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')}}";
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle')}}";
        var noSearchData = "{{ 'messages.noSearchData'|trans([], 'LocalizationBundle')}}";
        var all = '{{ 'labels.all'|trans([], 'LocalizationBundle')}}';
        var none = '{{ 'labels.none'|trans([], 'LocalizationBundle')}}';
        var modify_validated_study ="{{ modify_validated_study }}";
    </script>
{% endblock %}
{% block content %}
      <div class="container-fluid">
          <div class="well">
              <h4>{{ 'menu.modificar'|trans([],'LocalizationBundle') }}</h4><hr>
                  <div class="row">

                      {# Formulario de búsqueda #}
                        <form>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <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" placeholder="{{ 'labels.document.doc'|trans([],'LocalizationBundle') }}" autofocus>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12"></div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
                                        <input id="name1" name="name1" class="form-control" placeholder="{{ 'labels.patient.firstName'|trans([],'LocalizationBundle') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
                                        <input id="name2" name="name2" class="form-control" placeholder="{{ 'labels.patient.secondName'|trans([],'LocalizationBundle') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
                                        <input id="lastname1" name="lastname1" class="form-control" placeholder="{{ 'labels.patient.lastName'|trans([],'LocalizationBundle') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
                                        <input id="lastname2" name="lastname2" class="form-control" placeholder="{{ 'labels.patient.secondLastName'|trans([],'LocalizationBundle') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12"></div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></div>
                                        <input name="dateInit" id="dateInit" readonly class="form-control datepicker" placeholder="{{ 'labels.date.dateIni'|trans([],'LocalizationBundle') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <div class="input-group">
                                        <div class="input-group-addon"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></div>
                                        <input name="dateEnd" id="dateEnd" readonly class="form-control datepicker" placeholder="{{ 'labels.date.dateEnd'|trans([],'LocalizationBundle') }}">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <select class="form-control selectpicker" id="head" data-actions-box="true" data-style="btn-primary" multiple title='{{ 'labels.Headquarter.singular'|trans([],'LocalizationBundle') }}'>
                                        <optgroup label="Seleccione una o varias sedes">
                                            {% for head in sedes %}
                                                <option value="{{ head.varHead }}">{{ head.varHead }}</option>
                                            {% endfor %}
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-md-3">
                                    <select class="form-control selectpicker" id="modality" data-actions-box="true" data-style="btn-primary" multiple title='{{ 'modalities.modality'|trans([],'LocalizationBundle') }}'>
                                        <optgroup label="{{ 'messages.selectAll'|trans([],'LocalizationBundle') }}"></optgroup>
                                            {% for mod in modalidades %}
                                                <option value="{{ mod.varMod }}">{{ mod.varMod }}</option>
                                            {% endfor %}
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12"></div>
                        </form>{# Fin Formulario de búsqueda #}

                        {# Botones buscar - borrar #}
                        <div class="clearfix"></div>
                        <div class="form-group">
                            <div class="col-md-3">
                                <a id="searchData" class="btn btn-primary" style="height:34px;width:100%;">{{ 'button.search'|trans([],'LocalizationBundle') }}</a>
                            </div>
                            <div class="col-md-3">
                                <a id="deleteData" class="btn btn-primary" style="height:34px;width:100%;">{{ 'button.delete'|trans([],'LocalizationBundle') }}</a>
                            </div>
                        </div>{# Fin Botones buscar - borrar #}

                        <div class="clearfix"></div>
                        <div class="col-md-12"><hr></div>
                        <div class="col-md-12" id="dataModificarEstudio">
                            {#<table id="modificarEstudio" class="table table-hover table-striped table-bordered dt-responsive" cellspacing="0" width="100%">
                                <thead>
                                    <tr>
                                        <th>{{ 'labels.date.arrivalDate'|trans([],'LocalizationBundle') }}</th>
                                        <th>{{ 'labels.time.arrivalTime'|trans([],'LocalizationBundle') }}</th>
                                        <th>{{ 'labels.document.doc'|trans([],'LocalizationBundle') }}</th>
                                        <th>{{ 'labels.patient.patientName'|trans([],'LocalizationBundle') }}</th>
                                        <th>{{ 'labels.study.plural'|trans([],'LocalizationBundle') }}</th>
                                        <th>{{ 'modalities.modality'|trans([],'LocalizationBundle') }}</th>
                                        <th>{{ 'labels.room'|trans([],'LocalizationBundle') }}</th>
                                        <th>{{ 'labels.Headquarter.singular'|trans([],'LocalizationBundle') }}</th>
                                        <th>{{ 'labels.status.normal'|trans([],'LocalizationBundle') }}</th>
                                        <th>{{ 'labels.origin'|trans([],'LocalizationBundle') }}</th>
                                        <th>{{ 'menu.modificar'|trans([],'LocalizationBundle') }}</th>
                                    </tr>
                                </thead>
                                <tbody id="bodyModificarEstudio">
                                </tbody>
                            </table>#}
                        </div>
                </div>
            </div>
        </div>

    {# Modal #}
    <div class="modal fade" id="modalModificar" tabindex="-1" role="dialog" data-backdrop="true" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="pacienteModificar">  </h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-3">{{ 'labels.Headquarter.singular'|trans([],'LocalizationBundle') }}:</label>
                                <div class="col-md-9">
                                    <input id="sedeModificar" class="form-control" disabled>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6" id="sede">
                            <select name="select_sede" id="select_sede" class="selectpicker form-control select_sede" data-style="btn-primary">
                            </select>
                        </div>
                        <div class="col-md-12"></div>
                        <div class="clearfix"></div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <div class="clearfix"></div>
                                <label class="col-md-3">{{ 'modalities.modality'|trans([],'LocalizationBundle') }}:</label>
                                <div class="col-md-4">
                                    <input id="modalidadModificar" class="form-control" disabled>
                                    <input id="estudioActual" type="hidden">
                                    <input id="body" type="hidden">
                                    <input id="portable" type="hidden">
                                    <input id="untimeliness" type="hidden">
                                    <input id="cups" type="hidden">
                                    <input id="description" type="hidden">
                                    <input id="clinical" type="hidden">
                                </div>
                            </div>
                        </div>
                        {#<div class="col-md-6">
                            <select class="selectpicker form-control disable-example" data-style="btn-primary" disabled>
                                <option>MR</option>
                                <option>CT</option>
                                <option>MG</option>
                                <option>OT</option>
                            </select>
                        </div>#}
                        <div class="col-md-12"></div>
                        <div class="clearfix"></div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-3">{{ 'labels.room'|trans([],'LocalizationBundle') }}:</label>
                                <div class="col-md-9">
                                    <input id="salaModificar" class="form-control" disabled>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="col-md-6" id="salas">
                            <select name="roomm" id="select_salas" class="selectpicker form-control btn-primary">
                                {#<option value="">{{ 'labels.rooms'|trans([],'LocalizationBundle') }}</option>#}
                            </select>
                        </div>
                        <div class="clearfix"></div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="col-md-3">{{ 'labels.study.plural'|trans([],'LocalizationBundle') }}:</label>
                                <div class="col-md-9" id="estudiosModificar">
                                    {#<textarea id="estudiosModificar" class="form-control" disabled></textarea>#}
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6" id="estudios">
                            <select class="selectpicker form-control" data-style="btn-primary">
                                <option value="">{{ 'labels.study.plural'|trans([],'LocalizationBundle') }}</option>
                            </select>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">{{ 'button.cancel'|trans([],'LocalizationBundle') }}</button>
                    <button class="btn btn-primary" id="actualizar_estudio">{{ 'button.update'|trans([],'LocalizationBundle') }}</button>
                </div>
            </div>
        </div>
    </div>
    {# Fin Modal #}
    {# datatable #}

    {# selectpicker enabled - disabled #}
    <script>
       window.onload = function () {
           $('.ex-disable').click(function () {
              var $de = $('.disable-example');
              $de.prop('disabled', true);
              $de.selectpicker('refresh');
            });
            $('.ex-enable').click(function () {
              var $de = $('.disable-example');
              $de.prop('disabled', false);
              $de.selectpicker('refresh');
            });
        };

       {# enter hotkey #}
       $(".container-fluid").keyup(function(event){
           if(event.keyCode == 13){
               $("#searchData").click();
           }
       });
       (function ($) {
           $.fn.selectpicker.defaults = {
               selectAllText: all,
               deselectAllText: none
           };
       })(jQuery);
    </script>
{% endblock %}