{# template for HTML5 readin with voice recognition #}
{% extends'ReadingBundle:Default:noMenuHtml5ReadingVR.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>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    {# respuestas segunda opinion #}
                    {% if rowResponse|length > 0%}
                        {% set contador = 0 %}
                        <div id="dialogRespSecondOpinion" class="request-opinion" style="display:none;text-align:left;height:100%;">
                            <div class="close-dialog" style="width:100%;height:30px;text-align:right;border-bottom: 1px solid #52595f;margin-bottom:5px;">
                                <i id="close_responses" class="icon-remove rm-responses"></i>
                            </div>
                            <div class="responses-container" style="overflow-y:scroll;height:90%;background:#f0f0f0;color:#333;padding:15px;">
                                {% for respuestas in rowResponse %}
                                    {% if respuestas.status == true %}
                                        <div class="individual-response" style="width:100%;margin-bottom:10px;border-bottom:1px solid #ddd;">
                                            <strong>{{ respuestas.firstname }} {{ respuestas.lastname }}</strong><br>
                                            <div id="comentSecOpi" class="comments-request" style="display:block;">
                                               {{ respuestas.secondOpinion|raw }}
                                            </div>
                                        </div>
                                        {% set contador = contador+1 %}
                                    {% endif %}
                                {% endfor %}
                            </div>
                        </div>
                        <li>
                            <a id="startResp" class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
                                <i class="icon-comment respuestas"></i>
                                <span id="respPreg" >{{ contador }}/{{ rowResponse|length }}</span>
                            </a>
                        </li>
                        <input type="hidden" id="numResp" value="{{ contador }}" />
                    {% endif %}
                    {# fin respuestas segunda opinion #}

                    {# Lectura adicional #}
                    <li id="block-list">
                        <a id="newReading" {% if textTranscription.0.transcriptionText == '' %} class="hidden" {% endif %}  data-toggle="modal" data-target="#addreading">
                            {{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>
                    {# Fin Lectura adicional #}

                    {% if actual.0.pasoLectura != true %}
                        <li>
                            <a style="cursor:pointer;" id="devolucionesModal" data-toggle="modal" data-target="#modalDevEstudio" data-backdrop="static" data-keyboard="false">
                                {{ 'labels.return.label'|trans([], 'LocalizationBundle') }}
                            </a>
                        </li>
                    {% endif %}
                    {% if devolution %}
                        <li>
                            <a style="cursor:pointer;" id="devModal" data-toggle="modal" data-target="#modalDevoluciones">
                                {{ 'labels.devoluciones'|trans([], 'LocalizationBundle') }}
                            </a>
                        </li>
                    {% endif %}
                    <li>
                        <a style="cursor:pointer;" id="startRequest" >
                            {{ 'button.secondOpinion'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>
                    <li>
                        <a id="ordenMedica">
                            {{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>

                    {% if (actual.0.varMod !='US') %}
                        {% if (actual.0.varMod !='MG') %}
                            <li>
                                <a id="clinicalData" href="#" data-toggle="modal" data-target="#modalclinicalData">
                                    {{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}
                                </a>
                            </li>
                        {% else %}
                            <li>
                                <a id="encuestaMammo" href="#" data-toggle="modal" data-target="#modalencuestaMammo">
                                    {{ 'labels.mammo.encuesta'|trans([], 'LocalizationBundle') }}
                                </a>
                            </li>
                        {% endif %}
                    {% endif %}

                    {% if (actual.0.varMod == 'MG' and  mammography_report == true) %}
                        <li>
                            <a id="dataMammographyRadiologistButton" href="#" data-toggle="modal" data-target="#modaldataMammography">
                                {{ 'messages.infoMamo'|trans([], 'LocalizationBundle') }}
                            </a>
                        </li>
                    {% endif %}

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

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

                    {% if(actual.0.varMod == 'CT') %}
                        <li>
                            <a id="ctModal" data-toggle="modal" data-target="#modalCTData">
                                {{ 'labels.encuestaCT.label'|trans([], 'LocalizationBundle') }}
                            </a>
                        </li>
                    {% endif %}
                    <li class="danger">
                        <a id="close" style="cursor:pointer;">
                            <span class="glyphicon glyphicon-remove-circle"></span> {{ 'button.close'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container-fluid">
        <div class="row">
            {# Left column #}
            <div class="col-md-4">
                {# Birads #}
                {% if (actual.0.varMod == 'MG') or (actual.0.varMod == 'US' and actual.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 class="panel panel-default">
                    <div class="panel-body">
                        {# tabs #}
                        <div>
                            {# Nav tabs #}
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation" class="active">
                                    <a href="#generalTab" aria-controls="generalInfo" role="tab" data-toggle="tab">
                                        {{ 'labels.patient.patientData'|trans([], 'LocalizationBundle') }}
                                    </a>
                                </li>
                                <li role="presentation">
                                    <a href="#previousTab" aria-controls="previousTab" role="tab" data-toggle="tab">
                                        {{ 'labels.study.previous'|trans([], 'LocalizationBundle') }}
                                        <span id="numPrevStudy" class="label label-primary">
                                            {{ previousStudyList|length }}
                                        </span>
                                    </a>
                                </li>
                                <li role="presentation">
                                    <a href="#additionalReading" aria-controls="additionalReading" role="tab" data-toggle="tab">
                                        {{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}
                                        <span id="addReadings" class="label label-primary">
                                            {{ lecturasAdicionales|length }}
                                        </span>
                                    </a>
                                </li>
                            </ul>

                            {# Tab panes #}
                            <div class="tab-content">
                                {# Tab1 #}
                                <div role="tabpanel" class="tab-pane tab-pane-readingrv active mCustomScrollbar" data-mcs-theme="dark" id="generalTab">
                                    <div class="row">
                                        <div class="col-md-12 col-sm-12 col-xs-12">
                                            <div id="recording-list" class="mCustomScrollbar" data-mcs-theme="dark"></div>
                                        </div>
                                    </div>

                                    <h4>
                                        {{ actual.0.firstName~' '~actual.0.secondName~' '~actual.0.firstLastName~' '~actual.0.secondLastName }}<br>
                                        <small>{{ doctype_label }} <span id="documentoPaciente">{{ actual.0.document }}</span></small>
                                    </h4><hr>

                                    {# Prioridad #}
                                    <h5>
                                        {{ 'labels.priority'|trans([], 'LocalizationBundle') }}:
                                        <select id="select_prioridad" name="select_prioridad" class="selectpicker">
                                            {% for priority in priList %}
                                                {% if actual.0.id == priority.priId %}
                                                    <option value="{{ priority.priId }}" selected>{{ priority.priName }}</option>
                                                {% else %}
                                                    <option value="{{ priority.priId }}">{{ priority.priName }}</option>
                                                {% endif %}
                                            {% endfor %}
                                        </select>
                                    </h5>

                                    {# Visores #}
                                    <div class="btn-group" role="group">
                                        {% if DataStudy.0.studyUid is defined %}
                                            {% if client_os is defined %}
                                                {% if client_os == 'WIN' %}
                                                    <a onclick="openViewer('{{ url_visor_alma }}{{ DataStudy.0.studyUid }}');" class="btn btn-default" id="button4">
                                                        {{ 'labels.viewers.alma'|trans([], 'LocalizationBundle') }}
                                                    </a>
                                                {% elseif client_os == 'OSX' %}
                                                    <a onclick="openViewer('{{ url_visor_osirix }}{{ DataStudy.0.studyUid }}');" class="btn btn-default" id="button4">
                                                        {{ 'labels.viewers.osirix'|trans([], 'LocalizationBundle') }}
                                                    </a>
                                                {% endif %}
                                            {% endif %}

                                            {% if visor_web_filtro == 'AN' %}
                                                {% set variableVisor = 'accessionNumber='~actual.0.appointmentCode %}
                                            {% elseif visor_web_filtro == 'SU' %}
                                                {% set variableVisor = 'studyUID='~DataStudy.0.studyUid %}
                                            {% elseif visor_web_filtro == 'PI' %}
                                                {% set variableVisor = 'patientID='~actual.0.document %}
                                            {% endif %}

                                            {% if visor_web_opcional == true %}
                                                <a href="{{ url_visor_weasis }}?{{ variableVisor }}" class="btn btn-default" target="_blank" id="button3">
                                                     {{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}
                                                </a>
                                            {% endif %}

                                            {% if visor_web_oviyam == true %}
                                                <a href="{{ url_visor_oviyam }}?{{ variableVisor }}" class="btn btn-default" target="_blank" id="button3">
                                                    {{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                </a>
                                            {% endif %}
                                        {# visores para paso lectura #}
                                        {% elseif actual.0.pasoLectura == true and visor_web_filtro == 'AN' %}
                                            {% if visor_web_opcional == true %}
                                                <a href="{{ url_visor_weasis }}?accessionNumber={{ actual.0.appointmentCode}}" class="btn btn-default" target="_blank" id="button3">
                                                    {{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}
                                                </a>
                                            {% endif %}

                                            {% if visor_web_oviyam == true %}
                                                <a href="{{ url_visor_oviyam }}?accessionNumber={{ actual.0.appointmentCode}}" class="btn btn-default" target="_blank" id="button3">
                                                    {{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                </a>
                                            {% endif %}
                                        {% endif %}

                                        {# Visor XEN Viewer #}
                                        {% if uid != '' and xen_viewer == true %}
                                            <a id="xen_viewer" class="btn btn-default">
                                                {{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}
                                            </a>
                                        {% endif %}

                                        {# Visor Vitrea #}
                                        {% if activeVisorVitrea == true %}
                                            <a href="{{ url_visor_vitrea }}{{ DataStudy.0.studyUid }}{{ user_visor_vitrea }}"
                                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" target="_blank" id="button3">
                                                {{ 'labels.viewers.vitrea'|trans([], 'LocalizationBundle') }}
                                            </a>
                                        {% endif %}
                                    </div>
                                    {# End Visores #}

                                    {# Datos del paciente y del estudio #}
                                    <h5>{{ 'labels.patient.birthDate'|trans([], 'LocalizationBundle') }}: {{ actual.0.dateBirth|date("Y-m-d") }}</h5>
                                    <h5>{{ 'labels.patient.age'|trans([], 'LocalizationBundle') }}: {{ edadPaciente }}</h5>
                                    <h5>{{ 'labels.patient.weight'|trans([], 'LocalizationBundle') }}: {{ actual.0.weight }} kg</h5>
                                    <h5>{{ 'labels.date.fechaCita'|trans([], 'LocalizationBundle') }}: {{ actual.0.appointmentDate }}</h5>
                                    <h5>{{ 'modalities.modality'|trans([], 'LocalizationBundle') }}: {{ actual.0.varMod }}</h5>
                                    <h5>{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}: {{ actual.0.clinical }}</h5>

                                    {# Médico remitente #}
                                    <h5>
                                        {{ 'labels.role.doctor_referring'|trans([], 'LocalizationBundle') }}:
                                        {% if doctorReferring.0.name == '' %}
                                            {{ 'labels.notRegistered'|trans([], 'LocalizationBundle') }}
                                        {% else %}
                                           {{ doctorReferring.0.name }}
                                        {% endif %}
                                    </h5>
                                    {# Nombre estudios #}
                                    <h5>
                                        {{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}:
                                        {% for act in actual %}
                                            {{ act.studyName }}{% if not loop.last %},{% endif %}
                                        {% endfor %}
                                    </h5>
                                    <h5>{{ 'labels.numberStudiesReading'|trans([], 'LocalizationBundle') }}: {{ count.0.numberN }}</h5>
                                    <h5>{{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }}: {{ actual.0.varHead }}</h5>

                                    {# Integración HIS #}
                                    {% if his_integration == 'true' %}
                                        <h5>{{ 'labels.observaciones'|trans([], 'LocalizationBundle') }}: {{ actual.0.obsord|trim }}</h5>
                                        <h5>{{ 'labels.justificacion'|trans([], 'LocalizationBundle') }}: {{ actual.0.justif|trim }}</h5>
                                    {% endif %}
                                    <div class="clearfix"></div>
                                </div>{# End Tab1 #}

                                {# Tab2 #}
                                <div role="tabpanel" class="tab-pane tab-pane-readingrv mCustomScrollbar" data-mcs-theme="dark" id="previousTab">
                                    {# Estudios previos #}
                                    <div class="panel-group" id="previousStudies" role="tablist" aria-multiselectable="true">
                                        <div id="collapsetwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingPrevious">
                                            <div class="panel-body panelPrevious">
                                                <input data-nusa-enabled="false" type="text" id="search-study" class="search-previous" onkeyup="SearchFilter()" placeholder="{{ 'button.search'|trans([], 'LocalizationBundle') }}: {{ actual.0.justif|trim }}">
                                                <ul id="previous-list" class="list-group">
                                                    {% for study in previousStudyList %}
                                                        <li class="list-group-item">
                                                            <h6>{{ study.appointmentDate }}</h6>
                                                            <h5>
                                                                <a href="#" class="informacion" data-study-uid="{{ study.studyUid }}" data-series-uid="{{ study.seriesUid }}" data-object-uid="{{ study.objectUid }}" data-play="{{ path('QueryListenRecording' , {'per':study.idRoomAppointmentStudyReceipt}) }}" data-report="{{ path('PrintResultPDF' , {'per':study.idRoomAppointmentStudyReceipt}) }}">
                                                                    {{ study.studyName }}
                                                                </a>
                                                            </h5>
                                                        </li>
                                                    {% endfor %}
                                                 </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>{# End tab2 #}

                                {# Tab3 #}
                                <div role="tabpanel" class="tab-pane tab-pane-readingrv mCustomScrollbar" data-mcs-theme="dark" id="additionalReading">
                                    {# Lecturas adicionales #}
                                    {% if(lecturasAdicionales|length !=0) %}
                                        {% for la in lecturasAdicionales %}
                                            <h5>
                                                <a href="#" class="viewAddReading" data-idadd="{{ la.idAuxiliaryTranscription }}">
                                                    {{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }} {{ loop.index }}
                                                </a>
                                            </h5>
                                        {% endfor %}
                                    {% endif %}
                                </div>{# End tab3 #}
                            </div>{# End tab panes #}
                        </div> {# End tabs #}
                    </div>
                </div>
            </div>
            {#End left column#}

            {#Right column#}
            <div class="col-md-8">
                <div class="row">
                    <div class="col-md-12">
                        <div class="pull-left">
                            <select class="selectpicker" id="plant1" title="{{ 'button.select'|trans([], 'LocalizationBundle') }} {{ 'labels.template'|trans([], 'LocalizationBundle') }}" data-live-search="true">
                                {% if temp is defined %}
                                    {% for t in temp %}
                                        <option value="{{ t.idTemplate }} ">{{ t.name }}</option>
                                    {% endfor %}
                                {% endif %}
                            </select>
                            <button class="btn btn-default" id="cargarPlantilla" >{{ 'button.plantilla'|trans([], 'LocalizationBundle') }}</button>
                            <a id="previsualizar" class="btn btn-default"><span class="glyphicon glyphicon-eye-open" data-toggle="tooltip" data-placement="top" title="{{ 'labels.preview'|trans([], 'LocalizationBundle') }}"></span></a>
                            <a id="preSave" class="btn btn-default"><span class="glyphicon glyphicon-floppy-disk" data-toggle="tooltip" data-placement="top" title="{{ 'labels.preguardado.action'|trans([], 'LocalizationBundle') }}"></span></a>
                        </div>
                        <div class="pull-right">
                            {# Lectura principal #}
                            <div id="first">
                                <button id="SendPeint" class="btn btn-primary btn-send" data-toggle="tooltip" title="{{ 'labels.return.toDeliveryPrint'|trans([], 'LocalizationBundle') }}">
                                    <span class="glyphicon glyphicon-print"></span> + {{ 'button.send'|trans([], 'LocalizationBundle') }}
                                </button>
                                <button id="enviarTrans" class="btn btn-primary btn-send" data-toggle="tooltip" title="{{ 'labels.return.toDelivery'|trans([], 'LocalizationBundle') }}">
                                    {{ 'button.send'|trans([], 'LocalizationBundle') }}
                                </button>
                            </div>
                            {# Nuevas lecturas #}
                           {#<div id="last" class="hidden">
                                <button class="btn btn-primary btn-send" id="closeRV">
                                    {{ 'button.close'|trans([], 'LocalizationBundle') }}
                                </button>
                                <button id="saveAddReading" class="btn btn-primary btn-send">
                                    {{ 'button.save'|trans([], 'LocalizationBundle') }}
                                </button>
                            </div>#}
                        </div>
                    </div>
                </div>
                <div class="editorRV" name="editor" id="editor" contenteditable="true">{{ textTranscription.0.transcriptionText|raw }}</div>
            </div>
        </div>
    </div>
    <form id="FormData" name="FormData" action="">
        <input id="input_codAppointment" name="input_codAppointment" type="hidden" value="{{ number_consultation }}"/>
        <input id="number_status" name="number_status" type="hidden" value="{{ number_status }}"/>
        <input type="hidden" name="idrasr" value="{{ actual.0.idRoomAppointmentStudyReceipt }}" />
        {# Este campo se usa para diferenciar si la lectura es RV o lectura normal | RV = false - Normal = true #}
        <input type="hidden" name="typeReading" value="false" />
    </form>
    <input id="ocultoid" type="hidden" value="{{ cit }}" />
    <input type="hidden" name="banderaVR" id="banderaVR" value="transcription" />
    <input type="hidden"  id="appCode" value="{{ actual.0.appointmentCode }}" >
    <input type="hidden" id="rasr" value="{{ actual.0.idRoomAppointmentStudyReceipt }}" />
    <input type="hidden" id="userName" value="{{ userName }}" />

    {# Condicional para mostrar encuesta MG o datos clinicos segun modalidad #}
    {% if(actual.0.varMod =='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': number_consultation , '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': number_consultation }) }}" width="100%" style="height:80vh;" frameborder="0" ></iframe>
                    </div>
                    <div class="modal-footer">
                        <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>
                    <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 #}

    {# 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 peso == '' and actual.0.weight != '' %}
                        {% set weight_pet = actual.0.weight %}
                    {% else %}
                        {% set weight_pet = 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==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==idNeuro) %}
                                {% 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==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==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 #}

    {# interconsulta #}
    <div id="dialogSecondOpinion" class="request-opinion" style="display:none; font-size:1.2em;">
        <iframe src="{{ path('request_second_opinion_template', {'appCodePost': actual.0.appointmentCode}) }}" width="90%" style="height:90vh;" frameborder="0" ></iframe>
    </div>{# fin interconsulta #}

    {# Devolucion de estudio #}
    <div class="modal fade" id="modalDevEstudio" 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.return.label'|trans([], 'LocalizationBundle') }}</h4>
                </div>
                <div class="modal-body">
                    <div class="col-md-12"><h5>{{ 'labels.reasons_return'|trans([], 'LocalizationBundle') }}</h5></div>
                    <div class="col-md-12 spacer"></div>
                    <div class="col-md-12">
                        <textarea id="devolution_motive" class="form-control" style="min-height:200px;"></textarea>
                    </div>
                </div>
                <div class="col-md-12 spacer"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="closeCTData" data-dismiss="modal">{{ 'button.cancel'|trans([], 'LocalizationBundle') }}</button>
                    <button type="button" class="btn btn-danger" id="devolverEstudio">{{ 'labels.return.label'|trans([], 'LocalizationBundle') }}</button>
                </div>
            </div>
        </div>
    </div>{# fin devoluciones #}

    {# 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 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 }}" >{{ dev.commentNewSendRadiologist }}</td>
                                <td>{{ dev.commentNewSendTranscription }}</td>
                            </tr>
                            <tr>
                                <td colspan="7"><textarea class="form-control" id="comment{{ loop.index }}" placeholder="añadir comentario"></textarea></td>
                                <td><button class="btn btn-primary addComment" data-appcode="{{ dev.appointmentCode }}" data-iddevol="{{ dev.idDevolutionHistoric }}" data-id="{{ loop.index }}" >{{ 'button.save'|trans([], 'LocalizationBundle') }}</button></td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                </div>
            </div>
        </div>
    </div>
    {# fin devoluciones #}

    {# datos para CT #}
    {% if(actual.0.varMod =='CT') %}
        <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">
                        <iframe src="{{ path('reading_dictation_encuestaCT', {'appCode': number_consultation , '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 %} {# fin datos para CT #}

    {# Orden medica  #}
    {# {% if(orden_lectura==false) %} #}
    <div id="MedicalOrder" style="display:none;height:100%;">
        {% if queryMedicalOrder|length!=0 %}
            <div id="closer"><img src="{{ asset('bundles/utilities/images/closeIcon.svg') }}" width="30"></div>
            <object data="{{ asset("bundles/utilities/internalOrder/") }}{{ queryMedicalOrder.1 }}" width="90%" height="90%"></object>
        {% else %}
            <div id="closer"><img src="{{ asset('bundles/utilities/images/closeIcon.svg') }}" width="30"></div>
            <object data="{{ asset("bundles/utilities/images/sinorden.pdf") }}" width="90%" height="90%"></object>
        {% endif %}
    </div>
    {#
    {% else %}
        <div id="MedicalOrder" style="display: none;">
            {{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}{{ 'labels.and'|trans([], 'LocalizationBundle') }}{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}
            <div id="carousel" style="width:100%; height: 100%; padding: 1%;">
                <object data="
                    {% if queryMedicalOrder|length!=0 %}
                        {{ asset("bundles/utilities/internalOrder/") }}{{ queryMedicalOrder.1 }}
                    {% else %}
                        {{ asset("bundles/utilities/images/sinorden.pdf") }}
                    {% endif %}"
                        width="100" height="100"></object>
            </div>
        </div>
    {% endif %}
    #}
    {# lectura adicional #}
    <div class="modal fade" id="addreading" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog modal-full" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        {# Left column#}
                        <div class="col-md-4">
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <h4>{{ actual.0.firstName~' '~actual.0.secondName~' '~actual.0.firstLastName~' '~actual.0.secondLastName }}<br> <small>{{ doctype_label }} <span id="documentoPaciente">{{ actual.0.document }}</span></small></h4><hr>
                                    <h5>{{ 'labels.patient.birthDate'|trans([], 'LocalizationBundle') }}: {{ actual.0.dateBirth|date("Y-m-d") }}</h5>
                                    <h5>{{ 'labels.patient.age'|trans([], 'LocalizationBundle') }}: {{ edadPaciente }}</h5>
                                    <h5>{{ 'labels.patient.weight'|trans([], 'LocalizationBundle') }}: {{ actual.0.weight }} kg</h5>
                                    <h5>{{ 'modalities.modality'|trans([], 'LocalizationBundle') }}: {{ actual.0.varMod }}</h5>
                                    <h5>{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}: {{ actual.0.clinical }}</h5>
                                    <h5>
                                        {{ 'labels.role.doctor_referring'|trans([], 'LocalizationBundle') }}:
                                        {% if doctorReferring.0.name == '' %}
                                            {{ 'labels.notRegistered'|trans([], 'LocalizationBundle') }}
                                        {% else %}
                                            {{ doctorReferring.0.name }}
                                        {% endif %}
                                    </h5>
                                    <h5>{{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}: {{ actual.0.studyName }}</h5>
                                    <h5>{{ 'labels.numberStudiesReading'|trans([], 'LocalizationBundle') }}: {{ count.0.numberN }}</h5>
                                    <h5>{{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }}: {{ actual.0.varHead }}</h5>
                                    <div class="clearfix"></div>
                                </div>
                            </div>
                        </div>
                        {# Right column #}
                        <div class="col-md-8">
                            <div class="row">
                                <div class="col-md-8 col-sm-8">
                                    <select class="selectpicker" id="plant2" title="{{ 'button.select'|trans([], 'LocalizationBundle') }} {{ 'labels.template'|trans([], 'LocalizationBundle') }}" data-live-search="true">
                                        {% if temp is defined %}
                                            {% for t in temp %}
                                                <option value="{{ t.idTemplate }} ">{{ t.name }}</option>
                                            {% endfor %}
                                        {% endif %}
                                    </select>
                                    <button class="btn btn-default" id="cargarPlantilla2" >{{ 'button.plantilla'|trans([], 'LocalizationBundle') }}</button>
                                </div>
                                <div class="col-md-4 col-sm-4 text-right" id="newAdd">
                                    <button class="btn btn-primary btn-send cancelAdd" class="close" data-dismiss="modal" aria-label="Close">
                                        {{ 'buttons.close'|trans([], 'LocalizationBundle') }}
                                    </button>
                                    <button id="saveAddReading" class="btn btn-primary btn-send">
                                        {{ 'button.save'|trans([], 'LocalizationBundle') }}
                                    </button>
                                </div>
                                <div class="col-md-4 col-sm-4 text-right hidden" id="updateAdd">
                                    <button class="btn btn-danger btn-send" id="deleteAdd">
                                        {{ 'button.eliminar'|trans([], 'LocalizationBundle') }}
                                    </button>
                                    <button class="btn btn-primary btn-send cancelAdd" class="close" data-dismiss="modal" aria-label="Close">
                                        {{ 'button.cancel'|trans([], 'LocalizationBundle') }}
                                    </button>
                                    <button id="updateAddReading" class="btn btn-primary btn-send">
                                        {{ 'button.save'|trans([], 'LocalizationBundle') }}
                                    </button>
                                </div>
                            </div>
                            {# Editor
                            <textarea name="editor1" id="editor1" ></textarea>#}
                            <div class="editorRV" name="editor2" id="editor2" contenteditable="true"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {# Fin de lectura adicional #}
{% endblock content %}
{% block script %}
    <script src="{{ asset('bundles/reading/js/ajax/ReadingRVHTML5.js') }}"></script>

    <script type="text/javascript">
        {# Variables #}
        var seguro = '{{ 'messages.seguro'|trans([], 'LocalizationBundle') }}';
        var perderaInfo = '{{ 'messages.datosEliminados'|trans([], 'LocalizationBundle') }}';
        var devolverEstudio = '{{ 'messages.devolverEstudio'|trans([], 'LocalizationBundle') }}'
        var biradsOK = '{{ 'labels.valueBirads'|trans([], 'LocalizationBundle') }}: {{ 'messages.processOk'|trans([], 'LocalizationBundle') }}';
        var updating = '{{ 'utilities.updating'|trans([], 'LocalizationBundle') }}';
        var saving = '{{ 'utilities.saving'|trans([], 'LocalizationBundle') }}';
        var loading = '{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle') }}';
        var errorTemplate = "{{ 'messages.selplantilla'|trans([], 'LocalizationBundle') }}";
        var sending = "{{ 'labels.sending'|trans([], 'LocalizationBundle') }}";
        var validateBirad = '{{ actual.0.birad }}';
        var labelAddReading = '{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}';
        var RV = true;
        var xen_viewer_autoload = false; {# 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 #}

        {# URL #}
        var URL_SendReading = '{{ path('RestoreWorkflowToPreviousState') }}';
        var url_worklist = '{{ path('reading_Worklist') }}';
        var url_actualizar_prioridad = '{{ path('actualizar_prioridad') }}';
        var url_add_reading = '{{ path("reading_SaveAddReading") }}';

        var URL_StoreDevolutionCause = '{{ path('devolution_StoreDevolutionCause') }}';
        var URL_ReturnAssistence = '{{ path('reading_dictation_ReturnAssistence', {'cit': cit}) }}';
        var url_make_transcription = '{{ path('transcription_MakeTranscription') }}';
        var url_send_delivery = '{{ path('reading_dictation_SendToDelivery') }}';
        var url_search_template = '{{ path('template_SearchTemplateTranscription') }}';
        var url_recorder = '{{ asset('bundles/reading/js/ajax/LecturaVR.js') }}';
        var url_findData_mammography = '{{ path('DataMammography')  }}';
        var id_room = '{{ cit }}';
        var url_start_time = '{{ path('StartTimeRecording') }}';
        var msj_error_birads = '{{ 'messages.biradsError'|trans([], 'LocalizationBundle') }}';
        var msj_error_recording = '{{ 'messages.RecordingResponseError'|trans([], 'LocalizationBundle') }}';
        var modality = '{{ actual.0.varMod }}';
        var msj_modality_birads_error = '{{ 'messages.actBirads'|trans([], 'LocalizationBundle') }}';
        var url_birads = '{{ path('UpdateBirads') }}';
        var msj_birads_updtate = '{{ 'labels.valueBirads'|trans([], 'LocalizationBundle') }}:';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var saveReturn = '{{ 'button.saveReturn'|trans([], 'LocalizationBundle') }}';
        var save = '{{ 'button.save'|trans([], 'LocalizationBundle') }}';
        var url_devolution_reading = '{{ path('Reading_DevolutionReading') }}';
        var upload_image_mamas = '{{ asset('bundles/utilities/uploads/imageMammography') }}';
        var url_reload_devolution = '{{ path('reload_Devolution') }}';
        var saveComment = '{{ 'button.save'|trans([], 'LocalizationBundle') }}';
        var url_new_comment = '{{ path('new_comment_devolution_radiologist') }}';
        var url_guardar_pet = '{{ path('reading_dictation_SaveDataPet') }}';
        var devolution = false;
        {% if devolution %}
        var devolution = true;
        {% endif %}
        var url_make_transcription_read = '{{ path('transcription_MakeTranscriptionRead') }}';
        var adicionLectura = '{{ adicionLectura }}';
  
        var url_visor_weasis = '{{ url_visor_weasis }}';
        var url_visor_oviyam = '{{ url_visor_oviyam }}';
        var url_visor_osirix = '{{ url_visor_osirix }}';
        var url_visor_alma = '{{ url_visor_alma }}';
        var visor_web_oviyam = '{{ visor_web_oviyam }}';
        var url_imex_xen_viewer = '{{ url_imex_xen_viewer }}';
        var xen_viewer = '{{ xen_viewer }}';
        var uid = '{{ uid }}';
        var visor_web_opcional = '{{ visor_web_opcional }}';
        var url_visor_osirix = '{{ url_visor_osirix }}';
        var url_visor_alma = '{{ url_visor_alma }}';
        var Url_PrintPDF = '{{ path('PrintResultPDF',{'per': cit } ) }}';
        var vistaInformeMamografia = '{{ path('reading_dictation_informeMamografia', {'cit': number_consultation }) }}';
        var Url_Previsualizar = '{{ path('transcription_UpdateTranscription' ) }}';
        var visor_web_filtro = '{{ visor_web_filtro }}';
        var closer="{{ asset('bundles/utilities/images/closeIcon.svg') }}";
        var SrcAlert = '{{ asset('bundles/utilities/images/alert.png') }}';
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
        var msnerror = '{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}';
        var pleaseWait = '{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}';
        var textoValido = '{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}';
        var textoMinimo = '{{ 'messages.textoMinimo'|trans([], 'LocalizationBundle') }}';
        var textTrans = '{{ 'messages.noTranscripcion'|trans([], 'LocalizationBundle') }}';
        var detalles = '{{ 'labels.patient.details'|trans([], 'LocalizationBundle') }}';
        var mammoInfo = '{{ 'messages.mammoInfo'|trans([], 'LocalizationBundle') }}';
        var seguroEnviar = '{{ 'messages.seguroEnviar'|trans([], 'LocalizationBundle') }}';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var acept = '{{ 'button.acept'|trans([], 'LocalizationBundle') }}';
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}";
        var selPlantilla = '{{ 'messages.selplantilla'|trans([], 'LocalizationBundle') }}';
        var msjGrabadora = '{{ 'messages.RecordingResponseError'|trans([], 'LocalizationBundle') }}';
        var addComments = '{{ 'labels.add'|trans([], 'LocalizationBundle') }} {{ 'labels.comments'|trans([], 'LocalizationBundle') }}';
        var cargandoPlantilla = '{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle') }} {{ 'labels.template'|trans([], 'LocalizationBundle') }}';
        var processOk = '{{ 'messages.processOk'|trans([], 'LocalizationBundle') }}';
        var var_mammography_report = '{{ mammography_report }}';
        var url_buscarDatosInformeMamografico = '{{ path('reading_dictation_buscarInformeMamografico') }}';
        var infoMG_PDF = '{{ path('ImprimirInformeMamografico', {'codApp': actual.0.appointmentCode }) }}';
        var MG = '';
        var vistaInformeCT= '{{ path('reading_dictation_informeCT', {'cit': number_consultation }) }}';
        var url_buscar_encuestaCt = '{{ path('DataEncuestaCt') }}';
        var deleteFile = '{{ path('deleteFile') }}';
        var sinRespuesta = '{{ 'messages.sinRespuesta'|trans([], 'LocalizationBundle') }}';
        var camposObligatorios = '{{ 'messages.camposObligatorios'|trans([], 'LocalizationBundle') }}';
        var birads = '{{ actual.0.birads }}';
    </script>
{% endblock script %}