{# {% extends dataVRQueryResult is defined ? 'UtilitiesBundle:Drag:dragTemplate.html.twig': 'UtilitiesBundle:Drag:dragTemplate2.html.twig' %} #}
{% extends 'UtilitiesBundle:Drag:dragTemplate2.html.twig' %}

{% set vista = 1 %}
{% block initVariables %}
    {% if dataVRQueryResult is defined %}
        setParameters({"panelLeft":["c1","c3","c2"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["240","775"]});
    {% else %}
        setParameters({"panelLeft":["c1","c6","c3"],"panelRight":["c2","c7"]},true, {"ids":["c1","c3","c2"],"heights":["160","40","170"]});
    {% endif %}

{% endblock initVariables %}
{% block initVariables2 %}
    {% if dataVRQueryResult is defined %}
        setParameters({"panelLeft":["c1","c3","c2"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["240","775"]});
    {% else %}
        setParameters({"panelLeft":["c1","c6","c3"],"panelRight":["c2","c7"]},true, {"ids":["c1","c3","c2"],"heights":["170","120","240"]});
    {% endif %}

{% endblock initVariables2 %}
{% block initVariables3 %}
    {% if dataVRQueryResult is defined %}
        setParameters({"panelLeft":["c1","c3","c2"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["240","775"]});
    {% else %}
        setParameters({"panelLeft":["c1","c6","c3"],"panelRight":["c2","c7"]},true, {"ids":["c1","c3","c2"],"heights":["195","270","270"]});
    {% endif %}

{% endblock initVariables3 %}
{% block initVariables4 %}
    {% if dataVRQueryResult is defined %}
        setParameters({"panelLeft":["c1","c3","c2"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["240","775"]});
    {% else %}
        setParameters({"panelLeft":["c1","c6","c3"],"panelRight":["c2","c7"]},true, {"ids":["c1","c3","c2"],"heights":["200","270","300"]});
    {% endif %}

{% endblock initVariables4 %}
{% if dataVRQueryResult is defined %}
    {% block moreResize %}

        resizeElement("#contentSpeach");
    {% endblock moreResize %}
{% endif %}
{% block moreJS %}
    {# Carga el script donde se realizarán las peticiones ajax para los filtros
    #}
    <style>
        .ui-dialog { z-index: 1011 !important }

        .pdfSlider_rootContainer {
            width: 98% !important;
            height: 650px !important;
        }

        .pdfSlider_slidesContainer {
            width: 100% !important;
            height: 100% !important;
        }

        .pdfSlider_slideWrapper {
            width: 100% !important;
            height: 100% !important;
        }
        .request-opinion{
            font-size:1.1em;
        }
        .request-opinion > textarea{
            margin-bottom:10px;
        }
        .request-opinion h3{
            font-size:1.4em;
            text-align: left;
            display:block;
        }
        .request-opinion h4{
            font-size:1.2em;
            text-align: left;
            display:block;
        }
        .request-opinion hr{
            border-color:#333;
            height:1px;
            margin-bottom:10px;
        }
        .comments-request{
            min-height:100px;
            width:50%;
            display:block;
        }
        .col-3{
            width:33.33%;
            float:left;
            text-align:left;
            margin:10px 0;
        }
    </style>



    <link href="{{ asset('bundles/reading/js/external/google-code-prettify/prettify.css') }}"
          rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('bundles/main/css/bootstrap_reading.css') }}"/>
    {# <link rel="stylesheet" type="text/css" href="{{ asset('bundles/hirukoresultviewer/themes/HRK/global/plugins/bootstrap/css/bootstrap.min.css') }}"> #}
    <script src="{{ asset('bundles/reading/js/external/jquery.hotkeys.js') }}"></script>
    <script src="{{ asset('bundles/utilities/js/bootstrap.min.js') }}"></script>
    <script src="{{ asset('bundles/reading/js/external/google-code-prettify/prettify.js') }}"></script>
    {# <script src="{{ asset('bundles/reading/js/bootstrap-wysiwyg.js') }}"></script> #}
    <link href="{{ asset('bundles/utilities/css/font-awesome.css') }}" rel="stylesheet">
    {% if is_granted('ROLE_VR') == false %}
        <script src="{{ asset('bundles/utilities/ckeditor/ckeditor.js') }}"></script>
        <script src="{{ asset('bundles/utilities/ckeditor/adapters/jquery.js') }}"></script>
    {% endif %}
    {#<script src="{{ asset('bundles/utilities/js/rich_text.js') }}"></script>#}
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/reading/js/ajax/LecturaUS.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/reading/js/ajax/PrintReadingMGandUS.js') }}"></script>
    <script type="text/javascript">
        var url_actualizar_prioridad = '{{ path('actualizar_prioridad') }}';
        var URL_SendReading = '{{ path('setWorkFlowToPreviousStatus') }}';
        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_worklist = '{{ path('reading_DictationWorklist') }}';
        var url_recorder = '{{ asset('bundles/reading/js/ajax/Lectura.js') }}';
        var url_birads = '{{ path('UpdateBirads') }}';
        var URL_dataRecording = "{{ path('reading_dictation_SendReading') }}";
        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 msnerror = '{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}';
        var modality = '{{ actual.0.varMod }}';
        var validateBirad = '{{ actual.0.birad }}';
        var msj_modality_birads_error = '{{ 'messages.actBirads'|trans([], 'LocalizationBundle') }}';
        var url_update_images = '{{ path('UpdateDataImagesPacs') }}';
        var recmod = '{{ actual.0.recMod }}';
        var app = '{{ number_consultation }}';
        var studyCode = '{{ actual.0.studyCode }}';
        var msj_birads_uploads = '{{ 'labels.valueBirads'|trans([], 'LocalizationBundle') }}:';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var acept = '{{ 'button.acept'|trans([], 'LocalizationBundle') }}';
        var seguroEnviar = "{{ 'messages.seguroEnviar'|trans([], 'LocalizationBundle') }}";
        var seguro = "{{ 'messages.seguro'|trans([], 'LocalizationBundle') }}";
        var lecturaOk = "{{ 'messages.lecturaOk'|trans([], 'LocalizationBundle') }}";
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}";
        var processOk = "{{ 'messages.processOk'|trans([], 'LocalizationBundle') }}";
        var textoValido = "{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}";
        var saveReturn = '{{ 'button.saveReturn'|trans([], 'LocalizationBundle') }}';
        var pleaseWait = "{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}";
        var mammoInfo = "{{ 'messages.mammoInfo'|trans([], 'LocalizationBundle') }}";
        var url_devolution_reading = '{{ path('Reading_DevolutionReading') }}';
        var closer="{{ asset('bundles/utilities/images/cerrar.png') }}";
        var dicom = '{{ actual.0.dicom }}';
        {% if(dicom) %}
        {% if (DataStudy.0.studyUid is defined) %}
        var stydyU = '{{ DataStudy.0.studyUid }}';
        {% else %}
        var stydyU = '';
        {% endif %}
        {% else %}
        var stydyU = '';
        {% endif %}
        var url_visor_weasis= '{{ url_visor_weasis }}';
        var visor_web_opcional = '{{ visor_web_opcional }}'
        var visor_web_oviyam = '{{ visor_web_oviyam }}';
        var url_imex_xen_viewer = '{{ url_imex_xen_viewer }}';
        var xen_viewer = '{{ xen_viewer }}';
        var oviyam = "{{ url_visor_oviyam }}";
        var var_mammography_report = '{{ mammography_report }}';
        var labeloviyam = "{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}";
        var java = "{{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}";
        var cargando = "{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle') }}";
        var client_os = "{{ client_os }}";
        var alma = "{{ url_visor_alma }}";
        var labelAlma = "{{ 'labels.viewers.alma'|trans([], 'LocalizationBundle') }}";
        var labelOsirix = "{{ 'labels.viewers.osiris'|trans([], 'LocalizationBundle') }}";
        var osirix = "{{ url_visor_osirix }}";
        var updatedSuccessfully = '{{ 'messages.actualizadoOk'|trans([], 'LocalizationBundle') }}';
        var noPictures = '{{ 'labels.noImg'|trans([], 'LocalizationBundle') }}';
        var alreadyUpdated = '{{ 'labels.actImgOk'|trans([], 'LocalizationBundle') }}';
        var url_make_transcription_read = '{{ path('transcription_MakeTranscriptionRead') }}';
        var url_add_reading = '{{ path('AddReading', {'rasr':' '}) }}';
        var adicionLectura = '{{ adicionLectura }}';
        var Url_Previsualizar ='{{ path('transcription_UpdateTranscription' ) }}';
        var vistaInformeMamografia = '{{ path('reading_dictation_informeMamografia', {'cit': number_consultation }) }}';
        var url_buscarDatosInformeMamografico = '{{ path('reading_dictation_buscarInformeMamografico') }}';
        var SrcAlert = '{{ asset('bundles/utilities/images/alert.png') }}';
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
        var visor_web_filtro = '{{ visor_web_filtro }}';
        var devolution = false;
        {% if devolution %}
        var devolution = true;
        {% endif %}
        var Url_PrintPDF ='{{ path('PrintResultPDF',{'per': cit } ) }}';
        var pdf_reporte_his = '{{ pdf_reporte_his }}';
        var infoMG_PDF = '{{ path('ImprimirInformeMamografico', {'codApp': actual.0.appointmentCode }) }}';
        var MG = '';
        var deleteFile = '{{ path('deleteFile') }}';
        var sinRespuesta = '{{ 'messages.sinRespuesta'|trans([], 'LocalizationBundle') }}';
        var camposObligatorios = '{{ 'messages.camposObligatorios'|trans([], 'LocalizationBundle') }}';
        
        {% if is_granted('ROLE_VR') %}
        var rv = true;
        {% else %}
        var rv = false;
        {% endif %}

    </script>
    {# <link href="{{ asset('bundles/utilities/css/editoreco.css') }}" rel="stylesheet"> #}
    {# Preloader #}
    <link href="{{ asset('bundles/utilities/preloader/introLoader.css') }}" rel="stylesheet">
    <script src="{{ asset('bundles/utilities/preloader/jquery.easing.1.3.js') }}"></script>
    <script src="{{ asset('bundles/utilities/preloader/jquery.introLoader.js') }}"></script>
    <script src="{{ asset('bundles/utilities/preloader/spin.min.js') }}"></script>
    <script>
        $(document).on('ready', function() {
            $("#precargador").introLoader({
                animation: {
                    name: 'doubleLoader',
                    options: {
                        exitFx:'fadeOut',
                        ease: "easeInOutCirc",
                        style: 'ocean zebra',
                        delayBefore: 500,
                        exitTime: 300,
                        progbarTime: 700,
                        progbarDelayAfter: 400,
                        preventScroll: true
                    }
                }
            });
        });
    </script>
    {# Fin preloader #}
{% endblock moreJS %}


{% block more_content %}
    <div id="viewPDF" style="width: 30%; text-align: center;" ></div>
    <div id="precargador" class="introLoading"></div>
    <div id="add_reading">

    </div>
    <div id="viewer_selection" style="display: none; text-align:center;">
        {{ 'labels.viewers.title'|trans([], 'LocalizationBundle') }}
        <table style="width: 70%; height: 60%; text-align: left; margin: 0 auto;">
            <tr>
                {# Visor xen viewer #}
                {% if xen_viewer %}
                    <td id="td_xenViewer">
                        <a href="#" id="open_xenViewer" target="_blank"
                           class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                           role="button"
                           aria-disabled="false">
                            <span class="ui-button-text">{{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}</span>
                        </a>
                    </td>
                {% endif %}
                {# Visor oviyam #}
                {#{% if visor_web_oviyam %}
                    <td id="td_oviyam">
                        <a href="#" id="open_oviyam" target="_blank"
                           class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                           role="button"
                           aria-disabled="false">
                            <span class="ui-button-text">{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}</span>
                        </a>
                    </td>
                {% endif %}#}
                {# Visor java #}
                {% if visor_web_opcional %}
                    <td id="td_weasis">
                        <a href="#" id="open_weasis" target="_blank" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
                            <span class="ui-button-text">{{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}</span>
                        </a>
                    </td>
                {% endif %}
                {# Visor alma #}
               {#<td id="td_alma">
                    <a href="#" id="open_alma" target="_blank"
                       class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                       role="button"
                       aria-disabled="false">
                        <span class="ui-button-text">{{ 'labels.viewers.alma'|trans([], 'LocalizationBundle') }}</span>
                    </a>
                </td>#}
                {# Visor osirix #}
                {#<td id="td_osirix">
                    <a href="#" id="open_osirix" target="_blank"
                       class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                       role="button"
                       aria-disabled="false">
                        <span class="ui-button-text">{{ 'labels.viewers.osirix'|trans([], 'LocalizationBundle') }}</span>
                    </a>
                </td>#}
            </tr>
        </table>
    </div>
    {# Modal lectura adicional #}
    <div class="modal fade" id="addRead" title="Lecturas adicionales">
        <div class="modal-dialog modal-dialog-md" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    {% if(lecturasAdicionales|length !=0) %}

                        {% for la in lecturasAdicionales %}
                            {% set  NumberImage  =   loop.index %}
                            <a href="#" id="dataReading" class="addReading"
                               name="{{ path('transcription_viewTransAuxiliary', {'content':la.idAuxiliaryTranscription}) }}">
                                * {{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}
                                - {{ NumberImage }}
                            </a>
                            <br>
                        {% endfor %}
                    {% else %}
                        <span class="ui-icon ui-icon-alert"
                              style="float: left; margin-right: .3em;"></span>
                        <div id="mensajeError">{{ 'labels.lecturas.noAditionalReading'|trans([], 'LocalizationBundle') }}</div>
                    {% endif %}
                </div>

            </div>
        </div>
    </div>
    <form id="devolution_causes" name="devolution_causes" action="">
        <input id="number_consultation" name="number_consultation" type="hidden"
               value="{{ number_consultation }}"/>
        <input id="number_status" name="number_status" type="hidden" value="{{ number_status }}"/>
    </form>
    <div id="dataMammographyRadiologistDialog" title="Informe Mamografico" style="overflow: hidden">
    </div>

    {% if(actual.0.varMod =='CT') %}
        <div id="dataCTDialog" title="Encuesta CT" style="display:none;">
            <div id="dataCTDialogContent">
                {% include 'PatientBundle:Patient:ViewDataCT.html.twig' %}
                {# Se agrega los estilos para evitar que los cuadros de la columna de la izquieda haga saltos #}
                <style>
                    * {
                        box-sizing: inherit;
                    }
                </style>
            </div>
        </div>
        <div id="dataCTRadiologistDialog" title="Informe CT" style="overflow: hidden">
        </div>
    {% endif %}
    <div id="devolutionData"
         title="{{ 'labels.return.toReading'|trans([], 'LocalizationBundle') }}"
         style="display:none;">
        <div align="center">
            <label>{{ 'labels.reasons_return'|trans([], 'LocalizationBundle') }}</label>
            <br>

            <div id="errorDevolution" class="ui-widget">
                <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
                    <p><span class="ui-icon ui-icon-alert"
                             style="float: left; margin-right: .3em;"></span>

                    <div id="mensajeError">{{ 'labels.devolutionError'|trans([], 'LocalizationBundle') }}</div>
                    </p>
                </div>
            </div>
            <textarea id="devolution_motive"
                      style="width: 300px; height: 200px; resize: none;"></textarea>
        </div>
    </div>
    <div id="dataDevolution" title="{{ 'labels.devoluciones'|trans([], 'LocalizationBundle') }}">
        <div align="center">
            <table class="dataMTable">
                <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>
                </tr>
                {% for dev in devolution %}
                    <tr>
                        <td>{{ loop.index }}</td>
                        <td>{{ dev.current }}</td>
                        <td>{{ dev.nextStep }}</td>
                        <td>{{ dev.motiveDevolution }}</td>
                        <td>{{ dev.username }}</td>
                    </tr>
                {% endfor %}
            </table>

        </div>
    </div>



{% endblock more_content %}

{% block c1_title %}{{ 'labels.patient.patientData'|trans([], 'LocalizationBundle') }}{% endblock c1_title %}
{% block c1_content %}
    <input type="hidden" name="banderaVR" id="banderaVR" value="transcription" />
    <div style="line-height: 1.1;">
        <p style="margin-bottom:0px;margin-top: 0px; font-size: 20px;">
            <strong><label id="appCode" > {{ actual.0.appointmentCode }}</label></strong></p>
        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'labels.date.fechaCita'|trans([], 'LocalizationBundle') }}
                :</strong><label> {{ actual.0.appointmentDate }}</label></p>

        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'labels.patient.patientName'|trans([], 'LocalizationBundle') }}
                :</strong><label> {{ actual.0.firstName~' '~actual.0.secondName~' '~actual.0.firstLastName~' '~actual.0.secondLastName }}</label>
        </p>

        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'labels.patient.birthDate'|trans([], 'LocalizationBundle') }}
                :</strong><label>{{ actual.0.dateBirth|date('d-m-Y') }}</label></p>

        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'labels.patient.age'|trans([], 'LocalizationBundle') }}
                :</strong><label>{{ edadPaciente }}
                {#{% if actual.0.ageYear < 0 %}
                    {% if actual.0.ageType != "" %}
                        0 {{ actual.0.ageType }}
                    {% else %}
                        0 N/A
                    {% endif %}
                {% else %}
                    {% if actual.0.ageType != "" %}
                        {{ actual.0.ageYear }} {{ actual.0.ageType }}
                    {% else %}
                        {{ actual.0.ageYear }}  N/A
                    {% endif %}
                {% endif %}#}
            </label></p>

        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'labels.documentType'|trans([], 'LocalizationBundle') }}
                :</strong><label> {{ doctype_label }}</label></p>

        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'labels.IdNumber'|trans([], 'LocalizationBundle') }}
                :</strong><label id="documentoPaciente"> {{ actual.0.document }}</label></p>

        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'utilities.headquarter'|trans([], 'LocalizationBundle') }}
                :</strong><label> {{ actual.0.varHead }}</label>
        </p>

        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'modalities.modality'|trans([], 'LocalizationBundle') }}
                :</strong><label> {{ actual.0.varMod }}</label></p>

        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'labels.patient.infoClinica'|trans([], 'LocalizationBundle') }}
                :</strong><label> {{ actual.0.clinical }}</label>
        </p>

        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'labels.role.doctor_referring'|trans([], 'LocalizationBundle') }}: </strong>
            {% if doctorReferring.0.name == '' %}
                <label>{{ 'labels.notRegistered'|trans([], 'LocalizationBundle') }}</label>
            {% else %}
                <label>{{ doctorReferring.0.name }}</label>
            {% endif %}
        </p>

        {% if his_integration == 'true' %}
            <p style="margin-bottom:0px;margin-top: 0px;">
                <strong>{{ 'labels.observaciones'|trans([], 'LocalizationBundle') }}:</strong><label> {{ actual.0.obsord|trim }}</label>
            </p>
            <p style="margin-bottom:0px;margin-top: 0px;">
                <strong>{{ 'labels.justificacion'|trans([], 'LocalizationBundle') }}:</strong><label> {{ actual.0.justif|trim }}</label>
            </p>
        {% endif %}

        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}:</strong>
            {% for act in actual %}
                <label> {{ act.studyName }}</label>,
            {% endfor %}
        </p>

        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'labels.study.pendLectura'|trans([], 'LocalizationBundle') }}:</strong>
            <label>{{ count.0.numberN }}</label><br>
        </p>

        <p>
            <strong>{{ 'labels.priority'|trans([], 'LocalizationBundle') }}:</strong>
            <select id="select_prioridad" name="select_prioridad">
                {% 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>
        </p>

    </div>


    <div style="margin-top: 10px; " id="viewers">
        <a id="close" style="cursor: pointer; padding: 5px;" class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" >
            {{ 'button.close'|trans([], 'LocalizationBundle') }}</a>
        <a id="previsualizar" style="cursor: pointer; padding: 5px;"
           class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" >Previsualizar</a>

        {% if(orden_lectura!=true) %}
            <a id="ordenMedica" style="cursor: pointer; padding: 5px;"
               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" >Orden Medica</a>

        {% endif %}
        {# This fragment will remain commented until Oviyam2 will be useful #}
        {% if(dicom) %}
            {% if actual.0.pasoLectura != 't' %}
                {% if (DataStudy.0.studyUid is defined) %}
                    <input type="hidden" id="studyUUid" value="{{ DataStudy.0.studyUid }}">

                    {% if visor_web_filtro == 'AN' %}
                        {#{% if visor_web_oviyam == true %}
                            <a href="{{ url_visor_oviyam }}?accessionNumber={{ actual.0.appointmentCode }}"
                               style="cursor: pointer; padding: 5px;"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                               target="_blank"
                               id="button3">{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}</a>
                        {% endif %}

                        {% if visor_web_opcional == 'true' %}
                            <a href="{{ url_visor_weasis }}?accessionNumber={{ actual.0.appointmentCode }}"
                               style="cursor: pointer; padding: 5px;"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                               target="_blank"
                               id="button3">{{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}</a>
                        {% endif %}#}
                    {% elseif visor_web_filtro == 'SU' %}
                        {#{% if visor_web_oviyam == true %}
                            <a href="{{ url_visor_oviyam }}?studyUID={{ DataStudy.0.studyUid }}"
                               style="cursor: pointer; padding: 5px;"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                               target="_blank"
                               id="button3">{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}</a>
                        {% endif %}#}

                        {% if visor_web_opcional == 'true' %}
                            <a href="{{ url_visor_weasis }}?studyUID={{ DataStudy.0.studyUid }}"
                               style="cursor: pointer; padding: 5px;"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                               target="_blank"
                               id="button3">{{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}</a>
                        {% endif %}
                    {% elseif visor_web_filtro == 'PI' %}
                        {#{% if visor_web_oviyam == true %}
                            <a href="{{ url_visor_oviyam }}?patientID={{ actual.0.document }}"
                               style="cursor: pointer; padding: 5px;"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                               target="_blank"
                               id="button3">{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}</a>
                        {% endif %}

                        {% if visor_web_opcional == 'true' %}
                            <a href="{{ url_visor_weasis }}?patientID={{ actual.0.document }}"
                               style="cursor: pointer; padding: 5px;"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                               target="_blank"
                               id="button3">{{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}</a>
                        {% endif %}#}
                    {% endif %}

                   {#{% if client_os is defined %}
                        {% if client_os == 'WIN' %}
                            <span style="cursor: pointer; padding: 5px;"
                                  onclick="openViewer('{{ url_visor_alma }}{{ DataStudy.0.studyUid }}');"
                                  class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                                  id="button4">{{ 'labels.viewers.alma'|trans([], 'LocalizationBundle') }}</span>
                        {% elseif client_os == 'OSX' %}
                            <span style="cursor: pointer; padding: 5px;"
                                  onclick="openViewer('{{ url_visor_osirix }}{{ DataStudy.0.studyUid }}');"
                                  class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                                  id="button4">{{ 'labels.viewers.osiris'|trans([], 'LocalizationBundle') }}</span>
                        {% endif %}

                    {% endif %}#}
                    {% if xen_viewer == true %}
                        <a href="{{ url_imex_xen_viewer }}{{ uid }}" style="cursor:pointer;padding:5px;" id="xen_viewer" class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" target="_blank">
                            {{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}
                        </a>
                    {% endif %}
                {% else %}
                    <a id="updateImages" style="cursor: pointer; text-decoration: none; "
                       class="button_data">
                        {{ 'labels.updateImages'|trans([], 'LocalizationBundle') }}</a>
                {% endif %}
            {% endif %}
        {% endif %}


        {% if activeVisorVitrea == true %}
            <a href="{{ url_visor_vitrea }}{{ DataStudy.0.studyUid }}{{ user_visor_vitrea }}"
               style="cursor: pointer; padding: 5px;"
               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 %}

        {% if uid != '' and xen_viewer == true %}
            <a href="{{ url_imex_xen_viewer }}{{ uid }}" id="xen_viewer" style="cursor:pointer;padding:5px;" class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" target="_blank">
                {{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}
            </a>
        {% endif %}

    </div>



{% endblock c1_content %}



{% if(orden_lectura==false) %}
    {% block c21_content %}
        {% if queryMedicalOrder|length!=0 %}
            <div id="closer"><img src="{{ asset('bundles/utilities/images/cerrar.png') }}"
                                  width="30"></div>
            <object data="{{ asset("bundles/utilities/internalOrder/") }}{{ queryMedicalOrder.1 }}"
                    type="application/pdf"
                    data-caption="{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}"
                    width="90%" height="90%"></object>
        {% else %}
            <div id="closer"><img src="{{ asset('bundles/utilities/images/cerrar.png') }}"
                                  width="30"></div>
            <object data="{{ asset("bundles/utilities/images/sinorden.pdf") }}"
                    type="application/pdf"
                    data-caption="{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}"
                    width="90%" height="90%"></object>
        {% endif %}
    {% endblock c21_content %}
{% else %}
    {% block c2_title %}{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}{% endblock c2_title %}
    {% block c2_content %}

        <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 %}"
                    type="application/pdf"
                    data-caption="{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}"
                    width="100" height="100"></object>
            {#{% if queryHistorialPatient|length!=0 %}
                               <object data="{{ asset("bundles/utilities/historiaPatient/") }}{{ queryHistorialPatient.1 }}"
                                       type="application/pdf"
                                       data-caption="{{ 'utilities.HistorialPatient.label'|trans([], 'LocalizationBundle') }}"
                                       width="100" height="100"></object>
                           {% endif %}#}
        </div>

    {% endblock c2_content %}
{% endif %}

    {% block c3_title %}{{ 'labels.study.previous'|trans([], 'LocalizationBundle') }}{% endblock c3_title %}
    {% block c3_content %}
        {% if previousStudyList != "" %}

            <table class="tablesorter">
                <thead>
                <tr>

                    <th>
                        {{ 'labels.date.normal'|trans([], 'LocalizationBundle') }}<br>
                    </th>
                    <th>
                        {{ 'modalities.modality'|trans([], 'LocalizationBundle') }}<br>
                    </th>
                    <th>
                        {{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}<br>
                    </th>
                    {#
                        <th>
                            {{ 'labels.document.report'|trans([], 'LocalizationBundle') }}<br>
                        </th>
                        <th>
                            {{ 'labels.listenRecord'|trans([], 'LocalizationBundle') }}<br>
                        </th>
                    #}
                    <th>
                        {{ 'labels.see'|trans([], 'LocalizationBundle') }}<br>
                    </th>

                <tr>

                </thead>

                <tbody id="bodyread">
                {% for study in previousStudyList %}
                    <tr>
                        <td>
                            {{ study.appointmentDate }}
                        </td>
                        <td>
                            {{ study.idModality }}
                        </td>
                        <td>
                            {{ study.studyName }}
                        </td>
                        {#
                            <td>
                                <a href="{{ path('PrintResultPDF' , {'per':study.idRoomAppointmentStudyReceipt}) }}"
                                   target="_blank" id="imprimir" >
                                    <span class="ui-icon ui-icon-print"></span>
                                </a>
                            </td>
                            <td>
                                <a href="{{ path('QueryListenRecording' , {'per':study.idRoomAppointmentStudyReceipt}) }}"
                                   target="_blank" id="cambio">
                                    <span class="ui-icon ui-icon-play"></span>
                                </a>
                            </td>
                        #}
                        <td>
                            {% if study.studyUid != "" %}
                                <a href="#">
                                    <span id="viewfinder-{{ loop.index }}" class="ui-icon ui-icon-image"
                                          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}) }}">
                                    </span>
                                </a>
                            {% else %}
                                <a target="_blank" id="cambio" style="cursor:pointer;" onclick="window.open('{{ path('QueryListenRecording' , {'per':study.idRoomAppointmentStudyReceipt}) }}'); window.open('{{ path('PrintResultPDF' , {'per':study.idRoomAppointmentStudyReceipt}) }}')">
                                    <span class="ui-icon ui-icon-play"></span>
                                </a>
                            {% endif %}
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        {% else %}
            <h3><label>{{ 'labels.study.noPrevious'|trans([], 'LocalizationBundle') }}</label></h3>
        {% endif %}

    {% endblock c3_content %}

    {% block c6_title %}
        {% if dataVRQueryResult is defined %}
            {{ 'modalities.transcription'|trans([], 'LocalizationBundle') }}
        {% else %}
            {{ 'modalities.dictado'|trans([], 'LocalizationBundle') }}
        {% endif %}
    {% endblock c6_title %}

    {% block c6_content %}
        {% if dataVRQueryResult is defined %}
            <div style=" overflow:auto;">
                <div>
                    <input type="hidden" id="databirads">
                    {% if(actual.0.varMod =='MG') %}
                        <p>
                            <label>{{ 'labels.birads'|trans([], 'LocalizationBundle') }}</label>
                        </p>
                        <p>
                            <select id="birads_select" sytle="width:150px">
                                <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>
                            <a href="#" id="birads" style="cursor:pointer; padding:5px; text-decoration: none;"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">{{ 'labels.updateBIRADS'|trans([], 'LocalizationBundle') }}</a>
                            <label id="dataBirads_update">{{ 'labels.valueBirads'|trans([], 'LocalizationBundle') }}
                                : </label>
                        </p>
                    {% elseif(actual.0.varMod =='US' and actual.0.birad == 't') %}
                        <p><label>{{ 'labels.birads'|trans([], 'LocalizationBundle') }}</label>
                            <select id="birads_select" sytle="width:150px">
                                <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>
                            <a id="birads" style="cursor:pointer; padding:5px; text-decoration: none;"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">{{ 'labels.updateBIRADS'|trans([], 'LocalizationBundle') }}</a>
                            <label id="dataBirads_update">{{ 'labels.valueBirads'|trans([], 'LocalizationBundle') }}
                                : </label>
                            {#<a id="dataMammographyButton" class="ui-corner-all button_data"
                                   style="cursor: pointer; padding: 8px;  text-decoration: none;">{{ 'assistive.mammographyClinicalData.label'|trans([], 'LocalizationBundle') }}
                            </a>#}
                        </p>
                    {% endif %}

                </div>
                <div id="spinner" style="display: none;">
                    <img style="width: 40px; border: none;" alt="spinner"
                         src="{{ asset('bundles/utilities/images/spinner.gif') }}"/>imagesNotExist
                </div>

                <!--Muestra un mensaje cuando se debe mostrar al usuario algún mensaje que no sea de error-->
                <div id="confirm_birads" class="ui-widget">
                    <div class="ui-state-highlight ui-corner-all"
                         style="margin-top: 20px; padding: 0 .7em;">

                        {{ 'messages.actualizadoOk'|trans([], 'LocalizationBundle') }}
                        <span class="ui-icon ui-icon-info"
                              style="float: left; margin-right: .3em;"></span>

                        <div id="mensajeConfirmB"></div>

                    </div>
                </div>
                <div id="error_birads" class="ui-widget">
                    <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
                        <span class="ui-icon ui-icon-alert"
                              style="float: left; margin-right: .3em;"></span>

                        <div id="mensajeErrorBirads"></div>
                    </div>
                </div>
            </div>
            <div id="divSpeech" style="height:100%;">
                <table style="width:100%;height:100%;">
                    <tr style="height:40px;">
                        <td>
                            {#{{ dump(temp) }}#}
                            <select id="plant">
                                <!--<option value=""></option>-->
                                {% if temp is defined %}
                                    {% for t in temp %}
                                        <option
                                        value="{{ t.idTemplate }} ">{{ t.name }}</option>{% endfor %}
                                {% endif %}
                            </select>
                            <input id="ocultoid" type="hidden" value="{{ cit }}">
                            <a href="#" id="button8" title="( CTRL/CMD + F1 )"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                               style="cursor: pointer; padding: 5px;">{{ 'button.plantilla'|trans([], 'LocalizationBundle') }}</a>
                            <a href="#" id="button" title="( CTRL/CMD + F2 )"
                               onclick="window.onbeforeunload"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                               style="cursor: pointer; padding: 5px;">{{ 'labels.preguardado.saveTrans'|trans([], 'LocalizationBundle') }}</a>
                            <a href="#" id="button6" title="( CTRL/CMD + F3 )"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                               style="cursor: pointer; padding: 5px;">{{ 'labels.return.toDelivery'|trans([], 'LocalizationBundle') }}</a>
                            <a href="#" id="button2" title="( CTRL/CMD + F7 )"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                               style="cursor: pointer; padding: 5px;">{{ 'labels.return.toActualization'|trans([], 'LocalizationBundle') }}</a>
                            <a id="adicionLectura" style="cursor: pointer; padding: 5px;" title="( CTRL/CMD + F9 )"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                               data-toggle="modal" data-target="#addRead">
                                {{ 'labels.add'|trans([], 'LocalizationBundle') }} {{ 'labels.lecturas.singular'|trans([], 'LocalizationBundle') }}
                            </a>
                            {% if (actual.0.varMod =='MG' and  matrixAmericas == 'true') %}
                                <a id="dataMammographyRadiologistButton" title="( CTRL/CMD + F10 )"
                                   class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                                   style="cursor: pointer; padding: 5px;">Informe Mamografico
                                </a>
                            {% endif %}
                            {% if (actual.0.varMod =='MG') or (actual.0.varMod =='US') %}
                                <a href="#" id="sendPrint" title=""
                                   class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                                   style="cursor: pointer; padding: 5px;">{{ 'labels.return.toDeliveryPrint'|trans([], 'LocalizationBundle') }}</a>
                            {% endif %}
                            
                            <a id="startRequest" class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" style="padding: 5px;">
                                {{ 'button.secondOpinion'|trans([], 'LocalizationBundle') }}
                            </a>
                            {% 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"></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>
                                <a id="startResp" class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" style="padding: 5px;">
                                    <i class="icon-comment"></i><span id="respPreg" >{{ contador }}/{{ rowResponse|length }}</span>
                                </a>  
                                <input type="hidden" id="numResp" value="{{ contador }}" />
                            {% endif %}
                        </td>

                    </tr>
                    <tr style="height:100%;">
                        <td style="height:100%;">
                            {% include 'UtilitiesBundle:Default:richText.html.twig' %}
                        </td>


                    </tr>
                    <tr style="height:40px;">
                        <td>
                            <div id="spinner" style="display: none;">
                                <img style="width: 20px;"
                                     src="{{ asset('bundles/utilities/images/spinner.gif') }}"
                                     style="border: none;"/>
                            </div>

                            <!--Muestra un mensaje cuando se debe mostrar al usuario algún mensaje que no sea de error-->
                            <div id="confirm" class="ui-widget">
                                <div class="ui-state-highlight ui-corner-all"
                                     style="margin-top: 5px; padding: 0 .7em;">
                                    <p>
                                        {{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}
                                        <span class="ui-icon ui-icon-info"
                                              style="float: left; margin-right: .3em;"></span>

                                    <div id="mensajeConfirm"></div>
                                    </p>
                                </div>
                            </div>
                            <div id="confirm2" class="ui-widget" style="display: none;">
                                <div class="ui-state-highlight ui-corner-all"
                                     style="margin-top: 5px; padding: 0 .7em;">
                                    <p>
                                        {{ 'messages.processOk'|trans([], 'LocalizationBundle') }}
                                        <span class="ui-icon ui-icon-info"
                                              style="float: left; margin-right: .3em;"></span>

                                    <div id="success_recording_trans"></div>
                                    </p>
                                </div>
                            </div>
                            <!--Muestra un mensaje cuando se presenta algún error-->
                            <div id="error" class="ui-widget" style="margin-top: 5px;">
                                <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
                                    <p>
                                        {{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}
                                        <span class="ui-icon ui-icon-alert"
                                              style="float: left; margin-right: .3em;"></span>

                                    <div id="mensajeError"></div>
                                    </p>
                                </div>
                            </div>

                        </td>

                    </tr>
                </table>
            </div>
            <script language="javascript">
                // Start off with the buttons enabled.
                document.register.sendButton.disabled = 0;

                // Force LiveConnect to load in background so we do not notice delay.
                setTimeout('touchLoadLiveConnect()', 10);
                //-->
            </script>

        {% else %}
            <div style=" overflow:auto;">
                <div>
                    <input type="hidden" id="databirads">
                    {% if(actual.0.varMod =='MG') %}
                        <p>
                            <label>{{ 'labels.birads'|trans([], 'LocalizationBundle') }}</label>
                        </p>
                        <p>
                            <select id="birads_select" sytle="width:150px">
                                <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>
                            <a href="#" id="birads" style="cursor:pointer; padding:5px; text-decoration: none;"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">{{ 'labels.updateBIRADS'|trans([], 'LocalizationBundle') }}</a>
                            <label id="dataBirads_update">{{ 'labels.valueBirads'|trans([], 'LocalizationBundle') }}
                                : </label>
                        </p>
                    {% elseif(actual.0.varMod =='US' and actual.0.birad == 't') %}
                        <p><label>{{ 'labels.birads'|trans([], 'LocalizationBundle') }}</label>
                            <select id="birads_select" sytle="width:150px">
                                <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>
                            <a id="birads" style="cursor:pointer; padding:5px; text-decoration: none;"
                               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">{{ 'labels.updateBIRADS'|trans([], 'LocalizationBundle') }}</a>
                            <label id="dataBirads_update">{{ 'labels.valueBirads'|trans([], 'LocalizationBundle') }}
                                : </label>
                            {#<a id="dataMammographyButton" class="ui-corner-all button_data"
                                   style="cursor: pointer; padding: 8px;  text-decoration: none;">{{ 'assistive.mammographyClinicalData.label'|trans([], 'LocalizationBundle') }}
                            </a>#}
                        </p>
                    {% endif %}

                </div>
                <div id="spinner" style="display: none;">
                    <img style="width: 40px; border: none;" alt="spinner"
                         src="{{ asset('bundles/utilities/images/spinner.gif') }}"/>imagesNotExist
                </div>

                <!--Muestra un mensaje cuando se debe mostrar al usuario algún mensaje que no sea de error-->
                <div id="confirm_birads" class="ui-widget">
                    <div class="ui-state-highlight ui-corner-all"
                         style="margin-top: 20px; padding: 0 .7em;">

                        {{ 'messages.actualizadoOk'|trans([], 'LocalizationBundle') }}
                        <span class="ui-icon ui-icon-info"
                              style="float: left; margin-right: .3em;"></span>

                        <div id="mensajeConfirmB"></div>

                    </div>
                </div>
                <div id="error_birads" class="ui-widget">
                    <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
                        <span class="ui-icon ui-icon-alert"
                              style="float: left; margin-right: .3em;"></span>

                        <div id="mensajeErrorBirads"></div>
                    </div>
                </div>
            </div>
            <div id="applet" class="applet" style="width: 100%;float: left;">
                <applet
                        CODE="com.softsynth.javasonics.recplay.RecorderUploadApplet"
                        CODEBASE="{{ asset('bundles/utilities/listenup/listenup/codebase') }}"
                        ARCHIVE="ListenUpTranscriberSpeex.jar,OggXiphSpeexJS.jar"
                        NAME="ListenUpRecorder"
                        WIDTH="400" HEIGHT="100">
                    <param name="showSendButton" value="no">
                    <param name="transcription" value="yes">
                    <param name="showLogo" value="no">
                    <param name="showWaveform" value="yes">
                    <param name="editable" value="yes">
                    <!-- Use Speex compression for small files. -->
                    <param name="format" value="speex">
                    <!--<param name="skin" value="plugin/listenup/listenup/images/DiddlySkin1.jpg">-->
                    <!-- Set quality factor. Trade size for fidelity. -->
                    <param name="speexQuality" value="3.0">
                    <!-- Use 16000 Hz, which is supported by Speex. -->
                    <param name="frameRate" value="16000.0">
                    <!-- Most microphones are monophonic so use 1 channel. -->
                    <param name="numChannels" value="1">
                    <!-- Set maximum message length to whatever you want. -->
                    <param name="maxRecordTime" value="1500.0">
                    <!-- Specify URL and file to be played after upload. -->
                    <param name="refreshURL" value="{{ path('reading_DictationWorklist') }}">
                    <!-- Specify name of file uploaded. There are alternatives that allow dynamic naming. -->
                    <param name="uploadFileName" value="{{ cit }}">
                    <!-- Server script to receive the multi-part form data. -->
                    <param name="uploadURL"
                           value="{{ asset('bundles/utilities/scripts/handle_upload_simple.php') }}">

                    {% if hotKeys_footer_dictation == 'true' %}
                        <param name="enableSpeechMikeRecording" value="yes">
                        <param name="playHotKey" value="f6">
                        <param name="speechMikeBehavior" value="toggle" />
                        <param name="recordHotKey" value="r+alt+shift">
                        <param name="stopHotKey" value="s+alt+shift">
                        <param name="pauseHotKey" value="F9">
                        <param name="toBeginHotKey" value="f10">
                        <param name="rewindHotKey" value="F7">
                        <param name="forwardHotKey" value="F8">
                        <param name="toEndHotKey" value="f11">
                        {#
                        <!--pedal para grabadora-->
                        <param name="useFootPedal" value="yes">
                        <!--Parametros para atajos de teclado -->
                        <!--Play -->
                        <param name="playHotKey" value="f6">
                        <!--Pause -->
                        <param name="pauseHotKey" value="F9">
                        <!--Stop <param name="stopHotKey" value="r+shift"> -->
                        <!--Volver a inicio -->
                        <param name="toBeginHotKey" value="f10">
                        <!--Retroceder  -->
                        <param name="rewindHotKey" value="F7">
                        <!--Adelantar  -->
                        <param name="forwardHotKey" value="F8">
                        <!--Ir a final  -->
                        <param name="toEndHotKey" value="f11">
                        <!--FIN Parametros para atajos de teclado -->
                        #}
                    {% endif %}
                </applet>
                &nbsp;&nbsp;&nbsp;


                {% if auto_validated == 'true' and check_auto_validate == 'false' %}
                    <input id="auto" type="checkbox">
                    <label id="aut">{{ 'labels.autovalidated'|trans([], 'LocalizationBundle') }}</label>

                {% elseif auto_validated == 'true' and check_auto_validate == 'true' %}
                    <input id="auto" type="checkbox" checked>
                    <label id="aut">{{ 'labels.autovalidated'|trans([], 'LocalizationBundle') }}</label>

                {% elseif auto_validated == 'false' and check_auto_validate == 'true' %}
                    <input id="auto" type="checkbox" style="display: none" checked>
                    <label id="aut"
                           style="display: none">{{ 'labels.autovalidated'|trans([], 'LocalizationBundle') }}</label>

                {% elseif auto_validated == 'false' and check_auto_validate == 'false' %}
                    <input id="auto" type="checkbox" style="display: none">
                    <label id="aut"
                           style="display: none">{{ 'labels.autovalidated'|trans([], 'LocalizationBundle') }}</label>
                {% endif %}

                <a class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                   role="button"
                   aria-disabled="false" TYPE="BUTTON" NAME="sendButton" title="( CTRL/CMD + F8 )"
                   style="cursor: pointer; padding: 4px;" id="sendRecording"
                   onClick="if(!this.disabled) uploadMessage();">Enviar</a>

                <div id="spinner" style="display: none; ">
                    <img style="width: 40px; border: none;" alt="spinner"
                         src="{{ asset('bundles/utilities/images/spinner.gif') }}"/>
                </div>

                <!--Muestra un mensaje cuando se debe mostrar al usuario algún mensaje que no sea de error-->
                <div id="confirm_recording" class="ui-widget">
                    <div class="ui-state-highlight ui-corner-all"
                         style="margin-top: 20px; padding: 0 .7em;">
                        {{ 'messages.updateDataRecording'|trans([], 'LocalizationBundle') }}
                        <span class="ui-icon ui-icon-info"
                              style="float: left; margin-right: .3em;"></span>

                        <div id="mensajeConfirmR"></div>
                    </div>
                </div>
                <div id="error_recording" class="ui-widget">
                    <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
                        <span class="ui-icon ui-icon-alert"
                              style="float: left; margin-right: .3em;"></span>

                        <div id="mensajeErrorRecording"></div>
                    </div>
                </div>
            </div>

        {% endif %}
            <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>
    {% endblock c6_content %}




{% if dataVRQueryResult is defined %}
    {% block c7_title %}
        {{ 'modalities.transcription'|trans([], 'LocalizationBundle') }}
    {% endblock c7_title %}
    {% block c7_content %}

        <div class="btn-editor">
            {# {{ dump(temp) }}#}

            <select id="plant" title="Seleccione plantilla">
                {% if temp is defined %}
                    {% for t in temp %}
                        <option value="{{ t.idTemplate }} ">{{ t.name }}</option>{% endfor %}
                {% endif %}
            </select>
            <input id="ocultoid" type="hidden" value="{{ cit }}">
            <a href="#" id="button8" title="( CTRL/CMD + F1 )"
               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
               style="cursor: pointer; padding: 5px;">{{ 'button.plantilla'|trans([], 'LocalizationBundle') }}</a>
            <a href="#" id="button" title="( CTRL/CMD + F2 )" onclick="window.onbeforeunload"
               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
               style="cursor: pointer; padding: 5px;">{{ 'labels.preguardado.saveTrans'|trans([], 'LocalizationBundle') }}</a>
            <a href="#" id="button6" title="( CTRL/CMD + F3 )"
               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
               style="cursor: pointer; padding: 5px;">{{ 'labels.return.toDelivery'|trans([], 'LocalizationBundle') }}</a>
            <a href="#" id="button2" title="( CTRL/CMD + F7 )"
               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
               style="cursor: pointer; padding: 5px;">{{ 'labels.return.toActualization'|trans([], 'LocalizationBundle') }}</a>
            <a id="adicionLectura" style="cursor: pointer; padding: 5px;" title="( CTRL/CMD + F9 )"
               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
               data-toggle="modal" data-target="#addRead">
                {{ 'labels.add'|trans([], 'LocalizationBundle') }} {{ 'labels.lecturas.singular'|trans([], 'LocalizationBundle') }}
            </a>
            {% if (actual.0.varMod =='MG' and  matrixAmericas == 'true') %}
                <a id="dataMammographyRadiologistButton" title="( CTRL/CMD + F10 )"
                   class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                   style="cursor: pointer; padding: 5px;">{{ 'messages.infoMamo'|trans([], 'LocalizationBundle') }}
                </a>
            {% endif %}
            <a href="#" id="sendPrint" title=""
               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
               style="cursor: pointer; padding: 5px;">{{ 'labels.return.toDeliveryPrint'|trans([], 'LocalizationBundle') }}</a>
               
            <a id="startRequest" class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" style="padding: 5px;">
                {{ 'button.secondOpinion'|trans([], 'LocalizationBundle') }}
            </a>
            {% 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"></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>
                <a id="startResp" class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" style="padding: 5px;">
                    <i class="icon-comment"></i>{{ contador }}/{{ rowResponse|length }}
                </a>  
                <input type="hidden" id="numResp" value="{{ contador }}" />
            {% endif %}   
        </div>
        {# <div id="contentSpeach" class="hero-unit">
            <div class="btn-toolbar" data-role="editor-toolbar" data-target="#editor">
                <div class="btn-group">
                    <a class="btn dropdown-toggle" data-toggle="dropdown" title="Font"><i
                                class="icon-font"></i><b
                                class="caret"></b></a>
                    <ul class="dropdown-menu">
                    </ul>
                </div>
                <div class="btn-group">
                    <a class="btn dropdown-toggle" data-toggle="dropdown" title="Font Size"><i
                                class="icon-text-height"></i>&nbsp;<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a data-edit="fontSize 5"><font size="5">Huge</font></a></li>
                        <li><a data-edit="fontSize 3"><font size="3">Normal</font></a></li>
                        <li><a data-edit="fontSize 1"><font size="1">Small</font></a></li>
                    </ul>
                </div>
                <div class="btn-group">
                    <a class="btn" data-edit="bold" title="Bold (Ctrl/Cmd+B)"><i
                                class="icon-bold"></i></a>
                    <a class="btn" data-edit="italic" title="Italic (Ctrl/Cmd+I)"><i
                                class="icon-italic"></i></a>
                    <a class="btn" data-edit="strikethrough" title="Strikethrough"><i
                                class="icon-strikethrough"></i></a>
                    <a class="btn" data-edit="underline" title="Underline (Ctrl/Cmd+U)"><i
                                class="icon-underline"></i></a>
                </div>
                <div class="btn-group">
                    <a class="btn" data-edit="insertunorderedlist" title="Bullet list"><i
                                class="icon-list-ul"></i></a>
                    <a class="btn" data-edit="insertorderedlist" title="Number list"><i
                                class="icon-list-ol"></i></a>
                    <a class="btn" data-edit="outdent" title="Reduce indent (Shift+Tab)"><i
                                class="icon-indent-left"></i></a>
                    <a class="btn" data-edit="indent" title="Indent (Tab)"><i
                                class="icon-indent-right"></i></a>
                </div>
                <div class="btn-group">
                    <a class="btn" data-edit="justifyleft" title="Align Left (Ctrl/Cmd+L)"><i
                                class="icon-align-left"></i></a>
                    <a class="btn" data-edit="justifycenter" title="Center (Ctrl/Cmd+E)"><i
                                class="icon-align-center"></i></a>
                    <a class="btn" data-edit="justifyright" title="Align Right (Ctrl/Cmd+R)"><i
                                class="icon-align-right"></i></a>
                    <a class="btn" data-edit="justifyfull" title="Justify (Ctrl/Cmd+J)"><i
                                class="icon-align-justify"></i></a>
                </div>
                <div class="btn-group">
                    <a class="btn dropdown-toggle" data-toggle="dropdown" title="Hyperlink"><i
                                class="icon-link"></i></a>

                    <div class="dropdown-menu input-append">
                        <input class="span2" placeholder="URL" type="text" data-edit="createLink"/>
                        <button class="btn" type="button">Add</button>
                    </div>
                    <a class="btn" data-edit="unlink" title="Remove Hyperlink"><i
                                class="icon-cut"></i></a>

                </div>

                <div class="btn-group">
                    <a class="btn" title="Insert picture (or just drag & drop)" id="pictureBtn"><i
                                class="icon-picture"></i></a>
                    <input type="file" data-role="magic-overlay" data-target="#pictureBtn"
                           data-edit="insertImage"/>
                </div>
                <div class="btn-group">
                    <a class="btn" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i
                                class="icon-undo"></i></a>
                    <a class="btn" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i
                                class="icon-repeat"></i></a>
                </div>
                <input type="text" data-edit="inserttext" id="voiceBtn" x-webkit-speech="">
            </div>

            {% if is_granted('ROLE_VR') %}
                <div id="editor" name="editor" style="width: 100%;  height: 500px;"
                     data-nusa-enabled="true">
                    {{ textTranscription.0.transcriptionText|raw }}
                </div>
            {% else %}
                <div id="editor" name="editor" style="width: 100%;  height: 500px;">
                    {{ textTranscription.0.transcriptionText|raw }}
                </div>
            {% endif %}
        </div> #}
        <div>
            
            {% if is_granted('ROLE_VR') %}
                {% include 'UtilitiesBundle:Default:richText.html.twig' %}
            {% else %}
                {# <div id="contentSpeach" class="hero-unit">
                    <div class="btn-toolbar" data-role="editor-toolbar" data-target="#editor">
                        <div class="btn-group">
                            <a class="btn dropdown-toggle" data-toggle="dropdown" title="Font"><i
                                        class="icon-font"></i><b
                                        class="caret"></b></a>
                            <ul class="dropdown-menu">
                            </ul>
                        </div>
                        <div class="btn-group">
                            <a class="btn dropdown-toggle" data-toggle="dropdown" title="Font Size"><i
                                        class="icon-text-height"></i>&nbsp;<b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a data-edit="fontSize 5"><font size="5">Huge</font></a></li>
                                <li><a data-edit="fontSize 3"><font size="3">Normal</font></a></li>
                                <li><a data-edit="fontSize 1"><font size="1">Small</font></a></li>
                            </ul>
                        </div>
                        <div class="btn-group">
                            <a class="btn" data-edit="bold" title="Bold (Ctrl/Cmd+B)"><i class="icon-bold"></i></a>
                            <a class="btn" data-edit="italic" title="Italic (Ctrl/Cmd+I)"><i
                                        class="icon-italic"></i></a>
                            <a class="btn" data-edit="strikethrough" title="Strikethrough"><i
                                        class="icon-strikethrough"></i></a>
                            <a class="btn" data-edit="underline" title="Underline (Ctrl/Cmd+U)"><i
                                        class="icon-underline"></i></a>
                        </div>
                        <div class="btn-group">
                            <a class="btn" data-edit="insertunorderedlist" title="Bullet list"><i
                                        class="icon-list-ul"></i></a>
                            <a class="btn" data-edit="insertorderedlist" title="Number list"><i
                                        class="icon-list-ol"></i></a>
                            <a class="btn" data-edit="outdent" title="Reduce indent (Shift+Tab)"><i
                                        class="icon-indent-left"></i></a>
                            <a class="btn" data-edit="indent" title="Indent (Tab)"><i
                                        class="icon-indent-right"></i></a>
                        </div>
                        <div class="btn-group">
                            <a class="btn" data-edit="justifyleft" title="Align Left (Ctrl/Cmd+L)"><i
                                        class="icon-align-left"></i></a>
                            <a class="btn" data-edit="justifycenter" title="Center (Ctrl/Cmd+E)"><i
                                        class="icon-align-center"></i></a>
                            <a class="btn" data-edit="justifyright" title="Align Right (Ctrl/Cmd+R)"><i
                                        class="icon-align-right"></i></a>
                            <a class="btn" data-edit="justifyfull" title="Justify (Ctrl/Cmd+J)"><i
                                        class="icon-align-justify"></i></a>
                        </div>
                        <div class="btn-group">
                            <a class="btn dropdown-toggle" data-toggle="dropdown" title="Hyperlink"><i
                                        class="icon-link"></i></a>

                            <div class="dropdown-menu input-append">
                                <input class="span2" placeholder="URL" type="text" data-edit="createLink"/>
                                <button class="btn" type="button">Add</button>
                            </div>
                            <a class="btn" data-edit="unlink" title="Remove Hyperlink"><i class="icon-cut"></i></a>

                        </div>

                        <div class="btn-group">
                            <a class="btn" title="Insert picture (or just drag & drop)" id="pictureBtn"><i
                                        class="icon-picture"></i></a>
                            <input type="file" data-role="magic-overlay" data-target="#pictureBtn"
                                   data-edit="insertImage"/>
                        </div>
                        <div class="btn-group">
                            <a class="btn" data-edit="undo" title="Undo (Ctrl/Cmd+Z)"><i class="icon-undo"></i></a>
                            <a class="btn" data-edit="redo" title="Redo (Ctrl/Cmd+Y)"><i
                                        class="icon-repeat"></i></a>
                        </div>
                        <input type="text" data-edit="inserttext" id="voiceBtn" x-webkit-speech="">
                    </div> #}
                <textarea class="editor" name="editor" id="editor" >
                    {{ textTranscription.0.transcriptionText|raw }}
                </textarea>
        </div>
            {% endif %}
            
    {# <input type="hidden" name="banderaVR" id="banderaVR" value="transcription" /> #}
        </div>
        <div id="spinner" style="display: none;">
            <img style="width: 40px; border: none;" alt="spinner"
                 src="{{ asset('bundles/utilities/images/spinner.gif') }}"/>
        </div>

        <!--Muestra un mensaje cuando se debe mostrar al usuario algún mensaje que no sea de error-->
        <div id="confirm" class="ui-widget">
            <div class="ui-state-highlight ui-corner-all"
                 style="margin-top: 20px; padding: 0 .7em;">

                {{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}
                <span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>

                <div id="mensajeConfirm"></div>

            </div>
        </div>
        <div id="confirm2" class="ui-widget" style="display: none;">
            <div class="ui-state-highlight ui-corner-all"
                 style="margin-top: 20px; padding: 0 .7em;">

                {{ 'messages.processOk'|trans([], 'LocalizationBundle') }}
                <span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>

                <div id="success_recording_trans"></div>

            </div>
        </div>
        <!--Muestra un mensaje cuando se presenta algún error-->
        <div id="error" class="ui-widget" style="margin-top: 10px;">
            <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">

                {{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}
                <span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>

                <div id="mensajeError"></div>

            </div>
        </div>

        <div id="alertError">
            <div class="alert alert-success" id="alertSuccess" role="alert"></div>
            <div class="alert alert-danger" id="alertDanger" role="alert"></div>
        </div>
                
        <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> 
        
    {% endblock c7_content %}
{% endif %}