{# empty Twig template #}


{# this allow up to 8 dragable panels
    id's = c1,c2,c3,c4,c5,c6,c7,c8
#}
{% extends 'UtilitiesBundle:Drag:dragTemplate2.html.twig' %}
{% set vista = 1 %}
{# 768 p#}
{% block initVariables %}

    {% if(orden_lectura!=true) %}
        setParameters({"panelLeft":["c1","c6","c3"],"panelRight":["c7"]},true, {"ids":["c1","c3"],"heights":["160","40"]});
    {% else %}

        setParameters({"panelLeft":["c1","c6","c3"],"panelRight":["c2","c7"]},true, {"ids":["c1","c3","c2"],"heights":["160","40","170"]});
    {% endif %}
    {% if DataStudy.0.studyUid is defined %}
        {% if client_os is defined %}

            {% if client_os == 'WIN' %}

                var selectedVisor ='{{ url_visor_alma }}{{ DataStudy.0.studyUid }}';

            {% elseif client_os == 'OSX' %}

                var selectedVisor ='{{ url_visor_osirix }}{{ DataStudy.0.studyUid }}';
            {% endif %}

        {% endif %}
    {% endif %}
{% endblock initVariables %}
{# 900 p#}
{% block initVariables2 %}
    {% if(orden_lectura!=true) %}
        setParameters({"panelLeft":["c1","c6","c3"],"panelRight":["c7"]},true, {"ids":["c1","c3"],"heights":["170","120"]});
    {% else %}
        setParameters({"panelLeft":["c1","c6","c3"],"panelRight":["c2","c7"]},true, {"ids":["c1","c3","c2"],"heights":["170","120","240"]});
    {% endif %}

    {% if DataStudy.0.studyUid is defined %}
        {% if client_os is defined %}

            {% if client_os == 'WIN' %}

                var selectedVisor ='{{ url_visor_alma }}{{ DataStudy.0.studyUid }}';

            {% elseif client_os == 'OSX' %}

                var selectedVisor ='{{ url_visor_osirix }}{{ DataStudy.0.studyUid }}';
            {% endif %}

        {% endif %}
    {% endif %}
{% endblock initVariables2 %}
{# 1080 p#}
{% block initVariables3 %}

    {% if(orden_lectura!=true) %}
        setParameters({"panelLeft":["c1","c6","c3"],"panelRight":["c7"]},true, {"ids":["c1","c3"],"heights":["195","270"]});
    {% else %}
        setParameters({"panelLeft":["c1","c6","c3"],"panelRight":["c2","c7"]},true, {"ids":["c1","c3","c2"],"heights":["195","270","270"]});
    {% endif %}


    {% if DataStudy.0.studyUid is defined %}
        {% if client_os is defined %}

            {% if client_os == 'WIN' %}

                var selectedVisor ='{{ url_visor_alma }}{{ DataStudy.0.studyUid }}';

            {% elseif client_os == 'OSX' %}

                var selectedVisor ='{{ url_visor_osirix }}{{ DataStudy.0.studyUid }}';
            {% endif %}

        {% endif %}
    {% endif %}
{% endblock initVariables3 %}
{# 1200 p#}
{% block initVariables4 %}
    {% if(orden_lectura!=true) %}
        setParameters({"panelLeft":["c1","c6","c3"],"panelRight":["c7"]},true, {"ids":["c1","c3"],"heights":["200","270"]});
    {% else %}
        setParameters({"panelLeft":["c1","c6","c3"],"panelRight":["c2","c7"]},true, {"ids":["c1","c3","c2"],"heights":["200","270","300"]});
    {% endif %}



    {% if DataStudy.0.studyUid is defined %}
        {% if client_os is defined %}

            {% if client_os == 'WIN' %}

                var selectedVisor ='{{ url_visor_alma }}{{ DataStudy.0.studyUid }}';

            {% elseif client_os == 'OSX' %}

                var selectedVisor ='{{ url_visor_osirix }}{{ DataStudy.0.studyUid }}';
            {% endif %}

        {% endif %}
    {% endif %}
{% endblock initVariables4 %}

{% 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;
        }

        .box:hover {
            -moz-box-shadow: 0 0 10px #ccc;
            -webkit-box-shadow: 0 0 10px #ccc;
            box-shadow: 0 0 10px #ccc;
        }
        .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>

    <script type="text/javascript" src="{{ asset('bundles/reading/js/ajax/Lectura.js') }}"></script>
    <link href="{{ asset('bundles/reading/js/external/google-code-prettify/prettify.css') }}"
          rel="stylesheet">
    {# <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/editor.css') }}" rel="stylesheet">
    <script src="{{ asset('bundles/utilities/ckeditor/ckeditor.js') }}"></script>
    <script src="{{ asset('bundles/utilities/ckeditor/adapters/jquery.js') }}"></script>
    <script src="{{ asset('bundles/utilities/ckeditor/skins/moono-dark') }}"></script>
    <link href="{{ asset('bundles/utilities/css/font-awesome.css') }}" rel="stylesheet">
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script src="{{ asset('bundles/utilities/ckeditor/adapters/jquery.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_findData_mammography = '{{ path('DataMammography')  }}';
        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 modality = '{{ actual.0.varMod }}';
        var msj_modality_birads_error = '{{ 'BiradsDataRecordingError.msg'|trans([], 'LocalizationBundle') }}';
        var msj_birrads_update = '{{ 'messages.actBirads'|trans([], 'LocalizationBundle') }}:';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var saveReturn = '{{ 'button.saveReturn'|trans([], 'LocalizationBundle') }}';
        var save = '{{ 'button.save'|trans([], 'LocalizationBundle') }}';
        var url_devolution_reading = '{{ path('Reading_DevolutionReading') }}';
        var upload_image_mamas = '{{ asset('bundles/utilities/uploads/imageMammography') }}';
        var saveComment = '{{ 'button.save'|trans([], 'LocalizationBundle') }}';
        var url_new_comment = '{{ path('new_comment_devolution_radiologist') }}';
        var url_reload_devolution = '{{ path('reload_Devolution') }}';
        var url_guardar_pet = '{{ path('reading_dictation_SaveDataPet') }}';
        var url_make_transcription_read = '{{ path('transcription_MakeTranscriptionRead') }}';
        var url_add_reading = '{{ path('AddReading', {'rasr':' '}) }}';
        var adicionLectura = '{{ adicionLectura }}';
 
        var url_visor_weasis= '{{ url_visor_weasis }}';
        var url_visor_oviyam= '{{ url_visor_oviyam }}';
        var url_visor_osirix= '{{ url_visor_osirix }}';
        var visor_web_oviyam = '{{ visor_web_oviyam }}';
        var url_imex_xen_viewer = '{{ url_imex_xen_viewer }}';
        var xen_viewer = '{{ xen_viewer }}';
        var uid = '{{ uid }}';
        var var_mammography_report = '{{ mammography_report }}';
        var url_visor_alma= '{{ url_visor_alma }}';
        var visor_web_opcional = '{{ visor_web_opcional }}';
        var Url_PrintPDF ='{{ path('PrintResultPDF',{'per': cit } ) }}';
        var pdf_reporte_his = '{{ pdf_reporte_his }}';
        var infoMG_PDF = '{{ path('ImprimirInformeMamografico', {'codApp': actual.0.appointmentCode }) }}';
        var Url_Previsualizar ='{{ path('transcription_UpdateTranscription' ) }}';
        var closer="{{ asset('bundles/utilities/images/cerrar.png') }}";
        var SrcAlert = '{{ asset('bundles/utilities/images/alert.png') }}';
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
        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 detalles = '{{ 'labels.patient.details'|trans([], 'LocalizationBundle') }}';
        var mammoInfo = '{{ 'messages.mammoInfo'|trans([], 'LocalizationBundle') }}';
        var seguroEnviar = '{{ 'messages.seguroEnviar'|trans([], 'LocalizationBundle') }}';
        var seguro = '{{ 'messages.seguro'|trans([], 'LocalizationBundle') }}';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var acept = '{{ 'button.acept'|trans([], 'LocalizationBundle') }}';
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}";
        var selPlantilla = '{{ 'messages.selplantilla'|trans([], 'LocalizationBundle') }}';
        var msjGrabadora = '{{ 'messages.RecordingResponseError'|trans([], 'LocalizationBundle') }}';
        var addComments = '{{ 'labels.add'|trans([], 'LocalizationBundle') }} {{ 'labels.comments'|trans([], 'LocalizationBundle') }}';
        var cargandoPlantilla = '{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle') }} {{ 'labels.template'|trans([], 'LocalizationBundle') }}';
        var processOk = '{{ 'messages.processOk'|trans([], 'LocalizationBundle') }}';
        var visor_web_filtro = '{{ visor_web_filtro }}';
        var vistaInformeMamografia = '{{ path('reading_dictation_informeMamografia', {'cit': number_consultation }) }}';
        var vistaInformeCT= '{{ path('reading_dictation_informeCT', {'cit': number_consultation }) }}';
        var url_buscarDatosInformeMamografico = '{{ path('reading_dictation_buscarInformeMamografico') }}';
        var url_buscar_encuestaCt = '{{ path('DataEncuestaCt') }}';
        var MG = '';
        var deleteFile = '{{ path('deleteFile') }}';
        var devolution = false;
        var sinRespuesta = '{{ 'messages.sinRespuesta'|trans([], 'LocalizationBundle') }}';
        var camposObligatorios = '{{ 'messages.camposObligatorios'|trans([], 'LocalizationBundle') }}';
        {% if devolution %}
        var devolution = true;
        {% endif %}

        {% if is_granted('ROLE_VR') %}
        var rv = true;
        {% else %}
        var rv = false;
        {% endif %}
    </script>
    {# 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="precargador" class="introLoading"></div>
    <div id="viewPDF" style="width: 30%; text-align: center;" >

    </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="add_reading" >

    </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="input_codAppointment" name="input_codAppointment" type="hidden"
               value="{{ number_consultation }}"/>
        <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>

    {# Código agergado por Bairon Naranjo para modalidad de PET #}
    <div id="datosPetDialog"
         title="{{ 'labels.datosPET'|trans([], 'LocalizationBundle') }}"
         style="display:none;">
        <div align="left">

            <p>
                <label>{{ 'labels.patient.weight'|trans([], 'LocalizationBundle') }} Kg</label>
                <input id="peso" style="width:100%;color:#fff;background:#333;" name="peso"
                       class="form-control" placeholder="Peso kg" value="{{ peso|raw }}"
                       class="required" onkeypress="return soloNumeros(event);"/>
                <input id="guardado" value="{{ peso|raw }}" type="hidden"/>
            </p>

            <p>
                <label>{{ 'labels.categorias.oncologia'|trans([], 'LocalizationBundle') }}</label>
                <select id="oncologia" style="width:100%;color:#fff;background:#333;"
                        class="required">
                    <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>
            </p>
            <p>
                <label>{{ 'labels.categorias.neuroPsiq'|trans([], 'LocalizationBundle') }}</label>
                <select id="neuropsiquiatria" style="width:100%;color:#fff;background:#333;"
                        class="required">
                    <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>
            </p>
            <p>
                <label>{{ 'labels.categorias.cardio'|trans([], 'LocalizationBundle') }}</label>
                <select id="cardiologia" style="width:100%;color:#fff;background:#333;"
                        class="required">
                    <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>
            </p>
            <p>
                <label>{{ 'labels.categorias.infectologia'|trans([], 'LocalizationBundle') }}</label>
                <select id="infectologia" style="width:100%;color:#fff;background:#333;"
                        class="required">
                    <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>
            </p>


        </div>
    </div>



    {% if(actual.0.varMod =='MG') %}
        <div id="dataMammographyDialog" title="Datos Clinicos" style="display:none;">
            <div align="center" id="dataMammographyDialogContent">
                {% include 'PatientBundle:Patient:ViewDataMammography.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="dataMammographyRadiologistDialog" title="Informe Mamografico" style="overflow: hidden">
        </div>
    {% else %}
        <div id="dataClinialPatientDialog" title="Datos Clinicos" style="display:none;">
            <div align="center" id="dataClinialPatientDialogContent">
                {% include 'PatientBundle:Patient:ViewDataClinicalPatient.html.twig' %}
            </div>
        </div>
    {% endif %}

    {% 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>
                    <th>{{ 'labels.comentTec'|trans([], 'LocalizationBundle') }}</th>
                    <th>{{ 'labels.comentRad'|trans([], 'LocalizationBundle') }}</th>
                    <th>{{ 'labels.comentTra'|trans([], 'LocalizationBundle') }}</th>
                    <th></th>
                </tr>
                <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.username }}</td>
                        <td>{{ dev.commentNewSendTechnologist }}</td>
                        <td>{{ dev.commentNewSendRadiologist }}</td>
                        <td>{{ dev.commentNewSendTranscription }}</td>
                        <td>
                            <a href="" alt="{{ dev.commentNewSendRadiologist }}"
                               name="{{ dev.idDevolutionHistoric }}" class="agregarComentario"
                               title="Adicionar Comentario"
                               style="white-space:normal !important;text-align: center;">
                                <span class="ui-icon ui-icon-circle-plus"></span>
                            </a>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>

    <div id="newComment" style="display:none;">
        <div align="center">
            <br>

            <div id="errorDevolutionNew" 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="mensajeErrorNew">{{ 'labels.devolutionError'|trans([], 'LocalizationBundle') }}</div>
                    </p>
                </div>
            </div>
            <textarea id="new_comment" style="width: 220px; height: 80px; resize: none;"></textarea>
            <input id="codeDevolution" name="codeDevolution" type="hidden" value=""/>
            <br>

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

    <div id="viewer_selection" style="display: none; text-align:center;">
        <p style="margin-top: 0px; font-size: 18px;">
            {{ '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>
        </p>
    </div>


{% endblock more_content %}

{# for each box you want you must use it in this way:
    {% block boxId_title %}Your Title here {% endblock boxId_title%}
    {% block boxId_content %}Your Content Here {% endblock boxId_content%}
    Every Block Must have title
#}
{% block c1_title %}{{ 'labels.patient.patientData'|trans([], 'LocalizationBundle') }}{% endblock c1_title %}
{% block c1_content %}

    <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
                    for="style"> {{ 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
                    for="style">{{ 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
                    for="style">{{ 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
                    for="style"> {{ doctype_label }}</label></p>

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

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

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

        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}
                :</strong><label for="style"> {{ 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>

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

        <p style="margin-bottom:0px;margin-top: 0px;">
            <strong>{{ 'labels.numberStudiesReading'|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; ">
        {% if DataStudy.0.studyUid is defined %}
            {# This fragment will remain commented until Oviyam2 will be useful #}
            {% 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.osirix'|trans([], 'LocalizationBundle') }}</span>


                {% endif %}

            {% endif %}
#}
            {% if uid != '' and 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 %}

        {% 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 %}
        <br><br>
        <span id="close" style="cursor: pointer; text-decoration: none; "
              class="button_data">{{ 'button.close'|trans([], 'LocalizationBundle') }}</span>
                <span id="previsualizar" style="cursor: pointer; text-decoration: none; "
                      class="button_data">{{ 'labels.preview'|trans([], 'LocalizationBundle') }}</span>
        {% if(orden_lectura==false) %}
            <span id="ordenMedica" style="cursor: pointer; text-decoration: none; "
                  class="button_data">{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}</span>
        {% 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') }}{{ 'labels.and'|trans([], 'LocalizationBundle') }}{{ 'labels.patient.clinicalData'|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') }}{{ 'labels.and'|trans([], 'LocalizationBundle') }}{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}"
                    width="90%" height="90%"></object>
        {% endif %}
    {% endblock c21_content %}
{% else %}
    {% block c2_title %}{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}{{ 'labels.and'|trans([], 'LocalizationBundle') }}{{ 'labels.patient.clinicalData'|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') }}{{ 'labels.and'|trans([], 'LocalizationBundle') }}{{ 'labels.patient.clinicalData'|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.fechaCita'|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.studyRecording'|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 %}{{ 'modalities.dictado'|trans([], 'LocalizationBundle') }}{% endblock c6_title %}
{% block c6_content %}
    <div style=" overflow:auto;">
        <div>
            <input type="hidden" id="databirads">
            {% if(actual.0.varMod =='MG') %}
                <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') }}"/>
        </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; z-index: -999999999;">
        <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" style="z-index: -100; position: inherit;">
            <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>

{% endblock c6_content %}
{% block c7_title %}
    {{ 'modalities.transcription'|trans([], 'LocalizationBundle') }}
{% endblock c7_title %}
{% block c7_content %}
    <div class="btn-editor">
        <select id="plant" title="{{ 'button.select'|trans([], 'LocalizationBundle') }} 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 href="#" id="button7"
           class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
           style="cursor: pointer; padding: 5px; display: none">{{ 'labels.devoluciones'|trans([], 'LocalizationBundle') }}</a>
        {% if (actual.0.varMod !='US') %}
            <a href="#" id="dataMammographyButton" title="( CTRL/CMD + F9 )"
               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
               style="cursor: pointer; padding: 5px;">
                {% if (actual.0.varMod !='MG') %}
                    {{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}
                {% else %}
                    {{ 'labels.mammo.encuesta'|trans([], 'LocalizationBundle') }}
                {% endif %}
            </a>
        {% endif %}

        {% if (actual.0.varMod =='CT') %}
            <a id="dataCTButton"
               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
               style="cursor: pointer; padding: 5px;">
                Encuesta CT
            </a>
        {% endif %}

        {% if (actual.0.varMod =='MG' and  mammography_report == 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 %}

        {% if (actual.0.varMod == 'PET') or (actual.0.varMod == 'CTPT') or (actual.0.varMod == 'PT') or (actual.0.varMod == 'SPECT MN') or (actual.0.varMod == 'CTMN')  or (actual.0.varMod == 'MN') %}
            <a id="datosPetButton"
               class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
               style="cursor: pointer; padding: 5px;">{{ 'labels.datosPET'|trans([], 'LocalizationBundle') }}
            </a>
        {% endif %}
        <a id="adicionLectura" style="cursor: pointer; padding: 5px;" title="( CTRL/CMD + F11 )"
           class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
           data-toggle="modal" data-target="#addRead">
            {{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}
        </a>

        <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><span id="respPreg" >{{ contador }}/{{ rowResponse|length }}</span>
            </a>  
            <input type="hidden" id="numResp" value="{{ contador }}" />
        {% endif %}
    </div>
    <div id="contentSpeach" class="hero-unit">
       <textarea class="editor" name="editor" id="editor" >
           {{ textTranscription.0.transcriptionText|raw }}
       </textarea>
        <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="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 %}


{% block end_content %}
{% endblock end_content %}