{% extends 'UtilitiesBundle:Drag:dragTemplate2.html.twig' %}
{% set vista = 2 %}
{% block initVariables %}

    setParameters({"panelLeft":["c1","c2","c3"],"panelRight":["c6"]},true, {"ids":["c1","c6"],"heights":["240","745"]});


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

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

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

        .pdfSlider_slideWrapper {
            width: 100% !important;
            height: 100% !important;
        }
    </style>



    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/reading/js/ajax/TranscriptionUS.js') }}"></script>
    <script type="text/javascript">
        var url_actualizar_prioridad = '{{ path('actualizar_prioridad') }}';
        var URL_SendReading = '{{ path('setWorkFlowToPreviousStatus') }}';
        var URL_StoreDevolutionCause = '{{ path('devolution_StoreDevolutionCause') }}';
        var URL_ReturnAssistence = '{{ path('reading_dictation_ReturnAssistence', {'cit': cit}) }}';
        var url_make_transcription = '{{ path('transcription_MakeTranscription') }}';
        var url_send_delivery = '{{ path('reading_dictation_SendToDelivery1') }}';
        var url_search_template = '{{ path('template_SearchTemplateTranscription') }}';
        {# var url_worklist = '{{ path('reading_DictationWorklist') }}'; #}
        var url_recorder = '{{ asset('bundles/reading/js/ajax/Lectura.js') }}';
        var url_birads = '{{ path('UpdateBirads') }}';
        var validateBirad = '{{ actual.0.birad }}';
        var id_room = '{{ cit }}';
        var url_start_time = '{{ path('StartTimeRecordingUS') }}';
        var msj_error_birads = '{{ 'labels.valueBirads'|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_update_images = '{{ path('UpdateDataImagesPacs') }}';
        var recmod = '{{ actual.0.recMod }}';
        var app = '{{ number_consultation }}';
        var studyCode = '{{ actual.0.studyCode }}';
        var url_verify_data_us = '{{ path('reading_dictation_VerifyUserData') }}';
        var url_query = '{{ path('template_QueryDataRadiologistTemplate1') }}';
        var msj_error_data = '{{ 'messages.errorPass'|trans([], 'LocalizationBundle') }}';
        var msj_error_user_validate = '{{ 'messages.userValidate'|trans([], 'LocalizationBundle') }}';
        var msjErrorData = '{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}';
        var msj_confirm_data = '{{ 'messages.processOk'|trans([], 'LocalizationBundle') }}';
        var url_send_validate = '{{ path('transcription_SendToValidate1') }}';
        var Url_PrintPDF ='{{ path('PrintResultPDF',{'per': cit } ) }}';
        var pdf_reporte_his = '{{ pdf_reporte_his }}';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var url_worklist='{{ path('_grid_ultrasound') }}';
        var Url_Previsualizar ='{{ path('transcription_UpdateTranscription' ) }}';
        var closer="{{ asset('bundles/utilities/images/cerrar.png') }}";
        var pleaseWait = "{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}";
        var actualizadoOk = "{{ 'messages.actualizadoOk'|trans([], 'LocalizationBundle') }}";
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}";
        var noTranscripcion = "{{ 'messages.noTranscripcion'|trans([], 'LocalizationBundle') }}";
        var selPlantilla = '{{ 'messages.selplantilla'|trans([], 'LocalizationBundle') }}';
        var deleteFile = '{{ path('deleteFile') }}';
        {% if is_granted('ROLE_VR') %}
        var rv = true;
        {% else %}
        var rv = false;
        {% endif %}
    </script>
    {#<link href="{{ asset('bundles/utilities/css/editoreco.css') }}" rel="stylesheet">#}

    {# Preloader #}
    <link href="{{ asset('bundles/utilities/preloader/introLoader.css') }}" rel="stylesheet">
    <script src="{{ asset('bundles/utilities/preloader/jquery.easing.1.3.js') }}"></script>
    <script src="{{ asset('bundles/utilities/preloader/jquery.introLoader.js') }}"></script>
    <script src="{{ asset('bundles/utilities/preloader/spin.min.js') }}"></script>
    {% if is_granted('ROLE_VR') == false %}
        <script src="{{ asset('bundles/utilities/ckeditor/ckeditor.js') }}"></script>
        <script src="{{ asset('bundles/utilities/ckeditor/adapters/jquery.js') }}"></script>
    {% endif %}
    <script>
        $(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 #}
    {#Bootstrap#}
    <link rel="stylesheet" href="{{ asset('bundles/main/css/bootstrap.css') }}"/>
    <link rel="stylesheet" href="{{ asset('bundles/indicator/css/bootstrap-select.css') }}"/>
    <link href="{{ asset('bundles/utilities/css/font-awesome.css') }}" rel="stylesheet">
    <script type="text/javascript" src="{{ asset('bundles/shedule/bootstrap/js/bootstrap.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/indicator/js/bootstrap-select.js') }}"></script>
    <script>
        ('.selectpicker').selectpicker();
    </script>

    <style>
        /* * {
            box-sizing:inherit !important;
        }*/
        .hrk-box, .ui-accordion, .ui-widget, .ui-helper-reset{
            box-sizing:inherit !important;
        }
        .btn-primary{
            color:#fff !important;
            box-shadow:none !important;
            text-shadow:none !important;
        }
        .form-control{
            height:28px;
        }
        .ui-accordion-content{
            padding: 1em !important;
        }
    </style>
{% endblock moreJS %}


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

    <form id="devolution_causes" name="devolution_causes" action="">
        <input id="number_consultation" name="number_consultation" type="hidden" value="{{ number_consultation }}"/>
        <input id="number_status" name="number_status" type="hidden" value="{{ number_status }}"/>
    </form>
    <div id="confirm_data" class="ui-widget" style="display: none;">
        <div class="ui-state-highlight ui-corner-all" align="center" style="margin-top: 20px; padding: 0 .7em;">
            <img style="width: 20px;" src="{{ asset('bundles/utilities/images/spinner.gif') }}"
                 style="border: none;"/>
            <span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>

            <div id="msjConfirmData">{{ 'messages.processOk'|trans([], 'LocalizationBundle') }}</div>
        </div>
    </div>
    <!--Muestra un mensaje cuando se presenta algún error-->
    <div id="error_data" 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>

            <div id="msjErrorData">{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}</div>
        </div>
    </div>
{% endblock more_content %}


{% 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;">
            <strong>{{ 'labels.date.fechaCita'|trans([], 'LocalizationBundle') }}
                :</strong><label> {{ actual.0.appointmentDate }}</label></p>
        <input type="text" name="appCode" id="appCode" value="{{ actual.0.appointmentCode }}" class="hidden"/>

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

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

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

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

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

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

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

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

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

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

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

        <p>
            <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>
    <p>
        <a id="close" style="cursor: pointer; text-decoration: none; " class="btn btn-primary btn-sm">{{ 'button.close'|trans([], 'LocalizationBundle') }}</a>
        <span id="previsualizar" style="cursor: pointer; text-decoration: none; " class="btn btn-default btn-sm">
            {{ 'labels.preview'|trans([], 'LocalizationBundle') }}
        </span>
        {% if(orden_lectura == false) %}
            <span id="ordenMedica" style="cursor: pointer; text-decoration: none; margin-left: 3px;" class="btn btn-default btn-sm">
                {{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}{{ 'labels.and'|trans([], 'LocalizationBundle') }}
                {{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}
            </span>
        {% endif %}
    </p>


{% endblock c1_content %}


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

{#
{% block c2_title %}{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}{% endblock c2_title %}
{% block c2_content %}

    <div id="carousel" style="width:100%; height: 100%; padding: 1%;">
        {% if queryMedicalOrder|length!=0 %}
            <object data="{{ asset("bundles/utilities/internalOrder/") }}{{ queryMedicalOrder.1 }}"
                    type="application/pdf"
                    data-caption="{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}"
                    width="100" height="100"></object>
        {% endif %}

    </div>

{% endblock c2_content %}
#}


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

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

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

            <tr>

            </thead>

            <tbody id="bodyread">
            {% for study in previousStudyList %}
                <tr>
                    <td>
                        {{ study.appointmentDate }}
                    </td>
                    <td>
                        {{ study.idModality }}
                    </td>
                    <td>
                        {{ study.studyName }}
                    </td>
                    <td>
                        <a href="{{ path('PrintResultPDF' , {'per':study.idRoomAppointmentStudyReceipt}) }}"
                           target="_blank" id="imprimir" >
                            <span class="ui-icon ui-icon-print"></span>
                        </a>
                    </td>
                    <td>
                        {% if study.urlRecording != "" %}
                            <a href="{{ path('QueryListenRecording' , {'per':study.idRoomAppointmentStudyReceipt}) }}"
                               target="_blank" id="cambio">
                                <span class="ui-icon ui-icon-play"></span>
                            </a>
                        {% endif %}
                    </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 }}">
                             </span>
                            </a>
                        {% endif %}
                    </td>
                </tr>

            {% endfor %}
            </tbody>
        </table>
    {% else %}
        <h3><label>{{ 'labels.study.noPrevious'|trans([], 'LocalizationBundle') }}</label></h3>
    {% endif %}

{% endblock c3_content %}


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

    {% block c6_content %}{# CAJA DICTADO #}

        <div id="divSpeech" style="height:100%;">
            <div style="width:100%;height:100%;">
                {# US BIRADS #}
                <div class="row">
                    <label class="col-md-12">{{ 'button.select'|trans([], 'LocalizationBundle') }} {{ 'labels.role.radiologo'|trans([], 'LocalizationBundle') }}:</label>
                    <input type="hidden" id="databirads">
                    {% if(actual.0.varMod =='US' and actual.0.birad == 't') %}
                        <div class="col-md-3">
                            <label>{{ 'labels.birads'|trans([], 'LocalizationBundle') }}</label>

                                <select id="birads_select" class="form-control">
                                    <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="dataMammographyButton" class="ui-corner-all button_data"
                                       style="cursor: pointer; padding: 8px;  text-decoration: none;">{{ 'assistive.mammographyClinicalData.label'|trans([], 'LocalizationBundle') }}
                                </a>#}
                        </div>
                        <div class="col-md-3" style="margin-top:20px;">
                            <a id="birads" class="btn btn-primary btn-sm">{{ 'labels.updateBIRADS'|trans([], 'LocalizationBundle') }}</a>
                            <label id="dataBirads_update">{{ 'labels.valueBirads'|trans([], 'LocalizationBundle') }}: </label>
                        </div>
                    {% endif %}

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

                            <div id="mensajeErrorRecording"></div>
                        </div>
                    </div>
                </div>
                {# US BIRADS #}
                {# USUARIO - CONTRASEÑA ENVIAR A ENTREGA #}
                <div class="row">
                    <div class="col-md-3">
                        <label>{{ 'labels.role.usuario'|trans([], 'LocalizationBundle') }}</label>
                        <select id="user" class="form-control selectpicker" data-live-search="true" data-size="10">
                            <option value="">
                                --{{ 'button.select'|trans([], 'LocalizationBundle') }}
                                --
                            </option>
                            {% if user is defined %}
                                {% for U in user %}
                                    <option value="{{ U.id }} ">{{ U.firstname }} {{ U.lastname }}</option>{% endfor %}
                            {% endif %}
                        </select>
                        <input id="codRad" type="text" class="hidden">
                    </div>
                    <div class="col-md-3">
                        <label>{{ 'labels.mail.password'|trans([], 'LocalizationBundle') }}</label>
                        <input class="form-control" type="password" id="password"/>
                    </div>
                    <div class="col-md-6" style="margin-top:20px;">
                        <a href="#" id="check" title="" class="btn btn-primary btn-sm" >
                            {{ 'labels.action.verificar'|trans([], 'LocalizationBundle') }}{{ 'labels.and'|trans([], 'LocalizationBundle') }}{{ 'labels.return.toDelivery'|trans([], 'LocalizationBundle') }}
                        </a>
                    </div>
                </div>
                {# USUARIO - CONTRASEÑA ENVIAR A ENTREGA #}
                {# RADIOLOGO - PLANTILLA - ACCIONES #}
                <div class="row" style="margin-bottom:10px;">
                    <div class="col-md-3">
                        <label>{{ 'labels.role.radiologo'|trans([], 'LocalizationBundle') }}</label>
                        <select id="radiologist" class="form-control selectpicker" data-live-search="true" data-size="10">
                            <option value="Todos">--{{ 'labels.all'|trans([], 'LocalizationBundle') }}--
                            </option>
                            {% if user is defined %}
                                {% for U in user %}
                                    <option value="{{ U.id }} ">{{ U.firstname }} {{ U.lastname }}</option>{% endfor %}
                            {% endif %}
                        </select>
                    </div>
                    <div class="col-md-3">
                        <label>{{ 'labels.template'|trans([], 'LocalizationBundle') }}</label>
                        <div id="plantillas">
                            <select id="plant" class="selectpicker form-control" data-live-search="true">
                                {% if temp is defined %}
                                    {% for t in temp %}
                                        <option value="{{ t.idTemplate }} ">{{ t.name }}</option>{% endfor %}
                                {% endif %}
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6" style="margin-top:20px;">
                        <input id="ocultoid" type="hidden" value="{{ cit }}">
                        {# box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only #}
                        <a href="#" id="button8" title="( shift + f )"
                           class="btn btn-default btn-sm">{{ 'button.plantilla'|trans([], 'LocalizationBundle') }}
                        </a>
                        <a href="#" id="button" title="( shift + r )" onclick="window.onbeforeunload"
                           class="btn btn-default btn-sm">{{ 'labels.preguardado.saveTrans'|trans([], 'LocalizationBundle') }}
                        </a>
                        <a href="#" id="button2" title="( shift + d )"
                           class="btn btn-default btn-sm">{{ 'button.validation'|trans([], 'LocalizationBundle') }}
                        </a>
                    </div>
                    <div class="row">
                        <div id="spinner" style="display: none;">
                            <img style="width: 20px;" src="{{ asset('bundles/utilities/images/spinner.gif') }}" style="border: none;"/>
                        </div>
                    </div>
                </div>
                {# RADIOLOGO - PLANTILLA - ACCIONES #}
                {# EDITOR #}
                <tr style="height:100%;">
                    <td style="height:100%;">
                        {% if is_granted('ROLE_VR') %}
                            {% include 'UtilitiesBundle:Default:richText.html.twig' %}
                        {% else %}
                            <textarea class="editor" name="editor" id="editor" >
                                {{ textTranscription.0.transcriptionText|raw }}
                            </textarea>
                        {% endif %}
                    </td>

                </tr>{# EDITOR #}
                {# MENSAJES #}
                <tr style="height:40px;">
                    <td>


                        <!--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>{# MENSAJES #}
            </div>
        </div>


    {% endblock c6_content %}