{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
    <style>
        .ui-dialog { z-index: 1011 !important }
    </style>
    {# Carga el script donde se realizarán las peticiones ajax para los filtros #}
    <script type="text/javascript"
            src="{{ asset('bundles/reading/js/ajax/ValidatorWorklist.js') }}"></script>
    <script type="text/javascript">
        $(function () {
            $("#accordion2").accordion({'active': 0});
        });
    </script>
    <script type="text/javascript">
        var url_make_transcription = '{{ path("transcription_MakeTranscription") }}';
        var url_devolution_transcription = '{{ path("transcription_DevolutionTranscription") }}';
        var url_update_status = '{{ path("update_status") }}';
        var url_worklist = '{{ path("reading_ValidateWorklist") }}';
        var url_add_reading = '{{ path("AddReading", {'rasr':' '}) }}';
        var url_record = '{{ path("QueryListenRecording", {'per':' '}) }}';
        var url_filter = '{{ path("reading_validate_filter") }}';
        var url_previous_status = '{{ path("setWorkFlowToPreviousStatus") }}';
        var url_make_validate = '{{ path("validate_MakeValidate", {'per':' '}) }}';
        var url_start_time_validator = '{{ path('StartTimeValidate') }}';
        var var_mammography_report = '{{ mammography_report }}';
        var id_room = '{{ per }}';
        var msjconfirmEditor = '{{ 'messages.noTranscripcion'|trans([], 'LocalizationBundle') }}';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var saveReturn = '{{ 'button.saveReturn'|trans([], 'LocalizationBundle') }}';
        var modality = '{{ textTranscription.0.idModality }}';
        var Url_PrintPDF = '{{ path('PrintResultPDF',{'per': per } ) }}';
        var Url_Previsualizar = '{{ path('transcription_UpdateTranscription' ) }}';
        var errordev = '{{ 'labels.devolutionError'|trans([], 'LocalizationBundle') }}';
        var closer="{{ asset('bundles/utilities/images/cerrar.png') }}";
        var vistaInformeMamografia = '{{ path('reading_dictation_informeMamografia', {'cit': number_consultation }) }}';
        var url_buscarDatosInformeMamografico = '{{ path('reading_dictation_buscarInformeMamografico') }}';
        var url_new_comment = '{{ path('new_comment_devolution_radiologist') }}';
        var url_reload_devolution = '{{ path('reload_Devolution') }}';
        var saveComment = '{{ 'button.save'|trans([], 'LocalizationBundle') }}';
        var addComments = '{{ 'labels.add'|trans([], 'LocalizationBundle') }} {{ 'labels.comments'|trans([], 'LocalizationBundle') }}';
        var textoValido = '{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}';
        var pleaseWait = '{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}';
        var mammoInfo = '{{ 'messages.mammoInfo'|trans([], 'LocalizationBundle') }}';
        var seguroValidar = '{{ 'messages.seguroValidar'|trans([], 'LocalizationBundle') }}';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var acept = '{{ 'button.acept'|trans([], 'LocalizationBundle') }}';
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}";
        var processOk = '{{ 'messages.processOk'|trans([], 'LocalizationBundle') }}';
        var saveok = '{{ 'messages.saveok'|trans([], 'LocalizationBundle') }}';
        var validateBirad = '{{ textTranscription.0.birad }}';
        var valorBirad = '{{ textTranscription.0.birads }}';
        var msj_birads_uploads = '{{ 'labels.valueBirads'|trans([], 'LocalizationBundle') }}:';
        var msj_modality_birads_error = '{{ 'messages.actBirads'|trans([], 'LocalizationBundle') }}';
        var url_birads = '{{ path('UpdateBirads') }}';
        var deleteFile = '{{ path('deleteFile') }}';
        var pdf_reporte_his = '{{ pdf_reporte_his }}';
        var devolution = false;
        {% if devolution %}
        var devolution = true;
        {% endif %}
            
        {% if is_granted('ROLE_VR') %}
            var rv = true;
        {% else %}
            var rv = false;
        {% endif %}
    </script>
    <link href="{{ asset('bundles/utilities/css/editor.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('bundles/main/css/bootstrap.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/grid/css/bootstrap-select.css') }}">
    <link rel="stylesheet"
          href="{{ asset('bundles/shedule/datatable/css/dataTables.responsive.css') }}">
    <link rel="stylesheet"
          href="{{ asset('bundles/shedule/datatable/css/dataTables.tableTools.css') }}">
    <link rel="stylesheet"
          href="{{ asset('bundles/shedule/'~ hrk_skin ~'/dataTableCustom.css') }}"/>

    {% if ( is_granted('ROLE_READING') or is_granted('ROLE_VR')) %}
        <link rel="stylesheet"
              href="{{ asset('bundles/reading/'~ hrk_skin ~'/validacion-dark.css') }}">
    {% else %}
        <link rel="stylesheet"
              href="{{ asset('bundles/reading/'~ hrk_skin ~'/validacion-light.css') }}">
    {% endif %}
    <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>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script src="{{ asset('bundles/utilities/ckeditor/ckeditor.js') }}"></script>
    <script src="{{ asset('bundles/utilities/ckeditor/adapters/jquery.js') }}"></script>
    <link href="{{ asset('bundles/utilities/css/font-awesome.css') }}" rel="stylesheet">
{% endblock scripts %}
{% block content %}
    <div class="container-fluid">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">{{ 'labels.action.validarReporte'|trans([], 'LocalizationBundle') }}</h3>
            </div>

            <div class="panel-body">
                <div class="row">
                    <form id="validatetranscripcion" name="validatetranscripcion">
                        <input id="ocultoid" type="hidden" value="{{ per }}">
                    <input type="hidden" value="{{ app.request.locale }}" name="locale"
                           id="locale"/>
                    <input id="number_consultation" name="number_consultation" type="hidden"
                           value="{{ number_consultation }}"/>
                    <input id="number_status" name="number_status" type="hidden"
                           value="{{ number_status }}"/>
                    <input id="rasr" name="rasr" type="hidden"
                           value="{{ textTranscription.0.idRoomAppointmentStudyReceipt }}"/>
                    
                    <input type="hidden" name="appCode" id="appCode" value="{{ textTranscription.0.appointmentCode }}" />

                        <div id="add_reading">
                        </div>

                        <div id="dataMammographyRadiologistDialog" title="Informe Mamografico" style="overflow: hidden">
                        </div>

                        <div>
                            {#<div id="usarenlaces">#}
                            <div class="form-group">
                                <div class="col-md-3">
                                    <a href="#" id="close" class="btn btn-danger">
                                        <span class="glyphicon glyphicon-remove-circle"></span>
                                        {{ 'button.close'|trans([], 'LocalizationBundle') }}
                                    </a>
                                </div>
                                <div class="col-md-9">
                                    <div class="btn-group pull-right" role="group"
                                         style="margin-left:20px;">
                                        <a href="#" id="preguardar" class="btn btn-primary">
                                            <span class="glyphicon glyphicon-save"></span>
                                            {{ 'labels.preguardado.action'|trans([], 'LocalizationBundle') }}
                                        </a>
                                        <a id="button2" class="btn btn-info">
                                            <span class="glyphicon glyphicon-ok"></span>
                                            {{ 'labels.action.validate'|trans([], 'LocalizationBundle') }}
                                        </a>
                                    </div>
                                    <div class="btn-group pull-right" role="group"
                                         style="margin-left:20px;">
                                        <a href="#" id="previsualizar" class="btn btn-primary">
                                            <span class=" glyphicon glyphicon-eye-open"></span>
                                            {{ 'labels.preview'|trans([], 'LocalizationBundle') }}
                                        </a>
                                        <a href="#" id="devolucion" class="btn btn-primary" style="display:none;">
                                            {{ 'labels.devoluciones'|trans([], 'LocalizationBundle') }}
                                        </a>
                                    </div>
                                    <div class="btn-group pull-right">
                                        <a id="devolution" class="btn btn-primary">
                                            <span class="glyphicon glyphicon-hand-left"></span>
                                            {{ 'labels.return.toTranscription'|trans([], 'LocalizationBundle') }}
                                        </a>
                                        <a id="button3" class="btn btn-primary">
                                            <span class="glyphicon glyphicon-plus-sign"></span>
                                            {{ 'labels.add'|trans([], 'LocalizationBundle') }} {{ 'labels.lecturas.singular'|trans([], 'LocalizationBundle') }}
                                        </a>
                                    </div>
                                    <div class="btn-group pull-right" role="group"
                                         style="margin-left:20px;">
                                        {% if (textTranscription.0.idModality =='MG' and  mammography_report == true) %}
                                            <a id="dataMammographyRadiologistButton" class="btn btn-primary">
                                               <span class="glyphicon glyphicon-file"></span>
                                                {{ 'messages.infoMamo'|trans([], 'LocalizationBundle') }}
                                            </a>
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div class="col-md-12" style="margin-bottom:10px;"></div>
                            <div class="col-md-4">
                                <div class="row">
                                    {# Lecturas adicionales #}
                                    <div class="col-sm-12">

                                        {% if resultQueryAuxTrans|length!=0 %}
                                            <h4 style="margin:0;">{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}</h4>
                                            <div>

                                                <table id="container_ad_readings">
                                                    {% set  NumberImage  =  "" %}

                                                    {% for DataAuxTrans in resultQueryAuxTrans %}
                                                        <tr>
                                                            {% set  NumberImage  =   loop.index %}

                                                            <td>
                                                                <div class="btn-group pull-right">
                                                                    <a href="#"
                                                                       name="{{ path('validate_viewTransAuxiliary', {'content':DataAuxTrans.idAuxiliaryTranscription}) }}"
                                                                       id="addReadingView{{ loop.index }}"
                                                                       class="addReading btn btn-primary"
                                                                       title="{{ loop.index }}"> {{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}
                                                                        #{{ NumberImage }}
                                                                    </a>

                                                                    {% if DataAuxTrans.isAuxTransValidated == true %}
                                                                    <input type="hidden"
                                                                           class="statusAux"
                                                                           value="true">
                                                                    <a class="btn btn-success"
                                                                       id="devolution">
                                                                        <span id="{{ DataAuxTrans.idAuxiliaryTranscription }}{{ loop.index }}"
                                                                              class="glyphicon glyphicon-ok"></span>

                                                                    </a>


                                                                {% else %}
                                                                    <input type="hidden"
                                                                           class="statusAux"
                                                                           value="false">
                                                                {% endif %}
                                                                </div>

                                                            </td>


                                                        </tr>
                                                    {% endfor %}

                                                </table>
                                            </div>
                                        {% else %}
                                            <h3>{{ 'labels.lecturas.noAditionalReading'|trans([], 'LocalizationBundle') }}</h3>
                                        {% endif %}

                                    </div>
                                    {# Applet reproduccion #}
                                    <div class="col-sm-12">
                                        {% if(url_recording=='si') %}
                                            <applet
                                                    CODE="com.softsynth.javasonics.recplay.PlayerApplet"
                                                    CODEBASE="{{ asset('bundles/utilities/listenup/listenup/codebase') }}"
                                                    ARCHIVE="ListenUpTranscriber.jar,OggXiphSpeexJS.jar"
                                                    NAME="JavaSonicRecorderUploader"
                                                    WIDTH="100%" HEIGHT="70">
                                                {% if hotKeys_footer_dictation == 'true' %}
                                                    <!--Parametros para atajos de teclado -->
                                                    <!--pedal para grabadora-->
                                                    <param name="useFootPedal" value="yes">
                                                    <!--Volver a inicio -->
                                                    <param name="toBeginHotKey" value="F6">
                                                    <!--Ir a final  -->
                                                    <param name="toEndHotKey" value="f7">
                                                    <!--Play -->
                                                    <param name="playHotKey" value="F8">
                                                    <!--Pause -->
                                                    <param name="pauseHotKey" value="f9">
                                                    <!--Retroceder  -->
                                                    <param name="rewindHotKey" value="f10">
                                                    <!--Adelantar  -->
                                                    <param name="forwardHotKey" value="f11">
                                                    <!--FIN Parametros para atajos de teclado -->
                                                {% endif %}
                                                <param name="transcription" value="yes">
                                                <param name="showLogo" value="no">
                                                <param name="autoPlay" value="{{ auto_play }}">
                                                <param name="showWaveform" value="yes">
                                                <param name="sampleURL"
                                                       value="{{ asset('bundles/utilities/uploads/grabaciones/'~per~'.spx') }}">
                                                <param name="background" value="ededed">
                                                <param name="bevelSize" value="1">
                                            </applet>
                                        {% endif %}
                                    </div>
                                </div>
                                {# Fin applet reproduccion #}
                                <div class="clearfix"></div>
                                <div class="btn-group" role="group">
                                    <input id="hide" type="hidden" value="{{ per }}"></th>

                                    {% if uid != '' and xen_viewer == true %}
                                        <a href="{{ url_imex_xen_viewer }}{{ uid }}" id="xen_viewer" class="btn btn-primary" target="_blank">
                                            <span class="glyphicon glyphicon-eye-open"></span>
                                            {{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}
                                        </a>
                                    {% endif %}

                                    {% if client_os is defined %}
                                        {% if DataStudy.0.studyUid is defined %}
                                            {% if textTranscription.0.pasoLectura != true %} {# Si la sala no es paso directo a lectura #}
                                                {% if visor_web_filtro == 'AN' %}
                                                    {% if visor_web_oviyam == true %}
                                                        <a href="{{ url_visor_oviyam }}?accessionNumber={{ textTranscription.0.appointmentCode }}"
                                                           class="btn btn-primary" target="_blank">
                                                            <span class="glyphicon glyphicon-eye-open"></span>
                                                            {{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                        </a>
                                                    {% endif %}

                                                    {% if visor_web_opcional == 'true' %}
                                                        <a href="{{ url_visor_weasis }}?accessionNumber={{ textTranscription.0.appointmentCode }}"
                                                           class="btn btn-primary" target="_blank">
                                                            <span class="glyphicon glyphicon-eye-open"></span>
                                                            {{ '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 }}"
                                                           class="btn btn-primary" target="_blank">
                                                            <span class="glyphicon glyphicon-eye-open"></span>
                                                            {{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                        </a>
                                                    {% endif %}

                                                    {% if visor_web_opcional == 'true' %}
                                                        <a href="{{ url_visor_weasis }}?studyUID={{ DataStudy.0.studyUid }}"
                                                           class="btn btn-primary" target="_blank">
                                                            <span class="glyphicon glyphicon-eye-open"></span>
                                                            {{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}
                                                        </a>
                                                    {% endif %}
                                                {% elseif visor_web_filtro == 'PI' %}
                                                    {% if visor_web_oviyam == true %}
                                                        <a href="{{ url_visor_oviyam }}?patientID={{ textTranscription.0.document }}"
                                                           class="btn btn-primary" target="_blank">
                                                            <span class="glyphicon glyphicon-eye-open"></span>
                                                            {{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                        </a>
                                                    {% endif %}

                                                    {% if visor_web_opcional == 'true' %}
                                                        <a href="{{ url_visor_weasis }}?patientID={{ textTranscription.0.document }}"
                                                           class="btn btn-primary" target="_blank">
                                                            <span class="glyphicon glyphicon-eye-open"></span>
                                                            {{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}
                                                        </a>
                                                    {% endif %}
                                                {% endif %}
                                            {% elseif textTranscription.0.pasoLectura == true %} {# Si la sala es paso directo a lectura #}
                                                {% if visor_web_oviyam == true %}
                                                    <a href="{{ url_visor_oviyam }}?accessionNumber={{ textTranscription.0.appointmentCode }}"
                                                       class="btn btn-primary" target="_blank">
                                                        <span class="glyphicon glyphicon-eye-open"></span>
                                                        {{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                    </a>
                                                {% endif %}

                                                {% if visor_web_opcional == 'true' %}
                                                    <a href="{{ url_visor_weasis }}?accessionNumber={{ textTranscription.0.appointmentCode }}"
                                                       class="btn btn-primary" target="_blank">
                                                        <span class="glyphicon glyphicon-eye-open"></span>
                                                        {{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}
                                                    </a>
                                                {% endif %}
                                            {% endif %}

                                            {% if client_os == 'WIN' %}
                                                <a onclick="openViewer('{{ url_visor_alma }}{{ DataStudy.0.studyUid }}');"
                                                   class="btn btn-primary">
                                                    <span class="glyphicon glyphicon-eye-open"></span>
                                                    {{ 'labels.viewers.alma'|trans([], 'LocalizationBundle') }}
                                                </a>
                                            {% elseif client_os == 'OSX' %}
                                                <a onclick="openViewer('{{ url_visor_osirix }}{{ DataStudy.0.studyUid }}');"
                                                   class="btn btn-primary">
                                                    <span class="glyphicon glyphicon-eye-open"></span>
                                                    {{ 'labels.viewers.osirix'|trans([], 'LocalizationBundle') }}
                                                </a>
                                            {% endif %}
                                        {% elseif textTranscription.0.pasoLectura == true %} {# Si la sala es paso directo a lectura y el estudio no tiene imagenes #}
                                            {% if visor_web_oviyam == true %}
                                                <a href="{{ url_visor_oviyam }}?accessionNumber={{ textTranscription.0.appointmentCode }}"
                                                   class="btn btn-primary" target="_blank">
                                                    <span class="glyphicon glyphicon-eye-open"></span>
                                                    {{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                </a>
                                            {% endif %}

                                            {% if visor_web_opcional == 'true' %}
                                                <a href="{{ url_visor_weasis }}?accessionNumber={{ textTranscription.0.appointmentCode }}"
                                                   class="btn btn-primary" target="_blank">
                                                    <span class="glyphicon glyphicon-eye-open"></span>
                                                    {{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}
                                                </a>
                                            {% endif %}
                                        {% endif %}
                                    {% endif %}

                                </div>
                                <div class="clearfix"></div>
                                <table class="table table-hover"
                                       style="width: 100%; text-align: left;">
                                    <tr>
                                        <th>
                                            <input id="ocultouser" type="hidden"
                                                   value="{% if app.user %}{{ app.user }}{% endif %}">
                                            <label>{{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }}
                                                :</label>
                                        </th>
                                        <td>
                                            <label id="nombresede">{{ textTranscription.0.headquarterName }}</label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>{{ 'labels.date.normal'|trans([], 'LocalizationBundle') }}
                                            :
                                        </th>
                                        <td>{{ textTranscription.0.appointmentDate | date('m-d-Y') }}</td>
                                    </tr>
                                    <tr>
                                        <th>{{ 'labels.patient.patientName'|trans([], 'LocalizationBundle') }}
                                            :
                                        </th>
                                        <td>{% if(hijo_de!='') %}<b>{{ hijo_de }}</b>{% endif %}{{ textTranscription.0.firstLastName }} {{ textTranscription.0.secondLastName }} {{ textTranscription.0.firstName }} {{ textTranscription.0.secondName }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>{{ 'labels.documentType'|trans([], 'LocalizationBundle') }}
                                            :
                                        </th>
                                        <td>{{ doctype_label }}</td>
                                    </tr>
                                    <tr>
                                        <th>{{ 'labels.IdNumber'|trans([], 'LocalizationBundle') }}
                                            :
                                        </th>
                                        <td>{{ textTranscription.0.document }}</td>
                                    </tr>
                                    <tr>
                                        <th>{{ 'labels.patient.birthDate'|trans([], 'LocalizationBundle') }}
                                            :
                                        </th>
                                        <td>{{ textTranscription.0.dateBirth|date('d-m-Y') }}</td>
                                    </tr>
                                    <tr>
                                        <th>{{ 'labels.patient.age'|trans([], 'LocalizationBundle') }}
                                            :
                                        </th>
                                        <td>
                                            {{ edadPaciente }}
                                        </td>
                                    </tr>
                                    <tr>
                                        <th>{{ 'labels.study.plural'|trans([], 'LocalizationBundle') }}
                                            :
                                        </th>
                                        <td> {% for name in textTranscription %}
                                                * {{ name.studyName }}<br>
                                            {% endfor %}</td>
                                    </tr>

                                    <tr>
                                        <th>{{ 'labels.reading'|trans([], 'LocalizationBundle') }} :</th>
                                        <td>{{ read.0.firstNameRead }} {{ read.0.lastNameRead }}</td>
                                    </tr>

                                    <tr>
                                        <th>{{ 'labels.transcription'|trans([], 'LocalizationBundle') }} :</th>
                                        <td>{{ textTranscription.0.fr }} {{ textTranscription.0.frl }}</td>
                                    </tr>

                                    <tr>
                                        <th>{{ 'labels.role.doctor_referring'|trans([], 'LocalizationBundle') }} :</th>
                                        {% if doctorReferring.0.name == '' %}
                                            <td>{{ 'labels.notRegistered'|trans([], 'LocalizationBundle') }}</td>
                                        {% else %}
                                            <td>{{ doctorReferring.0.name }}</td>
                                        {% endif %}
                                    </tr>
                                    {% if textTranscription.0.idModality == 'MG' or (textTranscription.0.idModality == 'US' and textTranscription.0.birad == 't') %}
                                    <tr>
                                        <th>{{ 'labels.birads'|trans([], 'LocalizationBundle') }} :</th>
                                        <td><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="4">4</option>
                                                <option value="5">5</option>
                                                <option value="6">6</option>
                                            </select>
                                            <!--AND textTranscription.0.birad 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.processOk'|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>
                                        </td>
                                    </tr>
                                    {% endif %}
                                </table>
                               
                            </div>

                            <div class="col-md-8">
                                
                                    
                                    {% if is_granted('ROLE_VR') %}
                                        <div id="contentSpeach" class="hero-unit" style="padding-top: 80px;">
                                            <div id="editor" name="editor" class="ckeditor editor" data-nusa-enabled="true" contenteditable="true" >
                                               {{ textTranscription.0.transcriptionText|raw }}
                                           </div> 
                                        </div>
                                    {% else %}
                                        <textarea class="editor" name="editor" id="editor" >
                                            {{ textTranscription.0.transcriptionText|raw }}
                                        </textarea>
                                    {% endif %}
                                {#</div>#}
                                </div>

                                <br>

                                <div id="confirm_data">
                                                          <span class="ui-icon ui-icon-alert"
                                                                style="float: left; margin-right: .3em;"> </span>

                                    <p id="ConfirmMsj">{{ 'messages.validarLecturasAdicionales'|trans([], 'LocalizationBundle') }}</p>
                                </div>
                                <div id="caja7">
                                    <div id="data_validate" align="center">
                                        <img style="width: 40px;"
                                             src="{{ asset('bundles/utilities/images/spinner.gif') }}"
                                             style="border: none;"/>

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

                                    </div>

                                    <div id="spinner">
                                        <img style="width: 40px;"
                                             src="{{ asset('bundles/utilities/images/spinner.gif') }}"
                                             style="border: none;"/>
                                    </div>
                                    <!--Muestra un mensaje de éxito-->
                                    <div id="confirm" class="ui-widget">
                                        <div class="ui-state-highlight ui-corner-all"
                                             style="margin-top: 20px; padding: 0 .7em;">
                                            <p id="mensajeConfirm">
                                                {{ 'messages.processOk'|trans([], 'LocalizationBundle') }}
                                                <span class="ui-icon ui-icon-info"
                                                      style="float: left; margin-right: .3em;">
                                                                                                </span>
                                            </p>
                                        </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;">
                                                                  <span class="ui-icon ui-icon-alert"
                                                                        style="float: left; margin-right: .3em;">
                                                                                                </span>

                                            <p id="mensajeError">
                                                {{ 'messages.noTranscripcion'|trans([], 'LocalizationBundle') }}

                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {#</div> di usar enlaces #}
                        </div>


                    </form>
                </div>
            </div>
        </div>
    </div>

    <div id="dataDevolution" title="{{ 'reading.returns'|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 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>

    <section>
        <article>
            <div id="devolutionData" title="{{ 'labels.return.toTranscription'|trans([], 'LocalizationBundle') }}">
                <div align="center">
                    <label>{{ 'labels.reasons_return'|trans([], 'LocalizationBundle') }}</label>
                    <br>
                    <textarea id="devolution_motive" style="width: 300px; height: 200px; resize: none;"></textarea>
                </div>
            </div>
            <div id="viewPDF"></div>
        </article>
    </section>

{% endblock %}