{# template for HTML5 recorder #}
{% extends'ReadingBundle:Default:noMenuHtml5Reading.html.twig' %}
{% block content %}
    <div class="study-no-available">
        <h4>
            <span class="glyphicon glyphicon-warning-sign"></span>
            El estudio ya no está disponible para lectura, por favor guarde su trabajo y comuníquese con el administrador
        </h4>
    </div>
    <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;">
                                <img id="close_responses" src="{{ asset('bundles/utilities/images/closeIcon.svg') }}" width="30">
                            </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="fa fa-comment respuestas" aria-hidden="true"></i>
                                <span id="respPreg" >{{ contador }}/{{ rowResponse|length }}</span>
                            </a>
                        </li>
                        <input type="hidden" id="numResp" value="{{ contador }}" />
                    {% endif %}
                    {# fin respuestas segunda opinion #}

                    {# Lectura adicional #}
                    {% if textTranscription.0.transcriptionText != '' %}
                        <li>
                            <a id="addLectura" data-toggle="modal" data-target="#addreading">
                                {{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}
                            </a>
                        </li>
                    {% else %}
                        <li>
                            <a id="addLectura" class="hidden" data-toggle="modal" data-target="#addreading">
                                {{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}
                            </a>
                        </li>
                    {% endif %}
                    {# 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> #}
                        <a style="cursor:pointer;" id="startRequest" >
                            {{ 'button.secondOpinion'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li> 
                    <li>
                        <a id="btnEvidenceReading" class="btnEvidence" data-appcode="{{ actual.0.appointmentCode }}" >
                            {{ 'labels.evidenceDocument'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>                   
                    <li {% if rasr is iterable %} class="hide" {% endif %}>
                        <a id="ordenMedica">
                            {{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>                    

                    {% if (actual.0.varMod !='US') %}
                        {% if (actual.0.varMod !='MG') %}
                            <li>
                                <a id="clinicalData" style="cursor:pointer;" data-toggle="modal" >
                                    {{ 'labels.patient.radiationDose'|trans([], 'LocalizationBundle') }}
                                </a>
                            </li>
                        {% else %}
                            {% if (dynamicSurvey is empty) %}
                                <li>
                                    <a id="encuestaMammo" style="cursor:pointer;" data-toggle="modal" data-target="#modalencuestaMammo">
                                        {{ 'labels.mammo.encuesta'|trans([], 'LocalizationBundle') }}
                                    </a>
                                </li>
                            {% endif %}
                        {% endif %}
                    {% endif %}
                    
                    {% if (actual.0.varMod == 'MG' and  mammography_report == true and dynamicSurvey is empty) %}
                        <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 actual.0.varMod 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 actual.0.varMod == 'CT' and dynamicSurvey is empty %}
                        <li>
                            <a href="#" {% if actual.0.varMod == 'CT' and dynamicSurvey is empty and numero_encuesta_ct == '1' %}id="ctModal"{% else %}id="CT-II-Modal" class="hide"{% endif %} >
                                {{ 'labels.encuestaCT.label'|trans([], 'LocalizationBundle') }}
                            </a>
                        </li>
                    {% endif %}
                    {% if((actual.0.varMod =='RM' or actual.0.varMod =='MR') and encuesta_mr == 'true' and dynamicSurvey is empty) %}
                        <li>
                            <a id="mrModal" data-toggle="modal">
                                Encuesta MR
                            </a>
                        </li>
                    {% endif %}
                    {% if (dynamicSurvey is not empty and is_granted('ROLE_SURVEYS_VIEW')) %}
                        <li>
                            <a id="dsModal" data-toggle="modal" >
                                {{ 'dynamicSurvey.title.label'|trans([], 'LocalizationBundle') }}
                            </a>
                        </li>
                    {% endif %}
                    <li class="danger">
                        <a id="close"  data-toggle="modal" data-target="#modalCerrar">
                            <span class="glyphicon glyphicon-remove-circle"></span> {{ 'button.close'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

   {% set app_c= [] %}
    <div class="container-fluid">
        <div class="row">
            {# Left column #}
            <div class="col-md-4">
                <div class="hiruko-left">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">
                                <h4>
                                    {{ actual.0.firstName~' '~actual.0.secondName~' '~actual.0.firstLastName~' '~actual.0.secondLastName }} - <small>{{ edadPaciente }}</small>
                                </h4>
                                <h5>{{ doctype_label }} <span id="documentoPaciente">{{ actual.0.document }}</h5>
                                {#<h5>{{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}:</h5>#}
                                <div class="checkbox checkbox-primary">
                                    <input id="id_reserve" type="checkbox"
                                        {% if reserved %}
                                            checked
                                        {% endif %}
                                    >
                                    <label for="id_reserve" class="reserve-study"> 
                                        <span
                                            {% if reserved_other is null %}
                                            class='hidden'
                                            {% endif %}
                                            id="label_id_reserve_other"
                                        >
                                            {{ 'labels.reserved_by'|trans([], 'LocalizationBundle') }}  {{reserved_other}}
                                        </span>
                                        <span 
                                            {% if not reserved_other is null %}
                                            class='hidden'
                                            {% endif %}
                                            id="label_id_reserve_mine"
                                        >
                                            {{ 'labels.reserve'|trans([], 'LocalizationBundle') }} 
                                        </span>

                                    </label>
                                </div>
                                <input type="text" value="{{ rasr|join(",")}}" id="rasit" style="display:none" />
                                {% if rasr is iterable %}
                                    {% set nombreInsumos = '' %}                          
                                    {% for act in actual %}
                                        {% if act.nombreInsumo|length %}
                                            {% set nombreInsumos = nombreInsumos~', '~act.nombreInsumo %}
                                        {% endif %}                                                    
                                    {% endfor %}
                                    
                                    {% for rar in rasr %} 
                                        {% set rard= rar %}
                                        <input type="hidden" name="appCodeGroup[]" class="appCodeGroup" value="{{ study[rard].appCode }}" />
                                        <div class="row" id="div{{ rard }}"> 
                                                <div class="col-md-12">      
                                                    {# Visores #}
                                                    <h5>-{{ study[rard].nameStudy|join('<br>- ')|raw }}{{ nombreInsumos }}</h5>
                                                    <div class="col-md-8">   
                                                        {% if study[rard].studyUid is defined and study[rard].studyUid != '' %}
                                                            {% if client_os is defined %}
                                                                {% if client_os == 'Windows' and visor_alma %}
                                                                    <a onclick="openViewer('{{ url_visor_alma }}{{ study[rard].studyUid }}');"  data-url="{{ url_visor_alma }}" class="btn btn-default otherViewer otherv{{ study[rard].studyUid }}" id="otherViewer">
                                                                        {{ 'labels.viewers.alma'|trans([], 'LocalizationBundle') }}
                                                                    </a>
                                                                {% elseif client_os == 'Mac' and visor_osirix %}
                                                                    <a onclick="openViewer('{{ url_visor_osirix }}{{ study[rard].studyUid }}');" data-url="{{ url_visor_osirix }}" class="btn btn-default otherViewer otherv{{ study[rard].studyUid }}" id="otherViewer">
                                                                        {{ 'labels.viewers.osirix'|trans([], 'LocalizationBundle') }}
                                                                    </a>
                                                                {% endif %}
                                                            {% endif %}

                                                            {% if visor_web_filtro == 'AN' %}
                                                                {% set variableVisor = 'accessionNumber='~study[rard].appCode %}
                                                            {% elseif visor_web_filtro == 'SU' %}
                                                                {% set variableVisor = 'studyUID='~study[rard].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={{ number_consultation }}" 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={{ number_consultation }}" class="btn btn-default" target="_blank" id="button3">
                                                                    {{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                                </a>
                                                            {% endif %}
                                                        {% endif %}

                                                        {# Visor XEN Viewer #}
                                                    {% if xen_viewer and study[rard].studyUid != '' %}
                                                            <a id="xen_viewer" class="btn btn-default xen_vi" data-uid = "{{ study[rard].studyUid }}" >
                                                                {{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}
                                                            </a>
                                                        {% endif %}
                                                        
                                                        {# Visor móvil #}
                                                        {% if study[rard].studyUid != '' and (client_os == 'iPhone' or client_os == 'Android') %}
                                                            <a  id="viewer_mobile" class="btn btn-default">
                                                                {{ 'labels.viewers.mobile'|trans([], 'LocalizationBundle') }}
                                                            </a>
                                                        {% endif %}

                                                        {# Visor Vitrea #}
                                                        {% if activeVisorVitrea == true and study[rard].studyUid is defined %}
                                                        <a href="" class="flex flex-column items-center justify-center color-inherit w-100 pa2 br2 br--top no-underline hover-bg-blue4 hover-white">
                                                            <i class="fas fa-check-square" style="font-size: 48px;"></i>
                                                        </a>
                                                        {% endif %}
                                                        
                                                        </div>
                                                        <div class="col-md-6" id="appCheck" style="float: right;">
                                                            {% set dynamic='' %}
                                                            {% if study[rard].dinamycSurveys.register is defined %}
                                                                {% set dynamic=study[rard].dinamycSurveys.register %}
                                                            {% endif %}
                                                            <button id="check_rar" class="btn btn-default check_ok" data-check="false" data-appcode="{{ study[rard].appCode }}" data-dynamicsurvey="{{ dynamic }}" data-id="chek_{{ study[rard].appCode }}" data-rar="{{ rard }}" data-uuid="{{ study[rard].studyUid }}">
                                                                <span class="glyphicon glyphicon-ok" data-toggle="tooltip" data-placement="top" title="" data-original-title="Selección estudio lectura"></span>
                                                            </button>
                                                            <button id="file_rar" class="btn btn-default dropdown-toggle file_show" data-id="file_{{ study[rard].appCode }}"  data-ior="{{ study[rard].internalOrderCode }}">
                                                                <span class="glyphicon glyphicon-file" data-toggle="tooltip" data-placement="top" title="" data-original-title="Orden médica"></span>
                                                            </button>
                                                            <button id="report_rar" class="btn btn-default dropdown-toggle report_show" data-id="report_{{ study[rard].appCode }}" data-rar="{{ rard }}" data-ior="{{ study[rard].internalOrderCode }}">
                                                                <span class="glyphicon glyphicon-eye-open" data-toggle="tooltip" data-placement="top" title="" data-original-title="Reporte individual"></span>
                                                            </button>
                                                            <button id="return_rar" class="btn btn-danger dropdown-toggle return_group" data-id="{{ study[rard].appCode }}"  data-rar="{{ rard }}">
                                                                <span class="glyphicon glyphicon-repeat" data-toggle="tooltip" data-placement="top" title="" data-original-title="Desagrupar"></span>
                                                            </button>
                                                        </div>
                                                    </div>
                                                    <div class="MedicalOrder{{ study[rard].appCode }}" 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>
                                                    {# End Visores #}
                                                    
                                            </div>
                                                <hr>
                                    {% endfor %}
                               
                                {% else %}
                                    {% for act in actual %}
                                        {% set nombreInsumos = '' %}
                                        {% if act.nombreInsumo|length %}
                                            {% set nombreInsumos = ', '~act.nombreInsumo %}
                                        {% endif %}
                                        <h5>- {{ act.studyName }}{{ nombreInsumos }}</h5>
                                    {% endfor %}
                                    {# Visores #}
                                    <div class="btn-group" role="group">
                                        <input type="hidden" name="appCodeGroup[]" class="appCodeGroup" value="{{ actual.0.appointmentCode }}" />
                                        {% if DataStudy.0.studyUid is defined and DataStudy.0.studyUid != '' %}
                                            {% if client_os is defined %}
                                                {% if client_os == 'Windows' and visor_alma %}
                                                    <a onclick="openViewer('{{ url_visor_alma }}{{ DataStudy.0.studyUid }}');"  data-url="{{ url_visor_alma }}" class="btn btn-default otherViewer otherv{{ DataStudy.0.studyUid }}" id="otherViewer">
                                                        {{ 'labels.viewers.alma'|trans([], 'LocalizationBundle') }}
                                                    </a>
                                                {% elseif client_os == 'Mac' and visor_osirix %}
                                                    <a onclick="openViewer('{{ url_visor_osirix }}{{ DataStudy.0.studyUid }}');"  data-url="{{ url_visor_alma }}" class="btn btn-default otherViewer otherv{{ DataStudy.0.studyUid }}" id="otherViewer">
                                                        {{ '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={{ number_consultation }}" 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={{ number_consultation }}" class="btn btn-default" target="_blank" id="button3">
                                                    {{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                </a>
                                            {% endif %}
                                        {% endif %}

                                        {# Visor XEN Viewer #}
                                        {% if uid != '' and xen_viewer %}
                                            <a id="xen_viewer" class="btn btn-default xen_vi" data-uid = "{{ uid }}">
                                                {{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}
                                            </a>
                                        {% endif %}
                                        
                                        {# Visor móvil #}
                                        {% if uid != '' and (client_os == 'iPhone' or client_os == 'Android') %}
                                            <a  id="viewer_mobile" class="btn btn-default">
                                                {{ 'labels.viewers.mobile'|trans([], 'LocalizationBundle') }}
                                            </a>
                                        {% endif %}

                                        {# Visor Vitrea #}
                                        {% if activeVisorVitrea == true and DataStudy.0.studyUid is defined %}
                                            <a href="{{ url_visor_vitrea }}{{ DataStudy.0.studyUid }}{{ user_visor_vitrea }}" class="btn btn-default" target="_blank">
                                                {{ 'labels.viewers.vitrea'|trans([], 'LocalizationBundle') }}
                                            </a>
                                        {% endif %}
                                    </div>
                                    {# End Visores #}
                                {% endif %}
                          
                            </div>
                        </div>
                    </div>
                </div>

                <div class="panel panel-default">
                    <div class="panel-body">
                        {# Recorder #}
                        {% if not (is_granted('ROLE_VR')) %}
                            {% if client_os != 'iPhone' and client_os != 'iPad' %}
                                {{ include('ReadingBundle:Default:html5Recorder.html.twig') }}
                            {% endif %}
                            {#upload recordings#}
                            <h6>{{ 'labels.uploadRecordings'|trans([], 'LocalizationBundle') }} (mp3)</h6>
                            <div class="row">
                                <div class="col-md-12">
                                    <input class="form-control upload-mp3" type="file" accept=".mp3" multiple id="upload-new-recording">
                                </div>
                            </div>
                        {% endif %}
                        <div class="clearfix"></div>
                        {#Recordings#}
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <div id="recording-list">
                                {% if recorder %}
                                    {% for rec in recorder %}
                                        <div class="prev-rec" recording="{{ asset(rec.url) }}">
                                            <div class="row">
                                                <h6 class="record-user">{{ rec.firstname }} {{ rec.lastname }} - {{ rec.current|date }}</h6>
                                                <div class="row">
                                                    <div class="col-md-7 col-sm-7 col-xs-7">
                                                        <audio style="width:100%;" class="hrkRecorder" controls="" src="{{ asset(rec.url) }}"></audio>
                                                    </div>
                                                    <div class="col-md-5 col-sm-5 col-xs-5">
                                                        <span class="pull-right btn-group">
                                                            <a class="btn btn-default" href="{{ asset(rec.url) }}" download="{{ rec.name }}">
                                                                <i class="fa fa-download" title="download"></i>
                                                            </a>
                                                            <button class="btn btn-danger deleteRecord" data-uuid="{{ rec.id }}" data-toggle="modal" data-target="#delete-record" title="delete" recording="{{ asset(rec.url) }}">
                                                                <i class="deleteIcon fa fa-trash" aria-hidden="true"></i>
                                                                <i class="removing fa fa-circle-o-notch fa-spin hidden"></i>
                                                            </button>
                                                            {# <button disabled class="btn btn-default">
                                                                <i class="up-done fa fa-check"></i>
                                                            </button> #}
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="clearfix"></div>
                                    {% endfor %}
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
                {# 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="clearfix"></div>
                <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-reading active mCustomScrollbar" data-mcs-theme="dark" id="generalTab">

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

                                    {# Médico remitente #}
                                    <h5>
                                        {{ 'labels.role.doctor_referring'|trans([], 'LocalizationBundle') }}:
                                        {% if doctorReferring is iterable %}
                                            {{ 'labels.notRegistered'|trans([], 'LocalizationBundle') }}
                                        {% else %}
                                           {{ doctorReferring.0.name }}
                                        {% endif %}
                                    </h5>
                                    <h5>{{ 'labels.technologist'|trans([], 'LocalizationBundle') }}: {{ actual.0.firstname }} {{ actual.0.lastname }}</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 %}
                                    {#concept #}
                                    {% if his_integration == 'true' and dataHis.concepto is defined%}
                                        <h5>{{ 'labels.concept'|trans([], 'LocalizationBundle') }}:</h5>
                                        <div class="col-md-12">
                                                <h6>{{ dataHis.concepto }}</h6>
                                        </div>
                                    {% endif %}
                                    <div class="clearfix"></div>
                                </div>{# End Tab1 #}

                                {# Tab2 #}
                                <div role="tabpanel" class="tab-pane tab-pane-reading 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">
                                                <div class="row">
                                                    <input type="text" id="search-study" data-nusa-enabled="false" 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> #}

                                                                    {% if study.appointmentStatus == 'MIGRADO' %}
                                                                        {% if study.id is defined %}
                                                                            <a href="{{ path('view_report',{ 'study': study.id}) }}" target="_blank">
                                                                                {{ study.studyName }}
                                                                            </a>
                                                                        {% elseif study.description is null %}
                                                                            {{ study.study }}
                                                                        {% else %}
                                                                            {{ study.studyName }}
                                                                        {% endif %}
                                                                    {% elseif study.studyName is not defined or study.studyName == '' %}
                                                                        <a class="openPrevious" data-id="{{ path('html5PreviousStudies', {'idrasr': study.idRoomAppointmentStudyReceipt}) }}">
                                                                            {{ 'labels.viewers.viewReport'|trans([], 'LocalizationBundle') }}
                                                                        </a>
                                                                    {% else %}
                                                                        <a class="openPrevious" data-id="{{ path('html5PreviousStudies', {'idrasr': study.idRoomAppointmentStudyReceipt}) }}">
                                                                            {{ study.studyName }}
                                                                        </a>
                                                                    {% endif %}                                   
                                                                </h5>
                                                                <h6>
                                                                {{ study.statusString }}
                                                                </h6>
                                                                <h5>
                                                                {% if study.studyUid is defined and study.studyUid != '' %}

                                                                    {% if client_os is defined %}
                                                                        {% if client_os == 'Windows' and visor_alma %}
                                                                            <a onclick="openViewer('{{ url_visor_alma }}{{ study.studyUid }}');">
                                                                                {{ 'labels.viewers.alma'|trans([], 'LocalizationBundle') }}
                                                                            </a>
                                                                        {% elseif client_os == 'Mac' and visor_osirix %}
                                                                            <a onclick="openViewer('{{ url_visor_osirix }}{{ study.studyUid }}');">
                                                                                {{ 'labels.viewers.osirix'|trans([], 'LocalizationBundle') }}
                                                                            </a>
                                                                        {% endif %}
                                                                    {% endif %}

                                                                    {% if visor_web_filtro == 'AN' %}
                                                                        {% set variableVisor = 'accessionNumber='~study.appointmentCode %}
                                                                    {% elseif visor_web_filtro == 'SU' %}
                                                                        {% set variableVisor = 'studyUID='~study.studyUid %}
                                                                    {% elseif visor_web_filtro == 'PI' %}
                                                                        {% set variableVisor = 'patientID='~study.document %}
                                                                    {% endif %}
                                                                    {% if xen_viewer %}
                                                                        <a href="{{ url_imex_xen_viewer }}{{ study.studyUid }}" target="_blank">
                                                                            {{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}
                                                                        </a>
                                                                    {% endif %}
                                                                    {% if visor_web_opcional == true %}
                                                                        <a href="{{ url_visor_weasis }}?{{ variableVisor }}" target="_blank">
                                                                            {{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}
                                                                        </a>
                                                                    {% endif %}

                                                                    {% if visor_web_oviyam == true %}
                                                                        <a href="{{ url_visor_oviyam }}?{{ variableVisor }}" target="_blank">
                                                                            {{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                                        </a>
                                                                    {% endif %}

                                                                    {# Visor Vitrea #}
                                                                    {% if activeVisorVitrea == true %}
                                                                        <a href="{{ url_visor_vitrea }}{{ study.studyUid }}{{ user_visor_vitrea }}" target="_blank">
                                                                            {{ 'labels.viewers.vitrea'|trans([], 'LocalizationBundle') }}
                                                                        </a>
                                                                    {% endif %}
                                                                {% endif %}
                                                                </h5>
                                                            </li>
                                                        {% endfor %}
                                                     </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>{# End tab2 #}

                                {# Tab3 #}
                                <div role="tabpanel" class="tab-pane tab-pane-reading mCustomScrollbar" data-mcs-theme="dark" id="additionalReading">
                                    {# Lecturas adicionales #}
                                    {% if(lecturasAdicionales|length !=0) %}
                                        {% for la in lecturasAdicionales %}
                                            <h5>
                                                <a style="cursor:pointer;" 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>
            </div>{# End Left column #}

            {# Orden medica  #}
            <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>

            {# 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>
                            <button id="preview" {% if actual.0.appCustom4 == true %} data-pre-save="true" {% else %} data-pre-save="false" {% endif %} class="btn btn-default">
                                <span class="glyphicon glyphicon-eye-open" data-toggle="tooltip" data-placement="top" title="{{ 'labels.preview'|trans([], 'LocalizationBundle') }}"></span>
                            </button>

                            <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>

                            <span id="dataUserSave">
                                {% if textTranscription.0.fullName is defined %}
                                    <button class="btn btn-default" title="{{ 'messages.preSavedBy'|trans({ '%name%': textTranscription.0.fullName }, 'LocalizationBundle') }}" data-toggle="tooltip">
                                        <span class="glyphicon glyphicon-alert" data-toggle="tooltip" data-placement="top" title="{{ 'labels.preguardado.action'|trans([], 'LocalizationBundle') }}"></span>
                                    </button>
                                {% endif %}
                            </span>
                        </div>
                        <div class="pull-right">
                            <button id="submitPrint" class="hidden btn btn-primary btn-send" data-toggle="tooltip" title="{{ 'validate.label'|trans([], 'LocalizationBundle') }}">
                                <span class="glyphicon glyphicon-print" style="font-size:15px;"></span> + {{ 'validate.label'|trans([], 'LocalizationBundle') }}
                            </button>
                            <button id="enviarValidacion" class="btn btn-primary btn-send" data-toggle="tooltip" title="{{ 'labels.return.toValidation'|trans([], 'LocalizationBundle') }}">
                                {{ 'validate.toPending'|trans([], 'LocalizationBundle') }}
                            </button>
                            {% if is_granted('ROLE_VALIDATION') %}
                                <button id="enviarTrans" class="btn btn-primary btn-send" data-toggle="tooltip" title="{{ 'labels.return.toDelivery'|trans([], 'LocalizationBundle') }}">
                                    {{ 'validate.label'|trans([], 'LocalizationBundle') }}
                                </button>
                            {% endif %}
                        </div>
                    </div>
                </div>
                <div class="editorRV-container">
                    <div class="editorRV editor0" name="editor0" id="editor0" contenteditable="true">{{ textTranscription.0.transcriptionText|raw }}</div>
                </div>
            </div>
        </div>
    </div>

    {# Campos tipo Hidden para funciones javascript #}
    <form id="FormData" name="FormData" action="">
        <input id="number_consultation" name="number_consultation" type="hidden" value="{{ number_consultation }}"/>
        <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="true" />
    </form>
    <input id="ocultoid" type="hidden" value="{{ actual.0.idRoomAppointmentStudyReceipt }}">
    <input type="hidden" name="banderaVR" id="banderaVR" value="transcription" />
    <input type="hidden"  id="appCode" value="{{ actual.0.appointmentCode }}" >
    <input type="hidden" id="userName" value="{{ userName }}" />
    <input type="hidden" id="rasr" value="{{ actual.0.idRoomAppointmentStudyReceipt }}" />

    {# visores para los estudios previos #}
    <div id="viewer_selection" style="display: none; text-align:center;">
        <h4>{{ 'labels.viewers.title'|trans([], 'LocalizationBundle') }}</h4>
        <div class="btn-group" role="group" style="margin:20px 0;">
            {# Visor xen viewer #}
            {% if xen_viewer %}
                <span id="td_xenViewer">
                    <a style="cursor:pointer;" id="open_xenViewer" target="_blank" class="btn btn-primary open" role="button" aria-disabled="false">
                        <span class="ui-button-text">{{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}</span>
                    </a>
                </span>
            {% endif %}

            {# Visor oviyam #}
            {% if visor_web_oviyam %}
                <span id="td_oviyam">
                    <a style="cursor:pointer;" id="open_oviyam" target="_blank" class="btn btn-primary open" role="button" aria-disabled="false">
                        <span class="ui-button-text">{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}</span>
                    </a>
                </span>
            {% endif %}

            {# Visor java #}
            {% if visor_web_opcional %}
                <span id="td_weasis">
                    <a style="cursor:pointer;" id="open_weasis" target="_blank" class="btn btn-primary open" role="button" aria-disabled="false">
                        <span class="ui-button-text">{{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}</span>
                    </a>
                </span>
            {% endif %}

            {# Visor alma #}
            <span id="td_alma">
                <a style="cursor:pointer;" id="open_alma" target="_blank" class="btn btn-primary open" role="button" aria-disabled="false">
                    <span class="ui-button-text">{{ 'labels.viewers.alma'|trans([], 'LocalizationBundle') }}</span>
                </a>
            </span>

            {# Visor osirix #}
            <span id="td_osirix">
                <a style="cursor:pointer;" id="open_osirix" target="_blank" class="btn btn-primary open" role="button" aria-disabled="false">
                    <span class="ui-button-text">{{ 'labels.viewers.osirix'|trans([], 'LocalizationBundle') }}</span>
                </a>
            </span>
        </div>
        <div class="close-icon cerrar">
            <a style="cursor:pointer;">
                <img src="{{ asset('bundles/utilities/images/closeIcon.svg') }}" width="25">
            </a>
        </div>
    </div>{# fin visores #}

    {# 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 }}">
                                        <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 #}

    {# 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 #}

    {# Condicional para mostrar encuesta MG o datos clinicos segun modalidad #}
    {% if(actual.0.varMod =='MG' and dynamicSurvey is empty) %}
        <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.mammo.encuesta'|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 %}
        
        {# dosis radiation #}
        {{ include('ReadingBundle:Default:dosisRadiationModalReading.html.twig') }}
        {# Fin dosis radiation #}
    {% endif %} {# fin datos clinicos o encuesta MG #}

    {# datos para CT #}
    {% if actual.0.varMod =='CT' and dynamicSurvey is empty %}
        {% if numero_encuesta_ct == '1' %}
            {# modal encuesta CT #}
            {{ include('PatientBundle:Patient:modalEncuestaCT.html.twig') }}
            {# Fin encuesta CT  #}

        {% elseif numero_encuesta_ct == '2' %}
            {# modal encuesta CT #}
            {{ include('PatientBundle:Patient:modalEncuestaCT2.html.twig') }}
            {# Fin encuesta CT  #}
            {# <iframe src="{{ path('reading_dictation_encuestaCT2', {'appCode': number_consultation , 'mode': 'lecturaHTML5'}) }}" width="100%" style="height:55vh;" frameborder="0" ></iframe> #}
        {% endif %}
    {% endif %} {# fin datos para CT #}

    {# Visualizar Encuesta Dinamica #}
    {% if (dynamicSurvey is not empty and is_granted('ROLE_SURVEYS_VIEW')) %}
        {% include 'ReadingBundle:Encuestas:dinamycSurvey.html.twig' %}
    {% endif %} 
    
    {# datos para MR #}
    {% if((actual.0.varMod =='RM' or actual.0.varMod =='MR') and encuesta_mr == 'true' and dynamicSurvey is empty) %}
           {# Encuestas MR #}
            {{ include('ReadingBundle:Encuestas:encuestaMR.html.twig')   }}
            {# Fin Encuestas MR #}
    {% endif %} {# fin datos para MR #}

    {# 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 #}

    {# modal confirmacion salida#}
        <div class="modal fade" id="modalCerrar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog modal-sm" role="document">
                <div class="modal-content">
                    <div class="modal-body">
                        <h4>Está seguro de cerrar este estudio?</h4>
                        <h4>Se perderan los cambios sin guardar.</h4>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" id="closeReading" >{{ 'button.acept'|trans([], 'LocalizationBundle') }}</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal" >{{ 'button.cancel'|trans([], 'LocalizationBundle') }}</button>
                    </div>
                </div>
            </div>
        </div>
    {# fin confirmacion salida #}

    {# Adicionar lectura #}
    {{ include('ReadingBundle:Default:addHTML5Reading.html.twig') }}
    {# Fin Adicionar lectura #}

    {# second opinion #}
    {{ include('ReadingBundle:Default:secondOpinionModal.html.twig') }}
    {# Fin second opinion  #}

    {# Evidence Document #}
    {{ include('UtilitiesBundle:Default:evidenceDocument.html.twig') }}
    {# Fin Evidence Document #}

    {# fin campos hidden #}
{% endblock content %}
{% block script %}
 
    <script>
        {# Variables #}
        {% 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 %}

        {% if ( is_granted('ROLE_VR')) %}
            var activatedNusa = true;
            var rv = true;
        {% else %}
            var rv = false;
        {% endif %}
        var this_user_id = parseInt('{{ app.user.id }}');
        var urlPrintPDF = '{{ path('PrintResultPDF',{'per': actual.0.idRoomAppointmentStudyReceipt } ) }}';
        var send_second_opinion = "{{ path('send_second_opinion') }}";
        var pdf_reporte_his = '{{ pdf_reporte_his }}';
        var userName = "{{ app.user.firstname }} {{ app.user.lastname }}";
        var updating = '{{ 'utilities.updating'|trans([], 'LocalizationBundle') }}';
        var saveRec = '{{ 'messages.saveRec'|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 commentAdd = "{{ 'reading.commentAdd'|trans([], 'LocalizationBundle') }}";
        //url de inactividad
        var URL_SendReading = '{{ path('setWorkFlowToPreviousStatus') }}';
        var inactividad= '{{ inactivity_timer }}';
        var RV = false;
        var html5_rec = "{{ path('html5_rec', {'appcode': actual.0.appointmentCode, 'idrasr': actual.0.idRoomAppointmentStudyReceipt }) }}";
        var id_room = '{{ actual.0.idRoomAppointmentStudyReceipt }}';
        var msj_error_birads = '{{ 'messages.biradsError'|trans([], 'LocalizationBundle') }}';
        var modality = '{{ actual.0.varMod }}';
        var errorBiradsUpdate = '{{ 'labels.valueBirads'|trans([], 'LocalizationBundle') }}: {{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var saveComment = '{{ 'button.save'|trans([], 'LocalizationBundle') }}';
        var var_mammography_report = '{{ mammography_report }}';
        {# revisar #}
        var url_worklist = '{{ path('reading_Worklist') }}';
        var adicionLectura = '{{ adicionLectura }}';
        var return_to_reading_pending = '{{ path('return_to_reading_pending') }}';
 
        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 url_imex_xen_viewer_mobile = '/m/';
        var xen_viewer = '{{ xen_viewer }}';
        var uid = '{{ uid }}';
        var visor_web_opcional = '{{ visor_web_opcional }}';
        var closer="{{ asset('bundles/utilities/images/closeIcon.svg') }}";

        {% if textTranscription.0.fullName is defined %}
            var preSaved = "{{ 'messages.preSaved'|trans({ '%name%': textTranscription.0.fullName }, 'LocalizationBundle') }}";
            var id_user_save = parseInt('{{ textTranscription.0.userid }}');
            var name_user_save = '{{ textTranscription.0.fullName }}';
        {% else %}
            var preSaved = '';
            var id_user_save = parseInt('{{ app.user.id }}');
            var name_user_save = '{{ app.user.firstname }} {{ app.user.lastname }}';
        {% endif %}
        var namePresaveReplace = "{{ 'messages.preSavedBy'|trans({ '%name%': '***' }, '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 msnerror = '{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}';
        var url_recorder = '{{ asset('bundles/reading/js/ajax/Lectura.js') }}';
        var detalles = '{{ 'labels.patient.details'|trans([], 'LocalizationBundle') }}';
        var mammoInfo = '{{ 'messages.mammoInfo'|trans([], 'LocalizationBundle') }}';
        var seguroEnviar = '{{ 'messages.seguroEnviar'|trans([], 'LocalizationBundle') }}';
        var seguroEnviarTrans = '{{ 'messages.seguroEnviarTrans'|trans([], 'LocalizationBundle') }}';
        var seguroEnviarVal = '{{ 'messages.seguroEnviarValidar'|trans([], 'LocalizationBundle') }}';
        var seguro = '{{ 'messages.seguro'|trans([], 'LocalizationBundle') }}';
        var seguroEliminar = '{{ 'messages.seguroEliminar'|trans([], 'LocalizationBundle') }}';
        var perderaInfo = '{{ 'messages.datosEliminados'|trans([], 'LocalizationBundle') }}';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var acept = '{{ 'button.acept'|trans([], 'LocalizationBundle') }}';
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}";
        var errorTemplate = "{{ '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 devolverEstudio = '{{ 'messages.devolverEstudio'|trans([], 'LocalizationBundle') }}';
        var visor_web_filtro = '{{ visor_web_filtro }}';
        var MG = '';
        var devolution = false;
        var sinRespuesta = '{{ 'messages.sinRespuesta'|trans([], 'LocalizationBundle') }}';
        var camposObligatorios = '{{ 'messages.camposObligatorios'|trans([], 'LocalizationBundle') }}';
        var labelAddReading = '{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}';
        var loading = '{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle') }}';
        var validateBirad = '{{ actual.0.birad }}';
        var birads = '{{ actual.0.birads }}';
        var _LOCALE = '{{ LOCALE }}';
        var _SPELLCHECK = '{{ SPELLCHECK }}';
        /*inicio data group */
        var lectAdd='{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}';
        var internalOrder='{{ asset('bundles/utilities/internalOrder/') }}';
        var sinOrder='{{ asset("bundles/utilities/images/sinorden.pdf") }}'; 
        var nodynamicSurveys='{{ 'reading.nodynamic'|trans([], 'LocalizationBundle') }}';
        var group=false;
        
        {% if rasr is iterable %}
            group=true;
            html5_rec = "{{ path('html5_rec', {'appcode': actual.0.appointmentCode, 'idrasr': rasr|join(",") }) }}";
        {% endif %}   
        let appoinCo = [];
        let d=0;
        {% for appc in study.appCodes %}
            appoinCo[d]='{{ appc }}';
            d++;
        {% endfor %}
        /*fin data group */
        {% if devolution %}
            var devolution = true;
        {% endif %}

        {% if auto_validated == 'true' and check_auto_validate == 'true' %}
            $('#autovalidateRecord').prop('checked',true);
        {% elseif auto_validated == 'false' and check_auto_validate == 'true' %}
            $('#autovalidateRecord').prop('checked',true);
        {% endif %}  
         
         var UrlGetIdAppGroup = "{{ path('get_id_app_group') }}";
         var UrlGetTrasncriptionGroup = "{{ path('get_transcription_group') }}";
         var reservedStudy = "{{ reserved|default('') }}";
         {% if rasr is iterable %}
            var studyGroup = true;
         {% else %}
            var studyGroup = false;
        {% endif %}
       
        {% if (dynamicSurvey is empty) %}
             var dynamicSurvey='';
        {% else %} 
           var dynamicSurvey= '{{ dynamicSurvey.register }}';
        {% endif %}
        
        //Validación para aplicar estilos en la encuesta CT segun el ROLE
        {% if ( is_granted('ROLE_READING') or is_granted('ROLE_VR'))  %}
            $("#divDatos").addClass("col-md-12");
        {% else %}
            $("#divDatos").addClass("col-md-6");
        {% endif %}
        var url_buscar_encuestaCt = '{{ path('DataEncuestaCt') }}';
        var url_buscar_encuestaCT2 = '{{ path('DataEncuestaCT2') }}';
        //fin validacion estilos
      
    </script>
    <script type="text/javascript" src="{{ asset('bundles/reading/js/ajax/funcionesAgrupacion.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/reading/js/ajax/ReadingHTML5.js') }}"></script>
    <link rel="stylesheet" href="{{ asset('bundles/utilities/sweetalert/sweetalert.css') }}" >
    <script type="text/javascript" src="{{ asset('bundles/utilities/sweetalert/sweetalert.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/patient/js/ajax/encuestaCT.js') }}"></script>
    


{% endblock script %}