{% 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 %};
        const _GROUP_STUDY = {{ _GROUP_STUDY }};
    </script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/datatable/datatables.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/indicator/js/jquery.dataTables.columnFilter.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/bootstrap-3.3.7/js/bootstrap.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 src="{{ asset('bundles/utilities/bootstrap-select/js/bootstrap-select.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/transcriptionHtml.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">
        var processOk = "{{ 'messages.processOk'|trans([], 'LocalizationBundle') }} ";
        var workList = "{{ 'utilities.workList'|trans([], 'LocalizationBundle') }}";
        var searchData = "{{ 'messages.searchData'|trans([], 'LocalizationBundle') }}";
        var pleaseWait = "{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}";
        var ajaxError = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}";
        var noSearchData = "{{ 'messages.noSearchData'|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 inUseMessage = "{{ 'messages.inUse.transcription'|trans([], 'LocalizationBundle') }}";
        var locale = '{{ app.request.locale }}';                
    </script>
{% endblock scripts %}
{% block content %}
    <div class="container-fluid">
        <div class="panel panel-default">
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-6">
                        <h4>{{ 'menu.transcrip'|trans([], 'LocalizationBundle') }}</h4>
                    </div>
                    <div class="col-md-6">
                        <span class="pull-right">
                            <button type="button" class="btn btn-primary" id="limpiar"><span class="glyphicon glyphicon-erase"></span>
                                {{ 'button.clearWorklist'|trans([], 'LocalizationBundle') }}
                            </button>
                            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#options-transcription">
                                <span class="glyphicon glyphicon-cog"></span>
                            </button>
                        </span>
                    </div>
                </div>

                {# Worklist #}
                <table id="tableTraWL" class="table table-hover table-transcription table-striped dataTable no-footer dtr-inline dt-responsive table-bordered" cellspacing="0" width="100%">
                    <thead>
                        <tr>                            
                            <th style="width: 2%">{{  'labels.idAgrupacion'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.date.fechaLectura'|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.Headquarter.singular'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.room'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.study.singular'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'modalities.modality'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.medicoAsignado'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.origin'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.devoluciones'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.priority'| trans([], 'LocalizationBundle') }}</th>                            
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <th>{{ 'labels.idAgrupacion'|trans([], 'LocalizationBundle') }}</th>                            
                            <th id="lbldateAppointment">{{ 'labels.date.fechaLectura'|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>{{ 'labels.patient.patientName'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.Headquarter.singular'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.room'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.study.singular'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'modalities.modality'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.medicoAsignado'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.origin'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.devoluciones'| trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.priority'| trans([], 'LocalizationBundle') }}</th>                           
                        </tr>
                    </tfoot>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
    {# options modal #}
    <div class="modal fade" id="options-transcription" 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">
                <form id="frmSettings" class="form-horizontal">
                    <div class="modal-header">
                        <h4 class="modal-title">{{ 'labels.opcionesConfiguracion'|trans([], 'LocalizationBundle') }}</h4>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" value="transcription" name="nameWorkList" />
                        {# Autoplay #}
                        <div class="form-group">
                          <label class="col-sm-4 control-label">{{ 'labels.autoPlay'|trans([], 'LocalizationBundle')}}</label>
                          <div class="col-sm-8">
                              <div class="radio radio-primary">
                                  {% if config and config.autoPlay is defined %}
                                      <input type="radio" id="autoPlayYes" value="yes" name="autoPlay" {% if config.autoPlay %} checked {% endif %} />
                                  {% else %}
                                      <input type="radio" id="autoPlayYes" value="yes" name="autoPlay" />
                                  {% endif %}
                                  <label for="autoPlayYes">{{ 'labels.yes'|trans([], 'LocalizationBundle')}}</label>
                              </div>
                              <div class="radio radio-primary">
                                  {% if config and config.autoPlay is defined %}
                                      <input type="radio" id="autoPlayNo" value="no"  name="autoPlay" {% if config.autoPlay == false %} checked {% endif %} />
                                  {% else %}
                                      <input type="radio" id="autoPlayNo" value="no" name="autoPlay" checked />
                                  {% endif %}
                                  <label for="autoPlayNo">{{ 'labels.no'|trans([], 'LocalizationBundle')}}</label>
                              </div>
                          </div>
                        </div>
                        <div class="col-sm-4"></div>
                        <div class=col-sm-8><hr></div>
                        {# Fin Autoplay #}
                        {# 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>
                        <div class="col-sm-4"></div>
                        <div class=col-sm-8><hr></div>
                        {# 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" style="font-weight:bold;"> {{ '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>
                        {# Modalidad #}
                        <div class="form-group">
                          <label class="col-sm-4 control-label">{{ 'modalities.modality'|trans([], 'LocalizationBundle') }}</label>
                          <div class="col-sm-8">
                              <div class="checkbox checkbox-primary checkbox-inline col-sm-3">
                                  {% if config %}
                                      <input id="allmodalities" {% if config.modality is defined and config.modality|length == modalidades|length %} checked {% endif %} type="checkbox">
                                  {% else %}
                                      <input id="allmodalities" checked  type="checkbox">
                                  {% endif %}
                                  <label for="allmodalities" style="font-weight:bold;"> {{ 'labels.all'|trans([], 'LocalizationBundle') }} </label>
                              </div>
                              {% for md in modalidades %}
                                  <div class="checkbox checkbox-primary checkbox-inline col-sm-3">
                                      {% if config %}
                                          <input id="{{ md.varMod }}" class="checkboxModality" name="{{ md.varMod }}" {% if config.modality is defined and md.varMod in config.modality %} checked {% endif %} type="checkbox" />
                                      {% else %}
                                          <input id="{{ md.varMod }}" class="checkboxModality" name="{{ md.varMod }}" checked type="checkbox" />
                                      {% endif %}
                                      <label for="{{ md.varMod }}">{{ md.varMod }}</label>
                                  </div>
                              {% endfor %}
                          </div>
                        </div>
                        <div class="col-sm-4"></div>
                        <div class=col-sm-8><hr></div>
                        {# Columnas #}
                        <div class="form-group">
                          <label class="col-sm-4 control-label">{{ 'labels.mostrarColumnas'|trans([], 'LocalizationBundle') }}</label>
                          <div class="col-sm-8">
                              <div class="checkbox checkbox-primary">
                                  <input id="heardquarterColumn" name="heardquarterColumn" {% if config and config.columns.heardquarterColumn %} checked {% endif %} type="checkbox">
                                  <label for="heardquarterColumn"> {{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }} </label>
                              </div>
                              <div class="checkbox checkbox-primary">
                                  <input id="roomColumn" {% if config and config.columns.roomColumn %} checked {% endif %} name="roomColumn" type="checkbox">
                                  <label for="roomColumn"> {{ 'labels.room'|trans([], 'LocalizationBundle') }} </label>
                              </div>
                              <div class="checkbox checkbox-primary">
                                  <input id="modalitycolumn" name="modalitycolumn" {% if config and config.columns.modalitycolumn %} checked {% endif %} type="checkbox">
                                  <label for="modalitycolumn"> {{ 'modalities.modality'|trans([], 'LocalizationBundle') }} </label>
                              </div>
                              <div class="checkbox checkbox-primary">
                                  <input id="procedenciacolumn" name="procedenciacolumn" {% if config and config.columns.procedenciacolumn %} checked {% endif %} type="checkbox">
                                  <label for="procedenciacolumn"> {{ 'labels.origin'|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>
                        {# 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-sm-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>
                        <div class="clearfix"></div>

                        <div class="modal-footer">
                            <span class="pull-right">
                                <button class="btn btn-default" id="closeWorkList" data-dismiss="modal" aria-label="Close">
                                    {{ 'button.close'|trans([], 'LocalizationBundle') }}
                                </button>
                                <button class="btn btn-primary" data-dismiss="modal" id="saveConfig">
                                    {{ 'button.saveChanges'|trans([], 'LocalizationBundle') }}
                                </button>
                            </span>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {# End modal options #}
{% endblock content %}