{# Validate template #}
{% extends'ValidateBundle:Default:validateBase.html.twig' %}
{% block content %}
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <img src="{{ asset('bundles/main/images/hiruko.svg') }}" style="height:40px;margin-top:5px;">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <form id="validatetranscripcion" name="validatetranscripcion">
                <input id="number_consultation" name="number_consultation" type="hidden"
                       value="{{ validateData.0.appointmentCode }}"/>
                <input id="number_status" name="number_status" type="hidden"
                       value="{{ validateData.0.appointmentStatus }}"/>
            </form>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    {# Lectura adicional #}
                    <li><a id="addReading">{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}</a>
                    </li>
                    {# Fin Lectura adicional #}
                    <li><a id="devolucionesModal" data-backdrop="static" data-keyboard="false" data-toggle="modal"
                           data-target="#modalreturnStudy">{{ 'labels.return.label'|trans([], 'LocalizationBundle') }}</a>
                    </li>
                    {% if validateData.0.devolution %}
                        <li><a id="devModal" data-toggle="modal"
                               data-target="#modalDevoluciones">{{ 'labels.devoluciones'|trans([], 'LocalizationBundle') }}</a>
                        </li>
                    {% endif %}
                    <li><a id="medicalOrder">{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}</a></li>

                    {# Se valida si existe una encuesta asignada para esta cita #}
                    {% if (dynamicSurvey is empty) %}
                        {# Información clínica segun la modalidad #}
                        {% if (validateData.0.idModality !='US') %}
                            {% if (validateData.0.idModality !='MG') %}
                                <li>
                                    <a id="clinicalData" style="cursor:pointer;" data-toggle="modal"
                                       data-target="#modalclinicalData">
                                        {{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}
                                    </a>
                                </li>
                            {% else %}
                                <li>
                                    <a id="encuestaMammo" style="cursor:pointer;" data-toggle="modal"
                                       data-target="#modalencuestaMammo">
                                        {{ 'labels.mammo.encuesta'|trans([], 'LocalizationBundle') }}
                                    </a>
                                </li>
                            {% endif %}
                        {% endif %}
                    {% endif %}

                    {% if (validateData.0.idModality == 'MG' and  mammography_report == true) %}
                        <li>
                            <a id="dataMammographyRadiologistButton" style="cursor:pointer;" data-toggle="modal"
                               data-target="#modaldataMammography">
                                {{ 'messages.infoMamo'|trans([], 'LocalizationBundle') }}
                            </a>
                        </li>
                    {% endif %}

                    {% set modalidades = ['PET','CTPT','PT','SPECT MN','CTMN','NM'] %}

                    {% if validateData.0.idModality in modalidades %}
                        <li>
                            <a id="petModal" data-toggle="modal" data-target="#modaldatosPet" data-backdrop="static"
                               data-keyboard="false">
                                {{ 'labels.datosPET'|trans([], 'LocalizationBundle') }}
                            </a>
                        </li>
                    {% endif %}

                    {% if(validateData.0.idModality == 'CT' and dynamicSurvey is empty) %}
                        <li>
                            <a id="ctModal" data-toggle="modal" data-target="#modalCTData">
                                {{ 'labels.encuestaCT.label'|trans([], 'LocalizationBundle') }}
                            </a>
                        </li>
                    {% endif %}

                    {#{% if(validateData.0.idModality == 'MR') and encuesta_mr == true %}#}
                    {% if(validateData.0.idModality == 'MR' and encuesta_mr == 'true' and dynamicSurvey is empty) %}
                        <li>
                            <a id="mrModal" data-toggle="modal" data-target="#modalMRData">
                                EncuestaMR
                            </a>
                        </li>
                    {% endif %}
                    {#FIN Información clínica segun la modalidad #}
                    
                    {# Codigo para habilitar las encuestas dinamicas #}
                    {% if (dynamicSurvey is not empty and is_granted('ROLE_SURVEYS_VIEW')) %}
                        <li>
                            <a id="dsModal" data-toggle="modal" data-target="#modalDynamicSurvey">
                                {{ 'dynamicSurvey.title.label'|trans([], 'LocalizationBundle') }}
                            </a>
                        </li>
                    {% endif %}
                    
                    <li class="danger">
                        <a  id="close" href="{{ path('reading_ValidationWorklistHtml') }}"><span
                            class="glyphicon glyphicon-remove-circle"></span> {{ 'button.close'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4">
                {# Player #}
                <div class="row">
                    {% if urlRecords %}
                        <div id="hrkplayer">
                            {# Player buttons #}
                            <div class="col-md-12">
                                <div class="btn-group" role="group" style="text-align: center;">
                                    <button class="btn btn-default" onclick="wavesurfer.skipBackward()">
                                        <span class="glyphicon glyphicon-backward"></span>
                                    </button>
                                    <button class="btn btn-default" id="playPause">
                                    <span id="play">
                                        <span class="glyphicon glyphicon-play"></span>
                                    </span>

                                        <span id="pause">
                                        <span class="glyphicon glyphicon-pause"></span>
                                    </span>
                                    </button>
                                    <button class="btn btn-default" onclick="wavesurfer.skipForward()">
                                        <span class="glyphicon glyphicon-forward"></span>
                                    </button>
                                </div>
                            </div>
                            {# End Payer buttons #}
                            <div class="col-md-12">
                                <div id="waveform"></div>
                                <div id="wave-timeline"></div>
                            </div>

                            <div class="clearfix"></div>
                            {# playlist #}
                            <div class="col-md-12">
                                <div class="list-group playlist-adendum" id="playlist">
                                    {% for grabacion in urlRecords %}
                                        <a href="{{ asset(grabacion.url) }}" class="list-group-item">
                                            <i class="glyphicon glyphicon-play"></i>
                                            {{ loop.index }} - {{ grabacion.firstname }} {{ grabacion.lastname }} - {{ grabacion.current|date }}
                                        </a>
                                    {% endfor %}
                                </div>
                            </div>
                            {# End playlist #}
                        </div>
                    {% else %}
                        <div class="col-md-12">
                            <div class="list-group" id="playlist">
                            <span class="list-group-item"><i class="glyphicon glyphicon-alert"> </i>
                                {{ 'messages.noRecord'|trans([], 'LocalizationBundle') }}</span>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    {% endif %}
                </div>
                {# End player #}
                {# Additional readings #}
                <ul class="list-group">
                    <div id="listAdditional">
                        {% for additionalTrans in validateData.0.additionalTrans %}
                            {% if additionalTrans.isAuxTransValidated %}
                                <div id="div{{ loop.index }}">
                                    <li class="list-group-item">
                                        <a class="openAdditionalTrans" data-validate="1"
                                           data-id="{{ additionalTrans.idAuxiliaryTranscription }}">{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}
                                            # {{ loop.index }} <span id="span{{ loop.index }}"
                                                                     class="pull-right label label-success">{{ 'labels.status.validado'|trans([], 'LocalizationBundle') }}</span></a>
                                    </li>
                                </div>
                            {% else %}
                                <div id="div{{ loop.index }}">
                                    <li class="list-group-item">
                                        <a class="openAdditionalTrans" data-validate="0"
                                           data-id="{{ additionalTrans.idAuxiliaryTranscription }}">{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}
                                            # {{ loop.index }} <span id="span{{ loop.index }}"
                                                                     class="pull-right label label-danger">{{ 'labels.status.ValidationPending'|trans([], 'LocalizationBundle') }}</span></a>
                                    </li>
                                </div>
                            {% endif %}
                        {% endfor %}
                    </div>
                </ul>
                <div class="col-md-12">

                </div>
                {# End Additional readings #}
                <div class="clearfix"></div>
                <div>
                    <div class="panel panel-default">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <h4>{{ dataPatient.0.firstName }} {{ dataPatient.0.secondName }} {{ dataPatient.0.firstLastName }} {{ dataPatient.0.secondLastName }}</h4>
                                    <h5>{{ dataPatient.0.docType }} {{ dataPatient.0.document }}</h5>
                                    <h5>{{ 'labels.patient.birthDate'|trans([], 'LocalizationBundle') }}
                                        : {{ dataPatient.0.dateBirth|date('Y-m-d') }}</h5>
                                    <h5>{{ 'labels.patient.age'|trans([], 'LocalizationBundle') }}
                                        : {{ agePatient }}</h5>
                                    <h5>{{ 'labels.patient.weight'|trans([], 'LocalizationBundle') }}: {{ validateData.0.studyData.0.weight }} kg</h5>
                                    <hr>
                                </div>
                                {% if validateData.0.studyUid != '' %}
                                    <div class="col-md-12">
                                        {% if os == 'Mac' and visor_osirix %}
                                            <button class="btn btn-default" id="visorOsirix">{{ 'labels.viewers.osirix'|trans([], 'LocalizationBundle') }}</button>
                                        {% elseif os == 'Windows' and visor_alma %}
                                            <button class="btn btn-default" id="visorHiruko">{{ 'labels.viewers.alma'|trans([], 'LocalizationBundle') }}</button>
                                        {% endif %}

                                        {# Visor XEN Viewer #}
                                        {% if xen_viewer %}
                                            <button class="btn btn-default" id="visorXen">{{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}</button>
                                        {% endif %}
                                        {# Visor movil #}
                                        {% if os == 'iPhone' or os == 'Android' %}
                                            <a  id="viewer_mobile" class="btn btn-default">
                                                {{ 'labels.viewers.mobile'|trans([], 'LocalizationBundle') }}
                                            </a>
                                        {% endif %}
                                    </div>
                                {% endif %}

                                <div class="col-md-12">
                                    <h5>
                                        <strong>{{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }}:</strong>
                                        {{ validateData.0.headquarterName }}
                                    </h5>
                                    <h5>
                                        <strong>{{ 'labels.date.normal'|trans([], 'LocalizationBundle') }}:</strong>
                                        {{ validateData.0.appointmentDate|date('Y-m-d') }}
                                    </h5>
                                    <h5>
                                        <strong>{{ 'labels.study.plural'|trans([], 'LocalizationBundle') }}</strong>:
                                    </h5>
                                    <h5>
                                        <ul>
                                            {% for name in validateData.0.studyData %}
                                                {% set nombreInsumos = '' %}
                                                {% if name.nombreInsumo|length %}
                                                    {% set nombreInsumos = ', '~name.nombreInsumo %}
                                                {% endif %}
                                                <li>{{ name.studyName }}{{ nombreInsumos }}</li>
                                            {% endfor %}
                                        </ul>
                                    </h5>
                                    <h5>
                                        <strong>{{ 'modalities.modality'|trans([], 'LocalizationBundle') }}</strong>:
                                        {{ validateData.0.modalityName }}
                                    </h5>
                                    <h5>
                                        <strong>{{ 'labels.technologist'|trans([], 'LocalizationBundle') }}:</strong>
                                        {% if validateData.0.firstNameTec is defined %}
                                        {{ validateData.0.firstNameTec }} {{ validateData.0.lastNameTec }}</h5>
                                    {% else %}
                                        -
                                    {% endif %}
                                    <h5>
                                        <strong>{{ 'labels.reading'|trans([], 'LocalizationBundle') }}</strong>:
                                        {{ validateData.0.firstNameRead }} {{ validateData.0.lastNameRead }}
                                    </h5>
                                    <h5>
                                        <strong>{{ 'labels.transcription'|trans([], 'LocalizationBundle') }}</strong>:
                                        {{ validateData.0.firstNameTrans }} {{ validateData.0.lastNameTrans }}
                                    </h5>
                                    {% if validateData.0.referring != '' %}
                                        <h5>
                                            <strong>{{ 'labels.role.doctor_referring'|trans([], 'LocalizationBundle') }}</strong>:
                                            {{ validateData.0.referring }}
                                        </h5>
                                    {% endif %}
                                    {# Birads #}
                                    {% if (validateData.0.idModality == 'MG') or (validateData.0.idModality == 'US' and validateData.0.birad == 't') %}
                                        <div class="panel panel-default">
                                            <div class="panel-body">
                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <h5>Birads</h5>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <select data-style="btn-primary" class="selectpicker form-control" id="databirads" >
                                                            <option value="">{{ 'button.select'|trans([], 'LocalizationBundle') }}</option>
                                                            <option value="N/A">N/A</option>
                                                            <option value="0">0</option>
                                                            <option value="1">1</option>
                                                            <option value="2">2</option>
                                                            <option value="3">3</option>
                                                            <option value="4A">4A</option>
                                                            <option value="4B">4B</option>
                                                            <option value="4C">4C</option>
                                                            <option value="5">5</option>
                                                            <option value="6">6</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    {% endif %}
                                    {# End Birads #}
                                </div>

                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {# Editor #}
            <div id="mainTranscription">
                <div class="col-md-8">
                    <div class="row">
                        <div class="col-md-12">
                            <button class="btn btn-default" data-toggle="tooltip" data-placement="top" id="preSaveValidate"
                                    title="{{ 'labels.preguardado.action'|trans([], 'LocalizationBundle') }}">
                                <span class="glyphicon glyphicon-floppy-disk"></span>
                            </button>
                            <button class="btn btn-default" data-toggle="tooltip" data-placement="top" id="preView"
                                    title="{{ 'labels.preview'|trans([], 'LocalizationBundle') }}">
                                <span class="glyphicon glyphicon-eye-open"></span>
                            </button>
                            <button class="btn btn-primary btn-send pull-right"
                                    id="validate"> {{ 'labels.action.validate'|trans([], 'LocalizationBundle') }}</button>
                        </div>
                    </div>
                    <div class="editorRV-container">
                        <div class="editorRV editor0" name="editor0" id="editor0" contenteditable="true">{{ validateData.0.transcriptionText|raw }}</div>
                    </div>
                </div>
            </div>
            {# End editor #}
            {# Validar lectura adicional #}
            <div id="divAdditionalTransContainer">
                {% for additionalTrans in validateData.0.additionalTrans %}
                    <div id="{{ additionalTrans.idAuxiliaryTranscription }}" style="display: none"
                         class="divAdditionalTrans" data-txtarea="editor{{ loop.index }}">
                        <div class="col-md-8">
                            <div class="row">
                                <div class="col-md-12">
                                    <h4>{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}
                                        # {{ loop.index }}
                                    </h4>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <span class="pull-right">
                                        <button class="btn btn-danger removeAdditionalTrans"
                                                data-div='div{{ loop.index }}' data-id='{{ additionalTrans.idAuxiliaryTranscription }}'>{{ 'button.eliminar'|trans([], 'LocalizationBundle') }}</button>
                                        <button class="btn btn-primary closeAdditionalTrans">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                                        <button class="btn btn-primary validateAdditionalTrans"
                                                data-id='{{ additionalTrans.idAuxiliaryTranscription }}'
                                                data-txtarea='editor{{ loop.index }}'
                                                data-span='span{{ loop.index }}'>{{ 'labels.action.validate'|trans([], 'LocalizationBundle') }}</button>
                                    </span>
                                </div>
                            </div>
                            <div class="editorRV-container">
                                <div class="editorRV" name="editor{{ loop.index }}" id="editor{{ loop.index }}" contenteditable="true">{{ additionalTrans.auxiliaryTranscription|raw }}</div>
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
            {# Fin validar lectura adicional #}
            {# Adicional Lectura #}
            <div id="divAddAdditional" style="display: none">
                <div class="col-md-8">
                    <div class="row">
                        <div class="col-md-12">
                            <h4>{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}</h4>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <select class="selectpicker" id="plant1" title="{{ 'button.select'|trans([], 'LocalizationBundle') }} {{ 'labels.template'|trans([], 'LocalizationBundle') }}" data-live-search="true">
                                {% if validateData.0.tempList is defined %}
                                    {% for t in validateData.0.tempList %}
                                        <option value="{{ t.idTemplate }} ">{{ t.name }}</option>
                                    {% endfor %}
                                {% endif %}
                            </select>
                            <button class="btn btn-default" id="cargarPlantilla" >{{ 'button.plantilla'|trans([], 'LocalizationBundle') }}</button>
                            <span class="pull-right">
                                <button class="btn btn-primary closeAdditionalTrans">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                                <button id="btnAddAdditional"
                                        class="btn btn-primary">{{ 'button.saveValidate'|trans([], 'LocalizationBundle') }}</button>
                            </span>
                        </div>
                    </div>
                    <div class="editorRV-container">
                        <div class="editorRV" name="editorAdd" id="editorAdd" contenteditable="true"></div>
                    </div>
                </div>
            </div>
            {# Fin Adicional Lectura #}
        </div>
    </div>
    {# Modal windows #}
    {# Bloque para datos PET #}
    <div class="modal fade" id="modaldatosPet" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">{{ 'labels.datosPET'|trans([], 'LocalizationBundle') }}</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-4">
                        <label>{{ 'labels.patient.weight'|trans([], 'LocalizationBundle') }} Kg</label>
                    </div>
                    <div class="col-md-8">
                        {% if validateData.0.studyData.0.peso == '' and validateData.0.studyData.0.weight != '' %}
                            {% set weight_pet = validateData.0.studyData.0.weight %}
                        {% else %}
                            {% set weight_pet = validateData.0.studyData.0.peso %}
                        {% endif %}
                        <input id="peso" name="peso" class="form-control required input-pet" value="{{ weight_pet|raw }}"
                               onkeypress="return soloNumeros(event);"/>
                        <input id="guardado" value="{{ weight_pet|raw }}" type="hidden"/>
                    </div>
                    <div class="clearfix"></div>
                    <div class="col-md-12 spacer"></div>
                    <div class="col-md-4">
                        <label>{{ 'labels.categorias.oncologia'|trans([], 'LocalizationBundle') }}</label>
                    </div>
                    <div class="col-md-8">
                        <select id="oncologia" class="form-control selectpicker required" data-live-search="true">
                            <option value="0">{{ 'button.select'|trans([], 'LocalizationBundle') }}</option>
                            {% for oncologia in listoncologia %}
                                {% if (oncologia.varOncologia==validateData.0.studyData.0.idOncologia) %}
                                    {% set  selectedoncologia='selected' %}
                                {% else %}
                                    {% set  selectedoncologia='' %}
                                {% endif %}
                                <option value="{{ oncologia.varOncologia }}" {{ selectedoncologia }}>{{ oncologia.nombre }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-md-12 spacer"></div>
                    <div class="col-md-4">
                        <label>{{ 'labels.categorias.neuroPsiq'|trans([], 'LocalizationBundle') }}</label>
                    </div>
                    <div class="col-md-8">
                        <select id="neuropsiquiatria" class="form-control selectpicker required" data-live-search="true">
                            <option value="0">{{ 'button.select'|trans([], 'LocalizationBundle') }}</option>
                            {% for neuro in listneuro %}
                                {% if (neuro.varNeuroPsiquiatria==validateData.0.studyData.0.idNeuroPsiquiatria) %}
                                    {% set  selectedneuro='selected' %}
                                {% else %}
                                    {% set  selectedneuro='' %}
                                {% endif %}
                                <option value="{{ neuro.varNeuroPsiquiatria }}" {{ selectedneuro }}>{{ neuro.nombre }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-md-12 spacer"></div>
                    <div class="col-md-4">
                        <label>{{ 'labels.categorias.cardio'|trans([], 'LocalizationBundle') }}</label>
                    </div>
                    <div class="col-md-8">
                        <select id="cardiologia" class="form-control selectpicker required" data-live-search="true">
                            <option value="0">{{ 'button.select'|trans([], 'LocalizationBundle') }}</option>
                            {% for cardiologia in listcardiologia %}
                                {% if (cardiologia.varCardiologia==validateData.0.studyData.0.idCardiologia) %}
                                    {% set  selectedcardiologia='selected' %}
                                {% else %}
                                    {% set  selectedcardiologia='' %}
                                {% endif %}
                                <option value="{{ cardiologia.varCardiologia }}" {{ selectedcardiologia }}>{{ cardiologia.nombre }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-md-12 spacer"></div>
                    <div class="col-md-4">
                        <label>{{ 'labels.categorias.infectologia'|trans([], 'LocalizationBundle') }}</label>
                    </div>
                    <div class="col-md-8">
                        <select id="infectologia" class="form-control selectpicker required" data-live-search="true">
                            <option value="0">{{ 'button.select'|trans([], 'LocalizationBundle') }}</option>
                            {% for infectologia in listinfectologia %}
                                {% if (infectologia.varInfectologia==validateData.0.studyData.0.idInfectologia) %}
                                    {% set  selectedinfectologia='selected' %}
                                {% else %}
                                    {% set  selectedinfectologia='' %}
                                {% endif %}
                                <option value="{{ infectologia.varInfectologia }}" {{ selectedinfectologia }}>{{ infectologia.nombre }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-md-12 spacer"></div>
                    <div class="clearfix"></div>
                    <div class="col-md-12" style="margin-bottom:20px;"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="closeDatosPet"
                            data-dismiss="modal">{{ 'button.cancel'|trans([], 'LocalizationBundle') }}</button>
                    <button type="button" class="btn btn-primary"
                            id="saveDatosPet">{{ 'button.save'|trans([], 'LocalizationBundle') }}</button>
                </div>
            </div>
        </div>
    </div>
    {# fin datos PET #}
    
    {# Se valida si existe una encuesta dinamica asignada a esta cita #}
    {% if(dynamicSurvey is empty) %}
        {# Condicional para mostrar encuesta MG o datos clinicos segun modalidad #}
        {% if(validateData.0.idModality =='MG') %}
            <div class="modal fade" id="modalencuestaMammo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title"
                                id="myModalLabel">{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}</h4>
                        </div>
                        <div class="modal-body">
                            {# {% include 'PatientBundle:Patient:ViewDataMammography.html.twig' %} #}
                            <iframe src="{{ path('reading_dictation_encuestaMamografia', {'appCode': validateData.0.appointmentCode , 'mode': 'lecturaHTML5'}) }}"
                                    width="100%" style="height:80vh;" frameborder="0"></iframe>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" id="closeencuestaMammo"
                                    data-dismiss="modal">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="modaldataMammography" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title"
                                id="myModalLabel">{{ 'messages.infoMamo'|trans([], 'LocalizationBundle') }}</h4>
                        </div>
                        <div class="modal-body">
                            <iframe src="{{ path('reading_dictation_informeMamografia', {'cit': validateData.0.appointmentCode }) }}"
                                    width="100%" style="height:80vh;" frameborder="0"></iframe>
                        </div>
                        <div class="modal-footer hidden">
                            <button type="button" class="btn btn-primary" id="closedataMammography"
                                    data-dismiss="modal">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        {% else %}
            <div class="modal fade" id="modalclinicalData" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title"
                                id="myModalLabel">{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}</h4>
                        </div>
                        {% set actual = [validateData.0.studyData.0] %}
                        <div class="modal-body">
                            {% include 'PatientBundle:Patient:ViewDataClinicalPatient.html.twig' %}
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" id="closeclinicalData"
                                    data-dismiss="modal">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
        {# fin datos clinicos o encuesta MG #}
    {% endif %}

    {# datos para CT #}
    {% if(validateData.0.idModality =='CT' and dynamicSurvey is empty) %}
        <div class="modal fade" id="modalCTData" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title"
                            id="myModalLabel">{{ 'labels.encuestaCT.label'|trans([], 'LocalizationBundle') }}</h4>
                    </div>
                    <div class="modal-body">
                        {% if numero_encuesta_ct == '1' %}
                            <iframe src="{{ path('reading_dictation_encuestaCT', {'appCode': validateData.0.appointmentCode , 'mode': 'lecturaHTML5'}) }}" width="100%" style="height:90vh;" frameborder="0" ></iframe>
                        {% elseif numero_encuesta_ct == '2' %}
                            <iframe src="{{ path('reading_dictation_encuestaCT2', {'appCode': validateData.0.appointmentCode , 'mode': 'lecturaHTML5'}) }}" width="100%" style="height:55vh;" frameborder="0" ></iframe>
                        {% endif %}
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="closeCTData"
                                data-dismiss="modal">{{ 'button.cancel'|trans([], 'LocalizationBundle') }}</button>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
    {# fin datos para CT #}

    {# datos para MR #}
    {% if(validateData.0.idModality =='MR'  and encuesta_mr == 'true' and dynamicSurvey is empty) %}
        <div class="modal fade" id="modalMRData" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="myModalLabel">Encuesta MR</h4>
                    </div>
                    <div class="modal-body">
                        <iframe src="{{ path('reading_dictation_encuestaMR', {'appCode': validateData.0.appointmentCode, 'mode': 'lecturaHTML5'}) }}" width="100%" style="height:90vh;" frameborder="0" ></iframe>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="closeCTData" data-dismiss="modal">{{ 'button.cancel'|trans([], 'LocalizationBundle') }}</button>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}

    {# Block para los datos de devoluciones #}
    <div class="modal fade" id="modalDevoluciones" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">{{ 'labels.devoluciones'|trans([], 'LocalizationBundle') }}</h4>
                </div>
                <div class="modal-body">
                    <table class="table dataMTable">
                        <thead>
                        <tr>
                            <th>{{ 'labels.numero'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.date.normal'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.proceso'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.reasons_return'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.role.usuario'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.comentTec'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.comentRad'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.comentTra'|trans([], 'LocalizationBundle') }}</th>
                        </tr>
                        </thead>
                        <tbody id="bodyDevolution">
                        {% for dev in validateData.0.devolution %}
                            <tr>
                                <td>{{ loop.index }}</td>
                                <td>{{ dev.current }}</td>
                                <td>{{ dev.nextStep }}</td>
                                <td>{{ dev.motiveDevolution }}</td>
                                <td>{{ dev.firstname }} {{ dev.lastname }}</td>
                                <td>{{ dev.commentNewSendTechnologist }}</td>
                                <td id="td{{ loop.index }}">
                                        <span id="content_{{ loop.index }}">
                                            {{ dev.commentNewSendRadiologist }}
                                        </span>

                                    <div class="clear-fix">
                                        <a style="text-decoration:none" class="newComment a_{{ loop.index }} btn btn-primary"
                                           data-idComment="comment{{ loop.index }}" data-appcode="{{ dev.appointmentCode }}"
                                           data-iddevol="{{ dev.idDevolutionHistoric }}" data-indexnum="{{ loop.index }}"
                                           data-toggle="tooltip" data-placement="bottom"
                                           data-original-title="{{ 'reading.commentAdd'|trans([], 'LocalizationBundle') }}">
                                            <span class="glyphicons glyphicon-plus"></span>
                                        </a>

                                        <a class="hideComment hidden r_{{ loop.index }} btn btn-danger" data-toggle="tooltip" data-placement="bottom"
                                           data-original-title="{{ 'reading.commentAdd'|trans([], 'LocalizationBundle') }}" data-indexnum="{{ loop.index }}">
                                            <span class="glyphicons glyphicon-minus"></span>
                                        </a>
                                    </div>
                                </td>
                                <td>{{ dev.commentNewSendTranscription }}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                        <tfoot>
                        <tr class="hidden commentMessage">
                            <td colspan="8">
                                <textarea class="form-control" id="commentContent" placeholder="{{ 'reading.commentAdd'|trans([], 'LocalizationBundle') }}"></textarea>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                    <button class="btn btn-primary addComment">{{ 'button.save'|trans([], 'LocalizationBundle') }}</button>
                </div>
            </div>
        </div>
    </div>
    {# fin devoluciones #}
    {# Devolver estudio #}
    <div class="modal fade" id="modalreturnStudy" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"
                        id="myModalLabel">{{ 'labels.return.label'|trans([], 'LocalizationBundle') }}</h4>
                </div>
                <div class="modal-body">
                    <h5>{{ 'labels.reasons_return'|trans([], 'LocalizationBundle') }}</h5>
                    <textarea id="devolutionMotive" class="form-control" style="height:200px;"></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary"
                            data-dismiss="modal">{{ 'button.cancel'|trans([], 'LocalizationBundle') }}</button>
                    <button type="button"
                            class="btn btn-danger" id="devoleValidate">{{ 'labels.return.label'|trans([], 'LocalizationBundle') }}</button>
                </div>
            </div>
        </div>
    </div>
    {# Fin devolver estudio #}
    
    {# Visualizar Encuesta Dinamica #}
    {% if (dynamicSurvey is not empty and is_granted('ROLE_SURVEYS_VIEW')) %}
        <div class="modal fade" id="modalDynamicSurvey" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                      <h4 class="modal-title" id="myModalLabel">
                          {{ 'dynamicSurvey.title.label'|trans([], 'LocalizationBundle') }}
                      </h4>
                    </div>
                    <div class="modal-body">
                        <iframe 
                            src="{{ path('hiruko_view_data_surveys', {'registerId': dynamicSurvey.register}) }}" 
                            width="100%" 
                            style="height:90vh;background-color: #FFF" 
                            frameborder="0" 
                        >
                        </iframe>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="closeCTData" data-dismiss="modal">
                            {{ 'button.cancel'|trans([], 'LocalizationBundle') }}
                        </button>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
    
    {# End Modal windows #}

{% endblock content %}
{% block scripts %}
    <script>
        {% if app.user.config.viewer is defined %}
        {# xen_viewer_autoload se debe cambiar el valor por el que sea elegido por el usuario true: apertura automática de xen_viewer, false: no se abre automáticamente el xen_viewer #}
        var viewerAutoLoad = '{{ app.user.config.viewer }}';
        {% else %}
        var viewerAutoLoad = 1;
        {% endif %}
        var pdf_reporte_his = '{{ pdf_reporte_his }}';
        var transId = '{{ validateData.0.idTranscription }}';
        var url_previous_status = '{{ path("setWorkFlowToPreviousStatus") }}';
        var inactividad= '{{ inactivity_timer }}';
        var msmValidado = '{{ 'labels.status.validado'|trans([], 'LocalizationBundle') }}';
        var ckeditorConfig = '{{ asset('bundles/utilities/ckeditorOffice/transcriptionConfig.js') }}';
        var ckeditorConfigVR = '{{ asset('bundles/utilities/ckeditorOffice/transcriptionConfig.js') }}'
        var appointmentCode = '{{ validateData.0.appointmentCode }}';
        var rasr = '{{ validateData.0.idRoomAppointmentStudyReceipt }}';
        var seguro = '{{ 'messages.seguro'|trans([], 'LocalizationBundle') }}';
        var perderaInfo = '{{ 'messages.datosEliminados'|trans([], 'LocalizationBundle') }}';
        var closer = '{{ asset('bundles/utilities/images/closeIcon.svg') }}';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var loading = '{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle') }}';
        var acept = '{{ 'button.acept'|trans([], 'LocalizationBundle') }}';
        var errorTemplate = "{{ 'messages.selplantilla'|trans([], 'LocalizationBundle') }}";
        var pleaseWait = '{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}';
        var missingValidate = '{{ 'labels.missingValidate'|trans([], 'LocalizationBundle') }}';
        var sureSent = '{{ 'messages.seguroValidarEnviar'|trans([], 'LocalizationBundle') }}';
        var modality = '{{ validateData.0.idModality }}';
        var saveMsg = '{{ 'messages.saveok'|trans([], 'LocalizationBundle') }}';
        var urlMedicalOrder = '{{ asset("bundles/utilities/internalOrder/") }}';
        var urlNoMedicalOrder = '{{ asset("bundles/utilities/images/sinorden.pdf") }}';
        var medicalOrder = '{{ validateData.0.urlM }}';
        var deleteFile = '{{ path('deleteFile') }}';
        var urlPrintPDF = '{{ path('PrintResultPDF',{'per': rasr } ) }}';
        var devolution = '{{ validateData.0.devolution.0.appointmentCode|default('no')}}';
        var commentAdd = "{{ 'reading.commentAdd'|trans([], 'LocalizationBundle') }}";
        var textoValido = '{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}';
        var devolverEstudio = '{{ 'messages.devolverEstudio'|trans([], 'LocalizationBundle') }}';
        var urlXenViewer = '{{ url_imex_xen_viewer }}';
        var url_imex_xen_viewer_mobile = '/m/';
        var urlOsirix = '{{ url_visor_osirix }}';
        var urlAlma = '{{ url_visor_alma | raw }}';
        var uid = '{{validateData.0.studyUid}}';
        var errorBiradsUpdate = '{{ 'labels.valueBirads'|trans([], 'LocalizationBundle') }}: {{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}';
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}";
        var birads = '{{ validateData.0.birads }}';
        var windowXenViewer = null;
        var contentData = '';
        var commentIndex = '';
        var os = '{{ validateData.0.os }}';
        {% if is_granted('ROLE_VR') %}
        var rv = true;
        var activatedNusa = true;        
        var _LOCALE = '{{ LOCALE }}';
        var _SPELLCHECK = '{{ SPELLCHECK }}';
        function activateCommand() {
            return 'true-validate';
        }
        {% endif %}
    </script>
    <script type="text/javascript" src="{{ asset('bundles/validate/js/ajax/validateView.js') }}"></script>
{% endblock scripts %}