{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}

    {#<link rel="stylesheet" href="{{ asset('bundles/receive/css/receive.css') }}"/>
    Bootstrap#}
    <link rel="stylesheet" href="{{ asset('bundles/main/css/bootstrap.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 ~'/dataTableCustom.css') }}"/>
    
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/ConsultScheduleEvent.js') }}"></script>   
    <script type="text/javascript" src="{{ asset('bundles/shedule/bootstrap/js/bootstrap.js') }}"></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/blockUI.js') }}"></script>  
    <script>
        var UrlSearchData = '{{ path("schedule_search_data_consult_schedule2") }}';
        var UrlSwf = '{{ asset('bundles/shedule/datatable/swf/copy_csv_xls_pdf.swf') }}';        
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
        //alert(UrlSwf);
        $(function() {
            $( ".datepicker" ).datepicker({
                dateFormat: 'yy-mm-dd' 
            });
            
            var array;
           
        });
        
        var documento = "{{ 'labels.document.doc'|trans([], 'LocalizationBundle') }}";
        var priNombre = "{{ 'labels.patient.firstName'|trans([], 'LocalizationBundle') }}";
        var segNombre = "{{ 'labels.patient.secondName'|trans([], 'LocalizationBundle') }}";
        var priApellido = "{{ 'labels.patient.lastName'|trans([], 'LocalizationBundle') }}";
        var segApellido = "{{ 'labels.patient.secondLastName'|trans([], 'LocalizationBundle') }}";
        var criterioBusqueda = "{{ 'messages.searchData'|trans([], 'LocalizationBundle') }}";
        var wait = "{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle')}}";
    </script>
    <style>
                    div.DTTT { 
                margin-bottom: 0.5em; float: right;
            } 
            
            div.dataTables_wrapper {
                clear: both;
            }
            
            .input-group input{
                height:34px;
                border-radius: 4px;
            }
            .glyphicon-ok:before {
                content: "\e013";
            }
    </style>        

{% endblock %}
{% block content %}
        <div class="container-fluid">
        <div class="panel panel-primary">
            <div class="panel-heading">
              <h3 class="panel-title">{{ 'menu.schedule.viewCalendar'|trans([], 'LocalizationBundle') }}</h3>
            </div>
            <form id="consulForm" >
            <div class="panel-body">                
                <div class="col-md-12" >
                    <div class="form-group" >
                        <div class="col-md-3" >
                            <select name="filter" class="form-control selectpicker active" id="selCriterio" data-style="btn-primary" data-id="selCriterio" data-actions-box="true" data-live-search="true" title='{{ 'messages.criterioBusqueda'|trans([], 'LocalizationBundle') }}' >
                                <option value="person_data.document">{{ 'labels.patient.patient'|trans([], 'LocalizationBundle') }}</option>
                                <option value="medico.id_user" >{{ 'labels.role.medico'|trans([], 'LocalizationBundle') }}</option>
                                <option value="room.room_name" >{{ 'labels.room'|trans([], 'LocalizationBundle') }}</option>
                            </select>
                        </div>
                        <input type="hidden" id="filter" class="required hfilter" />

                        <div class="col-md-3">
                            <select class="form-control selectpicker2 active" id="selEstado" multiple="multiple" data-style="btn-primary" data-id="selEstado" data-actions-box="true" data-live-search="true" title='{{ 'labels.status.normal'|trans([], 'LocalizationBundle') }}'>
                                <option value="A">{{ 'labels.status.asignada'|trans([], 'LocalizationBundle') }}</option>
                                <option value="C">{{ 'labels.status.cancelada'|trans([], 'LocalizationBundle') }}</option>
                                <option value="CF">{{ 'labels.status.confirmada'|trans([], 'LocalizationBundle') }}</option>
                            </select>
                        </div>
                        <input type="hidden" name="selEstado" id="selInput">

                        {# div para criterio de busqueda por sala #}  
                        <div class="col-md-3 criterio" id="room_name" style="display:none" >
                            <select class="form-control selectpicker selFilter" id="selSala" data-style="btn-primary" data-req="room_name" data-id="selSala" data-actions-box="true" data-live-search="true" title='{{ 'button.select'|trans([], 'LocalizationBundle') }}'>
                                {% for room in roomSchedule %}
                                    <option> {{ room.roomName }} </option>
                                 {% endfor %}
                            </select>
                        </div>
                        {# div para criterio de busqueda por medico #}
                        <div class="col-md-3 criterio" id="id_user" style="display:none" >
                            <select class="form-control selectpicker selFilter" id="selUser" data-style="btn-primary" data-req="id_user"  data-id="selUser" data-actions-box="true" data-live-search="true" title='{{ 'button.select'|trans([], 'LocalizationBundle') }}'>
                                {% for user in userData %}
                                    <option value="{{ user.id }}" > {{ user.firstname }} {{ user.lastname }} </option>
                                 {% endfor %}
                            </select>
                        </div>
                        {# div para criterio de busqueda por paciente #}    
                        <div class="col-md-3 criterio document" style="display:none" >
                            <div class="input-group">
                                <div class="input-group-addon"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></div>
                            </div>
                        </div>    
                    </div>
                </div>
                <div class="clearfix"><hr></div>  
                <div class="col-md-12 criterio document" style="display:none" >
                    <div class="form-group" id="g2" >

                    </div>
                </div>      
                <div class="clearfix"><hr></div>                        
                <div class="col-md-12" >
                    <div class="form-group">
                        <label class="sr-only" for="exampleInputAmount">Icono FechaIn</label>
                        <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 required" placeholder="{{ 'labels.date.dateIni'|trans([], 'LocalizationBundle') }}">

                            </div>
                        </div>
                        <label class="sr-only" for="exampleInputAmount">Icono FechaFin</label>
                        <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 required" placeholder="{{ 'labels.date.dateEnd'|trans([], 'LocalizationBundle') }}">
                            </div>
                        </div>
                        <div class="col-md-2">
                            <a href="#" id="btn-submit" class="btn btn-primary">{{ 'button.search'|trans([], 'LocalizationBundle') }}</a>
                        </div>
                    </div>        
                </div>           

            </form>
                
                
                <div class="clearfix"></div>
                <div class="col-md-12"><hr></div>
                <div class="col-md-12" id="div_table">
                    
                </div>
            </div><!-- Fin panel-body -->
        </div><!-- Fin panel -->
        </div> <!-- Fin Container - fluid-->   
        
        <!-- Modal -->
        <div class="modal fade">
            <div class="modal-dialog">
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                  <h4 class="modal-title">Modal title</h4>
                </div>
                <div class="modal-body">
                  <p>One fine body&hellip;</p>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                  <button type="button" class="btn btn-primary">Save changes</button>
                </div>
              </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal --> 
        <div id="divModales"  >
        </div>

{% endblock %}