{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
{# CSS #}
    {#Bootstrap#}
<link rel="stylesheet" type="text/css" href="{{ asset('bundles/utilities/datatable/datatables.min.css') }}"/>
<link rel="stylesheet" href="{{ asset('bundles/utilities/bootstrap-3.3.7/css/bootstrap.min.css') }}"/>
<link rel="stylesheet" href="{{ asset('bundles/indicator/css/bootstrap-select.css') }}"/>
<link href="{{ asset('bundles/utilities/font-awesome-4.7.0/css/font-awesome.css') }}" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('bundles/utilities/bootstrap-datepicker-1.6.4/css/bootstrap-datepicker3.min.css') }}"/>
{% 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/css/lightGrid.css') }}">
        {% endif %}
    {% else %}
        <link rel="stylesheet" href="{{ asset('bundles/grid/css/lightGrid.css') }}">
    {% endif %}
    {# JS #}
<script>
    var pageLength = {% if config and config.numberPage is defined %} {{ config.numberPage }} {% else %} 10 {% endif %};
    var stateSave = {% if config and config.stateSave is defined %} '{{ config.stateSave }}' {% else %} true {% endif %};
</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/utilities/datatable/datatables.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/utilities/bootstrap-3.3.7/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('bundles/utilities/bootstrap-select/js/bootstrap-select.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/utilities/bootstrap-datepicker-1.6.4/js/bootstrap-datepicker.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/utilities/bootstrap-datepicker-1.6.4/locales/bootstrap-datepicker.es.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
<script type="text/javascript" src="{{ asset('bundles/grid/js/grid/ultrasoundHtml.js') }}"></script>
<script>
    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 processOk = "{{ 'messages.processOk'|trans([], 'LocalizationBundle') }} ";
    var workList = "{{ 'utilities.workList'|trans([], 'LocalizationBundle') }}";
    var errorAjax = '{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}';
    var locale = '{{ app.request.locale }}';
</script>
{% endblock scripts %}
{% block content %}
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="well">
                <div class="row addspacer">
                    <div class="col-md-6">
                        <h4>{{ 'menu.ultrasoundworklist'|trans([], 'LocalizationBundle')}}</h4>
                    </div>
                    <div class="col-md-6 text-right" style="margin:0;">
                        <button type="button" class="btn btn-primary" id="limpiar"><span class="glyphicon glyphicon-erase"></span>
                            {{ 'button.clearWorklist'|trans([], 'LocalizationBundle') }}
                        </button>
                        <button class="btn btn-primary"  data-toggle="modal" data-target="#optionsModal">
                            <span class="glyphicon glyphicon-cog"></span>
                        </button>
                    </div>
                </div>
                <div class="row">
                    <table id="tableUSWL" class="table table-hover table-striped dtr-inline dt-responsive table-bordered" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <th>{{ 'labels.date.fechaCita'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.patient.ageType'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.patient.age'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.document.doc'| trans([], 'LocalizationBundle') }}</th>
                                <th style="width: 15%">{{ 'labels.patient.patientName'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.convenio'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.Headquarter.singular'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.room'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.study.singular'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.origin'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.priority'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.medicoAsignado'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.devoluciones'| trans([], 'LocalizationBundle') }}</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th id="lbldateAppointment">{{ 'labels.date.fechaCita'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.patient.ageType'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.patient.age'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.document.doc'| trans([], 'LocalizationBundle') }}</th>
                                <th style="width: 15%">{{ 'labels.patient.patientName'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.convenio'|trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.Headquarter.singular'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.room'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.study.singular'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.origin'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.priority'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.medicoAsignado'| trans([], 'LocalizationBundle') }}</th>
                                <th>{{ 'labels.devoluciones'| trans([], 'LocalizationBundle') }}</th>
                            </tr>
                        </tfoot>
                        <tbody></tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
    <div class="modal fade" id="optionsModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-options" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">{{ 'labels.opcionesConfiguracion'|trans([], 'LocalizationBundle') }}</h4>
                </div>
                <form id="frmSettings" class="form-horizontal">
                    <input type="hidden" value="ultrasound" name="nameWorkList"/>
                    {# Numero de filas #}
                    <div class="form-group">
                        <label class="col-sm-4 control-label">{{ 'labels.recordsNumberPage'|trans([], 'LocalizationBundle')}}</label>
                        <div class="col-sm-8">
                            <div class="radio radio-primary">
                                {% if config %}
                                    <input type="radio" id="NumberPage10" value="10" name="numberPage" {% if config.numberPage is defined and config.numberPage == 10 %} checked {% endif %}>
                                {% else %}
                                    <input type="radio" id="NumberPage10" value="10" checked name="numberPage">
                                {% endif %}
                                <label for="NumberPage10">10</label>
                            </div>
                            <div class="radio radio-primary">
                                {% if config %}
                                    <input type="radio" id="NumberPage15" value="15" name="numberPage" {% if config.numberPage is defined and config.numberPage == 15 %} checked {% endif %}>
                                {% else %}
                                    <input type="radio" id="NumberPage15" value="15" name="numberPage">
                                {% endif %}
                                <label for="NumberPage15">15</label>
                            </div>
                            <div class="radio radio-primary">
                                {% if config %}
                                    <input type="radio" id="NumberPage20" value="20" name="numberPage" {% if config.numberPage is defined and config.numberPage == 20 %} checked {% endif %}>
                                {% else %}
                                    <input type="radio" id="NumberPage20" value="20" name="numberPage">
                                {% endif %}
                                <label for="NumberPage20">20</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4"></div>
                    <div class=col-sm-8><hr></div>

                    {# StateSave #}
                    <div class="form-group">
                        <label class="col-sm-4 control-label">{{ 'labels.manteinFilter'|trans([], 'LocalizationBundle')}}</label>
                        <div class="col-sm-8">
                            <div class="radio radio-primary">
                                {% if config and config.stateSave is defined %}
                                    <input type="radio" id="stateSaveYes" value="yes" name="stateSave" {% if config.stateSave %} checked {% endif %} />
                                {% else %}
                                    <input type="radio" id="stateSaveYes" value="yes" name="stateSave" checked />
                                {% endif %}
                                <label for="stateSaveYes">{{ 'labels.yes'|trans([], 'LocalizationBundle')}}</label>
                            </div>
                            <div class="radio radio-primary">
                                {% if config and config.stateSave is defined %}
                                    <input type="radio" id="stateSaveNo" value="no"  name="stateSave" {% if config.stateSave == false %} checked {% endif %} />
                                {% else %}
                                    <input type="radio" id="stateSaveNo" value="no" name="stateSave" />
                                {% endif %}
                                <label for="stateSaveNo">{{ 'labels.no'|trans([], 'LocalizationBundle')}}</label>
                            </div>
                        </div>
                    </div>
                    {# Fin stateSave #}
                    <div class="col-sm-4"></div>
                    <div class=col-sm-8><hr></div>

                    {# Fin Numero de filas #}
                    {# Sede #}
                    <div class="form-group">
                        <label class="col-sm-4 control-label">{{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }}</label>
                        <div class="col-sm-8">
                            <div class="checkbox checkbox-primary">
                                {% if config %}
                                    <input id="allfacilities" {% if config.headquarter is defined and config.headquarter|length == sedes|length %} checked {% endif %} type="checkbox">
                                {% else %}
                                    <input id="allfacilities" checked type="checkbox">
                                {% endif %}
                                <label for="allfacilities"> {{ 'labels.all'|trans([], 'LocalizationBundle') }} </label>
                            </div>
                            {% for sd in sedes %}
                                <div class="checkbox checkbox-primary">
                                    {% if config %}
                                        <input id="{{ sd.prefix }}" class="checkboxHeadquarter" {% if config.headquarter is defined and sd.prefix in config.headquarter %} checked {% endif %} name="{{ sd.prefix }}" type="checkbox">
                                    {% else %}
                                        <input id="{{ sd.prefix }}" class="checkboxHeadquarter" checked name="{{ sd.prefix }}" type="checkbox">
                                    {% endif %}
                                    <label for="{{ sd.prefix }}">{{ sd.varHead }}</label>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                    <div class="col-sm-4"></div>
                    <div class=col-sm-8><hr></div>
                    {# Fin sede #}
                    <div class="clearfix"></div>

                    {# Rango edad #}
                    {#<div class="col-sm-12 addspacer">
                        <h5 class="addspacer">{{ 'labels.rangoEdad'|trans([], 'LocalizationBundle') }} ({{ 'labels.date.years'|trans([], 'LocalizationBundle') }})</h5>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="col-md-6">
                                    <input type="number" placeholder="desde" min="0" class="form-control">
                                </div>
                                <div class="col-md-6">
                                    <input type="number" placeholder="hasta" min="0" class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>#}
                    {# Fin Rango edad #}
                    <div class="clearfix"></div>
                    {# Adicionar columnas #}
                    <div class="form-group">
                        <label class="col-sm-4 control-label">{{ 'labels.mostrarColumnas'|trans([], 'LocalizationBundle') }}</label>
                        <div class="col-md-8">
                            <div class="checkbox checkbox-primary">
                                <input id="convenioColumn" {% if config and config.columns.convenioColumn %}checked{% endif %} type="checkbox" name="convenioColumn">
                                <label for="convenioColumn"> {{ 'labels.convenio'|trans([], 'LocalizationBundle') }}</label>
                            </div>
                            <div class="checkbox checkbox-primary">
                                <input id="roomColumn" {% if config and config.columns.roomColumn %}checked{% endif %} type="checkbox" name="roomColumn">
                                <label for="roomColumn"> {{ 'labels.room'|trans([], 'LocalizationBundle') }} </label>
                            </div>
                            <div class="checkbox checkbox-primary">
                                <input id="originColumn" {% if config and config.columns.originColumn %}checked{% endif %} type="checkbox" name="originColumn">
                                <label for="originColumn"> {{ 'labels.origin'|trans([], 'LocalizationBundle') }} </label>
                            </div>
                            <div class="checkbox checkbox-primary">
                                <input id="professionalColumn" {% if config and config.columns.professionalColumn %}checked{% endif %} type="checkbox" name="professionalColumn">
                                <label for="professionalColumn"> {{ 'labels.medicoAsignado'|trans([], 'LocalizationBundle') }} </label>
                            </div>
                            <div class="checkbox to checkbox-primary" >
                                <input id="devolucionesColumn" {% if config and config.columns.devolucionesColumn %} checked {% endif %} type="checkbox" name="devolucionesColumn">
                                <label for="devolucionesColumn"> {{ 'labels.devoluciones'|trans([], 'LocalizationBundle') }}</label>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4"></div>
                    <div class=col-sm-8><hr></div>
                    {# Fin adicionar columnas #}

                    {# Prioridad #}
                    <div class="form-group">
                        <label class="col-sm-4 control-label">{{ 'labels.priority'|trans([], 'LocalizationBundle') }}</label>
                        {% set priorityColorList = ['danger', 'warning', 'primary', 'success', 'info'] %}
                        <div class="col-md-8">
                        {% for pr in prioridades %}
                              <h5>{{ pr.priName|trim }}</h5>
                                {% for color in priorityColorList %}
                                    <div class="radio radio-inline radio-primary">
                                        <input type="radio" id="pr_{{ pr.priId }}_{{ loop.index }}" name="{{ pr.priId|trim }}" value="{{ color }}" {% if (config and config.priority[pr.priId|trim] is defined and color in config.priority[pr.priId|trim]) or loop.first %} checked {% endif %} />
                                        <label for="pr_{{ pr.priId }}_{{ loop.index }}">
                                            <span class="label label-{{ color }}">
                                                {{ 'grid.option.option'|trans([], 'LocalizationBundle') }} {{ loop.index }}
                                            </span>
                                        </label>
                                    </div>
                                {% endfor %}
                        {% endfor %}
                        </div>
                    </div>
                    {# Fin Prioridad #}                    
                    {#Compartir estudios asignados#}
                    <div class="form-group">
                        <label class="col-sm-4 control-label">{{ 'labels.showAssignedStudies'|trans([], 'LocalizationBundle') }}</label>
                        <div class="col-sm-8">
                            {% set show = app.user.showAssignedStudies %}
                            <div class="radio radio-primary">
                                {% if show is defined %}
                                    <input type="radio" id="siMostrar" value="true" name="show_assigned_studies" {% if show == true %} checked {% endif %} />
                                {% else %}
                                    <input type="radio" id="siMostrar" value="true" name="show_assigned_studies" />
                                {% endif %}
                                <label for="siMostrar">{{ 'labels.yes'|trans([], 'LocalizationBundle')}}</label>
                            </div>
                            <div class="radio radio-primary">
                                {% if show is defined %}
                                    <input type="radio" id="noMostrar" value="false" name="show_assigned_studies" {% if show == false %} checked {% endif %} />
                                {% else %}
                                    <input type="radio" id="noMostrar" value="false" name="show_assigned_studies" />
                                {% endif %}
                                <label for="noMostrar"> {{ 'labels.no'|trans([], 'LocalizationBundle')}}</label>
                            </div>
                        </div>                        
                    </div>
                    {#Fin Compartir estudios asignados#}
                    <div class="clearfix"></div>
                    <div class="modal-footer">
                        <div class="col-sm-12">
                            <button id="closeWorkList" class="btn btn-default" data-dismiss="modal" aria-label="Close">
                                {{ 'button.close'|trans([], 'LocalizationBundle') }}
                            </button>
                            <button id="btnAplicarCambios" class="btn btn-primary" data-dismiss="modal" aria-label="Close">
                                {{ 'button.saveChanges'|trans([], 'LocalizationBundle') }}
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {# Settings Worklist #}
{% endblock content %}