{# empty Twig template #}


{# this allow up to 8 dragable panels
    id's = c1,c2,c3,c4,c5,c6,c7,c8
#}
{% extends 'UtilitiesBundle:Drag:dragTemplate.html.twig' %}
{% block initVariables %}
    {% if(orden_lectura==false) %}
        setParameters({"panelLeft":["c1","c2"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["200","800"]});
    {% else %}
        setParameters({"panelLeft":["c1","c2","c3"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["160","775"]});
    {% endif %}

{% endblock initVariables %}
{% block initVariables2 %}
    {% if(orden_lectura==false) %}
        setParameters({"panelLeft":["c1","c2"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["200","800"]});
    {% else %}
        setParameters({"panelLeft":["c1","c2","c3"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["180","775"]});
    {% endif %}

{% endblock initVariables2 %}
{% block initVariables3 %}
    {% if(orden_lectura==false) %}
        setParameters({"panelLeft":["c1","c2"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["200","800"]});
    {% else %}
        setParameters({"panelLeft":["c1","c2","c3"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["200","775"]});
    {% endif %}

{% endblock initVariables3 %}
{% block initVariables4 %}
    {% if(orden_lectura==false) %}
        setParameters({"panelLeft":["c1","c2"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["200","800"]});
    {% else %}
        setParameters({"panelLeft":["c1","c2","c3"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["220","775"]});
    {% endif %}
{% endblock initVariables4 %}
{#{% block initVariables %}

    {% if(orden_lectura==false) %}
        setParameters({"panelLeft":["c1","c2"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["200","800"]});
    {% else %}
        setParameters({"panelLeft":["c1","c2","c3"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["240","775"]});
    {% endif %}
    {% 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 %}
{% endblock initVariables %}
#}
{% block moreResize %}
    {% 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 %}
    resizeElement("#contentSpeach");
{% endblock moreResize %}

{% block moreJS %}

    <style>
        .ui-dialog { z-index: 1011 !important }

        .pdfSlider_slideWrapper{
            width: 100% !important;
        }
        .pdfSlider_thumbsContainer{
            width: 100% !important;
        }
        .pdfSlider_rootContainer{
            width: 100% !important;
        }

        #editor{
            font-size: 14px;
        }
        .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>
    {# Carga el script donde se realizarán las peticiones ajax para los filtros #}
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/reading/js/ajax/LecturaVR.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/reading/js/ajax/PrintReadingMGandUS.js') }}"></script>
    <script type="text/javascript">
        {% if is_granted('ROLE_VR') %}
        var rv = true;
        {% else %}
        var rv = false;
        {% endif %}
        //CKEDITOR.replace('text_other');
        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/LecturaVR.js') }}';
        var url_findData_mammography = '{{ path('DataMammography')  }}';
        var id_room = '{{ cit }}';
        var url_start_time = '{{ path('StartTimeRecording') }}';
        var msj_error_birads = '{{ 'messages.biradsError'|trans([], 'LocalizationBundle') }}';
        var msj_error_recording = '{{ 'messages.RecordingResponseError'|trans([], 'LocalizationBundle') }}';
        var modality = '{{ actual.0.varMod }}';
        var msj_modality_birads_error = '{{ 'messages.actBirads'|trans([], 'LocalizationBundle') }}';
        var url_birads = '{{ path('UpdateBirads') }}';
        var msj_birads_updtate = '{{ 'labels.valueBirads'|trans([], 'LocalizationBundle') }}:';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var saveReturn = '{{ 'button.saveReturn'|trans([], 'LocalizationBundle') }}';
        var save = '{{ 'button.save'|trans([], 'LocalizationBundle') }}';
        var url_devolution_reading = '{{ path('Reading_DevolutionReading') }}';
        var upload_image_mamas = '{{ asset('bundles/utilities/uploads/imageMammography') }}';
        var url_reload_devolution = '{{ path('reload_Devolution') }}';
        var saveComment = '{{ 'button.save'|trans([], 'LocalizationBundle') }}';
        var url_new_comment = '{{ path('new_comment_devolution_radiologist') }}';
        var url_guardar_pet = '{{ path('reading_dictation_SaveDataPet') }}';
        var devolution = false;
        {% if devolution %}
        var devolution = true;
        {% endif %}
        var url_make_transcription_read = '{{ path('transcription_MakeTranscriptionRead') }}';
        var 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 url_visor_alma = '{{ url_visor_alma }}';
        var visor_web_oviyam = '{{ visor_web_oviyam }}';
        var url_imex_xen_viewer = '{{ url_imex_xen_viewer }}';
        var xen_viewer = '{{ xen_viewer }}';
        var visor_web_opcional = '{{ visor_web_opcional }}';
        var url_visor_osirix = '{{ url_visor_osirix }}';
        var url_visor_alma = '{{ url_visor_alma }}';
        var Url_PrintPDF = '{{ path('PrintResultPDF',{'per': cit } ) }}';
        var pdf_reporte_his = '{{ pdf_reporte_his }}';
        var vistaInformeMamografia = '{{ path('reading_dictation_informeMamografia', {'cit': number_consultation }) }}';
        var Url_Previsualizar = '{{ path('transcription_UpdateTranscription' ) }}';
        var visor_web_filtro = '{{ visor_web_filtro }}';
        var closer="{{ asset('bundles/utilities/images/cerrar.png') }}";   
        var SrcAlert = '{{ asset('bundles/utilities/images/alert.png') }}';
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
        var msnerror = '{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}';
        var pleaseWait = '{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}';
        var textoValido = '{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}';
        var textoMinimo = '{{ 'messages.textoMinimo'|trans([], 'LocalizationBundle') }}';
        var textTrans = '{{ 'messages.noTranscripcion'|trans([], 'LocalizationBundle') }}';
        var detalles = '{{ 'labels.patient.details'|trans([], 'LocalizationBundle') }}';
        var mammoInfo = '{{ 'messages.mammoInfo'|trans([], 'LocalizationBundle') }}';
        var seguroEnviar = '{{ 'messages.seguroEnviar'|trans([], 'LocalizationBundle') }}';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var acept = '{{ 'button.acept'|trans([], 'LocalizationBundle') }}';
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}";
        var selPlantilla = '{{ 'messages.selplantilla'|trans([], 'LocalizationBundle') }}';
        var msjGrabadora = '{{ 'messages.RecordingResponseError'|trans([], 'LocalizationBundle') }}';
        var addComments = '{{ 'labels.add'|trans([], 'LocalizationBundle') }} {{ 'labels.comments'|trans([], 'LocalizationBundle') }}';
        var cargandoPlantilla = '{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle') }} {{ 'labels.template'|trans([], 'LocalizationBundle') }}';
        var processOk = '{{ 'messages.processOk'|trans([], 'LocalizationBundle') }}';
        var var_mammography_report = '{{ mammography_report }}';
        var url_buscarDatosInformeMamografico = '{{ path('reading_dictation_buscarInformeMamografico') }}';
        var infoMG_PDF = '{{ path('ImprimirInformeMamografico', {'codApp': actual.0.appointmentCode }) }}';
        var MG = '';
        var vistaInformeCT= '{{ path('reading_dictation_informeCT', {'cit': number_consultation }) }}';
        var url_buscar_encuestaCt = '{{ path('DataEncuestaCt') }}';
        var deleteFile = '{{ path('deleteFile') }}';
        var sinRespuesta = '{{ 'messages.sinRespuesta'|trans([], 'LocalizationBundle') }}';
        var camposObligatorios = '{{ 'messages.camposObligatorios'|trans([], 'LocalizationBundle') }}';
    </script>
    <link href="{{ asset('bundles/utilities/css/editor.css') }}" rel="stylesheet">
    {# Preloader #}
    <link href="{{ asset('bundles/utilities/preloader/introLoader.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/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>    
    <link href="{{ asset('bundles/utilities/css/font-awesome.css') }}" rel="stylesheet">
    {# <script src="{{ asset('bundles/utilities/ckeditor/ckeditor.js') }}"></script>
    <script src="{{ asset('bundles/utilities/ckeditor/adapters/jquery.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="alertError">
        <div class="alert alert-success" id="alertSuccess" role="alert"></div>
        <div class="alert alert-danger" id="alertDanger" role="alert"></div>
    </div>
    <div id="precargador" class="introLoading"></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' %}
            </div>
            {# Se agrega los estilos para evitar que los cuadros de la columna de la izquieda haga saltos #}
            <style>
                * {
                    box-sizing: inherit;
                }
            </style>
        </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>

    <input id="locale" name="locale" type="hidden" value="{{ app.request.locale }}"/>
{% 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"> {% if(hijo_de!='') %}<b>{{ hijo_de }}</b>{% endif %}
					{{ 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; ">
        {# 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.url_visor_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 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 }}" 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 %}

        <br><br>
        <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">{{ 'labels.preview'|trans([], 'LocalizationBundle') }}</a>
        {% if orden_lectura == false %}
            <a id="ordenMedica" style="cursor: pointer; padding: 5px;" class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}</a>
        {% endif %}
    </div>


{% endblock c1_content %}


{% if(orden_lectura==false) %}
    {% block c31_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 c31_content %}
{% else %}
    {% block c3_title %}{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}{{ 'labels.and'|trans([], 'LocalizationBundle') }}{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}{% endblock c3_title %}
    {% block c3_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') }}"></object>

        </div>

    {% endblock c3_content %}
{% endif %}

{% block c2_title %}{{ 'labels.study.previous'|trans([], 'LocalizationBundle') }}{% endblock c2_title %}

{% block c2_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>{{ 'labels.study.noPrevious'|trans([], 'LocalizationBundle') }}</h3>
    {% endif %}

{% endblock c2_content %}

{% block c6_title %}
    {{ 'modalities.transcription'|trans([], 'LocalizationBundle') }}
{% endblock c6_title %}
{% block c6_content %}
    <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 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>
        {% endif %}

        <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="divSpeech" style="height:90%;">
        <table style="width:100%;height:100%;">
            <tr style="height:40px;">
                <td>
                    <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 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  href="#" id="dataMammographyRadiologistButton" title="( CTRL/CMD + 10 )"
                           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 == '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 %}  
                    
                </td>

            </tr>
            <tr style="height:100%;">
                <td style="height:100%;">
                    {% include 'UtilitiesBundle:Default:richText.html.twig' %}
                    {# <div class="ckeditor editor" id="editor" name="editor" contenteditable="true"></div> #}
                    <input type="hidden" name="banderaVR" id="banderaVR" value="transcription" />
                </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>
                                
    <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 %}