{# template for HTML5 transcription #}
{% extends'TranscriptionBundle:Default:transcriptionBase.html.twig' %}

{% block content %}
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <img src="{{ asset('bundles/main/images/hiruko.svg') }}" style="height:40px;margin-top:5px;">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <form id="register" name="register">
                <input type="hidden" value="{{ app.request.locale }}" name="locale" id="locale"/>
                <input type="hidden" value="{{ per }}" id="id_room">
                <input id="number_consultation" name="number_consultation" type="hidden" value="{{ number_consultation }}"/>
                <input id="input_codAppointment" name="input_codAppointment" 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="{{ rasr }}"/>
            </form>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a id="preSave" data-toggle="tooltip" data-placement="bottom" title="{{ 'labels.preguardado.action'|trans([], 'LocalizationBundle') }}">
                            <span class="glyphicon glyphicon-floppy-disk"></span>
                        </a>
                    </li>
                    <li>
                        <a id="preview" data-toggle="tooltip" data-placement="bottom" title="{{ 'labels.preview'|trans([], 'LocalizationBundle') }}">
                            <span class="glyphicon glyphicon-eye-open"></span>
                        </a>
                    </li>
                    
                    {# Se valida que no existe una encuesta dinamica asociada a la cita #}
                    {% if (dynamicSurvey is empty) %}
                        {% if (datamover.0.varMod !='US') %}
                            {% if (datamover.0.varMod =='MG') %}
                                {# Encuesta de mamografia #}
                                <li>
                                    <a id="encuestaMamo" data-backdrop="static" data-keyboard="false" data-toggle="modal" data-target="#modalEncuestaMammo">{{ 'labels.mammo.encuesta'|trans([], 'LocalizationBundle') }}</a>
                                </li>
                            {% else %}
                                {# Datos clinicos #}
                                <li>
                                    <a id="datosClinicos" data-backdrop="static" data-keyboard="false" data-toggle="modal" data-target="#modalDatosClinicos">{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}</a>
                                </li>
                            {% endif %}
                        {% endif %}
                    {% else %}
                        {% if is_granted('ROLE_SURVEYS_VIEW') %}
                            <li>
                                <a id="dsModal" data-toggle="modal" data-target="#modalDynamicSurvey">
                                    {{ 'dynamicSurvey.title.label'|trans([], 'LocalizationBundle') }}
                                </a>
                            </li>
                        {% endif %}
                    {% endif %}

                    {# Orden Medica #}
                    <li>
                        <a id="ordenMedica">{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}</a>
                    </li>

                    {# Lectura adicional #}
                    <li id="botonAdicionLectura" class="hidden">
                        <a id="adicionarLectura" data-toggle="modal" data-target="#addreading">
                            {{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>

                    {# Fin Lectura adicional #}
                    <li>
                        <a style="cursor:pointer;" id="devolucionesModal" data-backdrop="static" data-keyboard="false" data-toggle="modal" data-target="#modalreturnStudy">
                            {{ 'labels.return.label'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>
                    <li id="botonDevolucion">
                        <a style="cursor:pointer;" id="devModal" data-toggle="modal" data-target="#modalDevolutions">
                            {{ 'labels.devoluciones'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>
                    <li class="danger">
                        <a id="close" href="{{ path('reading_TranscriptionWorklistHtml') }}">
                            <span class="glyphicon glyphicon-remove-circle"></span> {{ 'button.close'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4">
                {# Player #}
                <div class="row">
                    {% if recordType == 'java'%}
                        <div id="javaplayer">
                            <div class="col-md-12">
                                <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/'~rasr~'.spx') }}">
                                    <param name="background" value="2B579A">
                                    <param name="waveBackground" value="FFFFFF">
                                    <param name="waveForeground" value="FFFFFF">
                                    <param name="bevelSize" value="1">
                                </applet>
                            </div>
                        </div>
                    {% elseif recordType == 'html5' %}
                        <div id="hrkplayer">
                            {# Player buttons #}
                            <div class="col-md-12">
                                <div class="btn-group" role="group" style="text-align: center;">
                                    <button class="btn btn-default" onclick="wavesurfer.skipBackward()">
                                        <span class="glyphicon glyphicon-backward"></span>
                                    </button>
                                    <button class="btn btn-default" id="playPause">
                                        <span id="play">
                                            <span class="glyphicon glyphicon-play"></span>
                                        </span>

                                        <span id="pause">
                                            <span class="glyphicon glyphicon-pause"></span>
                                        </span>
                                    </button>
                                    <button class="btn btn-default" onclick="wavesurfer.skipForward()">
                                        <span class="glyphicon glyphicon-forward"></span>
                                    </button>
                                </div>
                            </div>

                            {# End Payer buttons #}
                            <div class="col-md-12">
                                <div id="waveform"></div>
                                <div id="wave-timeline"></div>
                            </div>
                            <div class="clearfix"></div>

                            {# playlist #}
                            <div class="col-md-12">
                                <div class="list-group" id="playlist">
                                    {% for grabacion in url %}
                                        <a href="{{ asset(grabacion.url) }}" class="list-group-item">
                                            <i class="glyphicon glyphicon-play"></i>
                                            {{ loop.index }} - {{ grabacion.firstname }} {{ grabacion.lastname }} - {{ grabacion.current|date }}
                                        </a>
                                    {% endfor %}
                                </div>
                            </div>
                            {# End playlist #}
                            <div class="clearfix"></div>
                        </div>
                    {% else  %}
                        <div class="col-md-12">
                            <div class="list-group" id="playlist">
                                <span class="list-group-item">
                                    <i class="glyphicon glyphicon-alert"></i>
                                    {{ 'messages.noRecord'|trans([], 'LocalizationBundle') }}
                                </span>
                            </div>
                        </div>
                    {% endif %}
                </div>
                {# End player #}

                {# Tabs #}
                <div>
                    <div class="panel panel-default">
                        <div class="panel-body">
                            {# Nav tabs #}
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation" class="active">
                                    <a href="#datos" aria-controls="home" role="tab" data-toggle="tab">
                                        {{ 'labels.studydata'|trans([], 'LocalizationBundle') }}
                                    </a>
                                </li>
                                <li role="presentation" id="tabAdicionLectura" class="hidden">
                                    <a href="#lecturas" aria-controls="profile" role="tab" data-toggle="tab">
                                        {{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}
                                        <span class="label label-primary"
                                              id="addReadings">{{ adicional_transcription|length }}</span>
                                    </a>
                                </li>
                            </ul>

                            {# Tab panes #}
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane active" id="datos">
                                    <div class="col-md-12">
                                        <h4>{{ datamover.0.firstName }} {{ datamover.0.secondName }} {{ datamover.0.firstLastName }} {{ datamover.0.secondLastName }}</h4>
                                        <h5>{{ datamover.0.docType }}. {{ datamover.0.document }}</h5>
                                        <h5>{{ 'labels.patient.birthDate'|trans([], 'LocalizationBundle') }}
                                            : {{ datamover.0.dateBirth|date('d-m-Y') }}</h5>
                                        <h5>{{ 'labels.patient.age'|trans([], 'LocalizationBundle') }}
                                            :{{ edadcompleta }}</h5>
                                    </div>
                                    <div class="col-md-12">
                                        {% set url_oviyam = '' %}
                                        {% set url_weasis = '' %}
                                        {# set url_xenviewer = '' #}
                                        {% if DataStudy.0.studyUid is defined %}
                                            {% if visor_web_filtro == 'AN' %}
                                                {% if visor_web_oviyam == true %}
                                                    {% set url_oviyam =   url_visor_oviyam ~ '?accessionNumber=' ~ datamover.0.appointmentCode  %}
                                                {% endif %}

                                                {% if visor_web_opcional == true %}
                                                    {% set url_weasis =   url_visor_weasis ~ '?accessionNumber=' ~ datamover.0.appointmentCode  %}
                                                {% endif %}
                                            {% elseif visor_web_filtro == 'SU' %}
                                                {% if visor_web_oviyam == true %}
                                                    {% set url_oviyam =   url_visor_oviyam ~ '?studyUID=' ~ DataStudy.0.studyUid  %}
                                                {% endif %}

                                                {% if visor_web_opcional == true %}
                                                    {% set url_weasis =   url_visor_weasis ~ '?studyUID=' ~ DataStudy.0.studyUid  %}
                                                {% endif %}
                                            {% elseif visor_web_filtro == 'PI' %}
                                                {% if visor_web_oviyam == true %}
                                                    {% set url_oviyam =   url_visor_oviyam ~ '?patientID=' ~ datamover.0.document %}
                                                {% endif %}

                                                {% if visor_web_opcional == true %}
                                                    {% set url_weasis =   url_visor_weasis ~ '?patientID=' ~ datamover.0.document %}
                                                {% endif %}
                                            {% endif %}
                                            {% if visor_web_oviyam == true %}
                                                <button id="webviewer"  name="{{ url_oviyam }}" class="btn btn-default">{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}</button>
                                            {% endif %}

                                            {% if visor_web_opcional == true %}
                                                <button id="weasis" name="{{ url_weasis }}" class="btn btn-default">{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}</button>
                                            {% endif %}

                                            {% if xen_viewer == true %}
                                                <button id="xenviewer" class="btn btn-default" data-uid = '{{DataStudy.0.studyUid}}'>{{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}</button>
                                            {% endif %}
                                        {% endif %}
                                    </div>
                                    <div class="col-md-12">
                                        <h5>
                                            <strong>{{ 'labels.role.radiologo'|trans([], 'LocalizationBundle') }}</strong>: {{ datamover.0.Per }} {{ datamover.0.Pers }}
                                        </h5>
                                        <h5><strong>{{ 'modalities.modality'|trans([], 'LocalizationBundle') }}</strong>: {{ datamover.0.varMod }}
                                        </h5>
                                         <strong>{{ 'labels.Procedure'|trans([], 'LocalizationBundle') }}</strong>:
                                        {% for data in datamover %}
                                            {% set nombreInsumos = '' %}
                                            {% if data.nombreInsumo|length %}
                                                {% set nombreInsumos = ', '~data.nombreInsumo %}
                                            {% endif %}
                                            <h5>- {{ data.studyName }}{{ nombreInsumos }}</h5>
                                        {% endfor %}
                                        <h5>
                                            <strong>{{ 'labels.numeroOrden'|trans([], 'LocalizationBundle') }}</strong>: {{ datamover.0.appointmentCode }}
                                        </h5>
                                        <hr>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="col-md-6">
                                        {% set disparos = '' %}
                                        {% set kv = '' %}
                                        {% set placas = '' %}
                                        {% set estudios = '' %}
                                        {% set biopsia = '' %}
                                        {% set placasMalas = '' %}
                                        {% set mgy = '' %}
                                        {% set mas = '' %}
                                        {% set sobreexposicion = '' %}
                                        {% set portatil = '' %}
                                        {% set inoportunidad = '' %}
                                        {% set placasBuenas = '' %}
                                        {% if(clinical_data.platesResult|length > 0 and datamover.0.varMod  !='US') %}
                                            {% set disparos = clinical_data.platesResult.0.snapnumber |default(0) %}
                                            {% set kv = clinical_data.platesResult.0.snapnumber |default(0) %}
                                            {% set placas = clinical_data.platesResult.0.snapnumber |default(0) %}
                                            {% set estudios = clinical_data.platesResult.0.snapnumber |default(0) %}
                                            {% set biopsia = clinical_data.platesResult.0.snapnumber |default(0) %}
                                            {% set placasMalas = clinical_data.platesResult.0.snapnumber |default(0)%}
                                            {% set mgy = clinical_data.platesResult.0.snapnumber |default(0) %}
                                            {% set mas = clinical_data.platesResult.0.snapnumber |default(0)%}
                                            {% set sobreexposicion = clinical_data.platesResult.0.snapnumber |default(0)%}
                                            {% set portatil = clinical_data.platesResult.0.snapnumber |default(0) %}
                                            {% set inoportunidad = clinical_data.platesResult.0.snapnumber |default(0)%}
                                            {% set placasBuenas = clinical_data.platesResult.0.snapnumber |default(0)%}
                                        {% endif %}
                                        <h5>{{ 'labels.snaps'|trans([], 'LocalizationBundle') }}: {{ disparos }}</h5>
                                        <h5>{{ 'labels.kv'|trans([], 'LocalizationBundle') }}: {{ kv }}</h5>
                                        <h5>{{ 'labels.numberPlates'|trans([], 'LocalizationBundle') }}
                                            : {{ placas }}</h5>
                                        <h5>{{ 'labels.study.plural'|trans([], 'LocalizationBundle') }}
                                            : {{ estudios }}</h5>
                                        <h5>{{ 'labels.biopsy'|trans([], 'LocalizationBundle') }}: {{ biopsia }}</h5>
                                        <h5>{{ 'labels.badPlates'|trans([], 'LocalizationBundle') }}
                                            : {{ placasMalas }}</h5>
                                    </div>
                                    <div class="col-md-6">
                                        <h5>{{ 'labels.mGy'|trans([], 'LocalizationBundle') }}: {{ mgy }}</h5>
                                        <h5>{{ 'labels.mas'|trans([], 'LocalizationBundle') }}: {{ mas }}</h5>
                                        <h5>{{ 'labels.OverExposure'|trans([], 'LocalizationBundle') }}
                                            : {{ sobreexposicion }}</h5>
                                        <h5>{{ 'labels.portatil'|trans([], 'LocalizationBundle') }}
                                            : {{ datamover.0.portable }}</h5>
                                        <h5>{{ 'labels.untimeliness'|trans([], 'LocalizationBundle') }}
                                            : {{ datamover.0.untimeliness }}</h5>
                                        <h5>{{ 'labels.goodPlates'|trans([], 'LocalizationBundle') }}
                                            : {{ placasBuenas }}</h5>
                                    </div>
                                </div>
                                {# concept #}
                                {% if his_integration == 'true' and dataHis.concepto is defined %}
                                <div class="col-md-12">
                                    <h5>{{ 'labels.concept'|trans([], 'LocalizationBundle') }}:</h5>
                                    <div>
                                        <h6>{{ dataHis.concepto }}</h6>
                                    </div>
                                </div>
                                {% endif %}
                                <div role="tabpanel" class="tab-pane hidden" id="lecturas">
                                    {% if adicional_transcription|length!=0 %}
                                        {% set  NumberImage  =  "" %}
                                        {% for AuxTrans in adicional_transcription %}
                                            {% set  NumberImage  =   loop.index %}
                                            <h5>
                                                <a style="cursor:pointer;" class="viewAddReading"
                                                   data-idadd="{{ AuxTrans.idAuxiliaryTranscription }}">
                                                    {{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }} {{ loop.index }}
                                                </a>
                                            </h5>
                                        {% endfor %}
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>{# End Tabs #}
            </div>

            {# Editor #}
            <div id="mainTranscription">
                <div class="col-md-8">
                    <div class="row">
                        <div class="col-md-10">
                            <select id="plantR1" class="selectpicker" data-live-search="true" title="{{ 'labels.role.radiologo'|trans([], 'LocalizationBundle') }}">
                                <optgroup label="Seleccionar médico"></optgroup>
                                {% if radiologist is defined %}
                                    {% for r in radiologist %}
                                        <option value="{{ r.id }}">{{ r.firstname }} {{ r.lastname }}</option>
                                    {% endfor %}
                                {% endif %}
                            </select>
                            <select id="plant1" class="selectpicker" data-live-search="true" title="{{ 'button.select'|trans([], 'LocalizationBundle') }} {{ 'labels.template'|trans([], 'LocalizationBundle') }}">
                                <optgroup label="Seleccionar plantilla"></optgroup>
                                {% if templates is defined %}
                                    {% for t in templates %}
                                        <option value="{{ t.idTemplate }}">{{ t.name }}</option>
                                    {% endfor %}
                                {% endif %}
                            </select>
                            <button id="cargarPlantilla" class="btn btn-default">{{ 'button.plantilla'|trans([], 'LocalizationBundle') }}</button>
                        </div>
                        <div class="col-md-2 text-right">
                            <button class="btn btn-primary btn-send" id="enviarEstudio">
                                {{ 'button.send'|trans([], 'LocalizationBundle') }}
                            </button>
                        </div>
                    </div>
                    <div name="editor0" id="editor0" class="transcription-editor" contenteditable="true">{{ textTranscription.0.transcriptionText|raw }}</div>
                </div>
            </div>
            {# End editor #}
            {# Additional reading #}
            <div id="additionalReading" class="hidden">
                <div class="col-md-8">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="alert alert-info" role="alert">
                                <h5 id="nombreLecturaAdicional">{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}</h5>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <select id="plantR2" class="selectpicker" data-live-search="true" title="{{ 'labels.role.radiologo'|trans([], 'LocalizationBundle') }}">
                                {% if radiologist is defined %}
                                    {% for r in radiologist %}
                                        <option value="{{ r.id }}">{{ r.firstname }} {{ r.lastname }}</option>
                                    {% endfor %}
                                {% endif %}
                            </select>
                            <select id="plant2" class="selectpicker" data-live-search="true" title="{{ 'button.select'|trans([], 'LocalizationBundle') }} {{ 'labels.template'|trans([], 'LocalizationBundle') }}">
                                {% if templates is defined %}
                                    {% for t in templates %}
                                        <option value="{{ t.idTemplate }}">{{ t.name }}</option>
                                    {% endfor %}
                                {% endif %}
                            </select>
                            <button id="cargarPlantilla2" class="btn btn-default">Cargar plantilla</button>
                            <span class="pull-right" id="nuevaLectura">
                                <button id="cancelarAdicionLectura" class="btn btn-primary">
                                    {{ 'button.close'|trans([], 'LocalizationBundle') }}
                                </button>
                                <button id="guardarAdicionLectura" class="btn btn-primary ">
                                    {{ 'button.save'|trans([], 'LocalizationBundle') }}
                                </button>
                            </span>
                            <span class="pull-right" class="hidden" id="actualizarLectura">

                                <button id="eliminarAdicionLectura" class="btn btn-danger">
                                    {{ 'button.eliminar'|trans([], 'LocalizationBundle') }}
                                </button>
                                <button id="cancelarAdicionLectura" class="btn btn-primary">
                                    {{ 'button.close'|trans([], 'LocalizationBundle') }}
                                </button>
                                <button id="actualizarAdicionLectura" class="btn btn-primary ">
                                    {{ 'button.update'|trans([], 'LocalizationBundle') }}
                                </button>
                            </span>
                        </div>
                    </div>
                    <div name="editor2" id="editor2" class="transcription-editor" contenteditable="true"></div>
                </div>
            </div>
            {# End Additional reading #}
        </div>
    </div>
    {# Modal windows#}
    {# Medical order #}

    <div id="modalMedicalOrder" style="display:none;height:100%;">
        <div id="closer">
            <img src="{{ asset('bundles/utilities/images/closerIconBlack.svg') }}" width="30">
        </div>
        {% if queryMedicalOrder|length != 0 %}
            <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 %}
            <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 %}
    </div>
    {# End Medical order #}

    {# Devoluciones#}
    <div class="modal fade" id="modalDevolutions" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">{{ 'labels.devoluciones'|trans([], 'LocalizationBundle') }}</h4>
                </div>
                <div class="modal-body">
                    <table class="table dataMTable">
                        <thead>
                            <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>{{ 'labels.comentTra'|trans([], 'LocalizationBundle') }}</th>
                            </tr>
                        </thead>
                        <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.firstname }} {{ dev.lastname }}</td>
                                    <td>{{ dev.commentNewSendTechnologist }}</td>
                                    <td>{{ dev.commentNewSendRadiologist }}</td>
                                    <td id="ctrans_{{ loop.index }}">{{ dev.commentNewSendTranscription }}</td>
                                    <td>
                                        <ul class="nav">
                                            <li><a id="plus_{{ loop.index }}" class="commentTrans" name="{{ loop.index }}"
                                                   data-toggle="tooltip" data-placement="bottom" title=""
                                                   data-original-title="Comentario transcriptor">
                                                    <span class="glyphicons glyphicon-plus"></span>
                                                </a>
                                            </li>
                                            <li><a id="minus_{{ loop.index }}" class="commentTransMinus hidden"
                                                   name="{{ loop.index }}" data-toggle="tooltip" data-placement="bottom"
                                                   title="" data-original-title="Comentario transcriptor">
                                                    <span class="glyphicons glyphicon-minus"></span>
                                                </a>
                                            </li>
                                        </ul>
                                    </td>

                                </tr>
                                <tr id="commentNew_{{ loop.index }}" class="comentNewD hidden">
                                    <td colspan="7"><textarea class="form-control" id="comment{{ loop.index }}"
                                                              placeholder="añadir comentario"></textarea></td>
                                    <td>
                                        <button class="btn btn-primary addComment" data-appcode="{{ dev.appointmentCode }}"
                                                data-iddevol="{{ dev.idDevolutionHistoric }}" data-id="{{ loop.index }}">
                                            {{ 'button.save'|trans([], 'LocalizationBundle') }}</button>
                                    </td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button id="cerrarDevoluciones" type="button" class="btn btn-default"
                            data-dismiss="modal">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                </div>
            </div>
        </div>
    </div>
    {# End Devoluciones #}

    {# Devolver estudio #}
    <div class="modal fade" id="modalreturnStudy" tabindex="-1" role="dialog" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">{{ 'labels.return.label'|trans([], 'LocalizationBundle') }}</h4>
                </div>
                <div class="modal-body">
                    <h4>{{ 'labels.reasons_return'|trans([], 'LocalizationBundle') }}</h4>
                    <hr>
                    <textarea id="comentarioDevolucion" class="form-control" style="min-height:150px;"></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" id="cerrarDevolucion" class="btn btn-default"
                            data-dismiss="modal">{{ 'button.cancel'|trans([], 'LocalizationBundle') }}</button>
                    <button type="button" id="guardarDevolucion"
                            class="btn btn-primary">{{ 'button.saveReturn'|trans([], 'LocalizationBundle') }}</button>
                </div>
            </div>
        </div>
    </div>
    {# End Devolver estudio #}

    {% if (dynamicSurvey is empty) %}
        {# Condicional para mostrar encuesta MG o datos clinicos segun modalidad #}
        {% if(datamover.0.varMod =='MG') %}
            <div class="modal fade" id="modalEncuestaMammo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title" id="myModalLabel">{{ 'labels.mammo.encuesta'|trans([], 'LocalizationBundle') }}</h4>
                        </div>
                        <div class="modal-body">
                            {# {% include 'PatientBundle:Patient:ViewDataMammography.html.twig' %} #}
                            <iframe src="{{ path('reading_dictation_encuestaMamografia', {'appCode': number_consultation , 'mode': 'lecturaHTML5'}) }}" width="100%" style="height:80vh;" frameborder="0" ></iframe>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" id="closeencuestaMammo" data-dismiss="modal">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        {% else %}
            <div class="modal fade" id="modalDatosClinicos" tabindex="-1" role="dialog" data-keyboard="false">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}</h4>
                        </div>
                        <div class="modal-body">
                            {% if (datamover.0.varMod  !='US')%}
                            {% set actual = clinical_data.platesResult %}
                            {% include 'PatientBundle:Patient:ViewDataClinicalPatient.html.twig' %}
                            {% endif %}
                        </div>
                        <div class="modal-footer">
                            <button type="button" id="cerrarDatosClinicos" class="btn btn-default"
                                    data-dismiss="modal">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
        {# fin datos clinicos o encuesta MG #}
    {% else %}
        {# Codigo para mostrar la encuesta dinamica #}
        {% if is_granted('ROLE_SURVEYS_VIEW') %}
            <div class="modal fade" id="modalDynamicSurvey" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                          <h4 class="modal-title" id="myModalLabel">
                              {{ 'dynamicSurvey.title.label'|trans([], 'LocalizationBundle') }}
                          </h4>
                        </div>
                        <div class="modal-body">
                            <iframe 
                                src="{{ path('hiruko_view_data_surveys', {'registerId': dynamicSurvey.register}) }}" 
                                width="100%" 
                                style="height:90vh;background-color: #FFF" 
                                frameborder="0" 
                            >
                            </iframe>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-primary" id="closeCTData" data-dismiss="modal">
                                {{ 'button.cancel'|trans([], 'LocalizationBundle') }}
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
    {% endif %}

{% endblock %}
{% block script %}
    <script>
        var errorTemplate = "{{ 'messages.selplantilla'|trans([], 'LocalizationBundle') }}";
        var url_worklist = '{{ path('reading_TranscriptionWorklistHtml') }}';
        var url_add_reading = '{{ path("reading_SaveAddReading") }}';
        var url_update_reading = '{{ path("reading_UpdateAddReading") }}';
        var url_delete_reading = '{{ path("reading_RemoveAddReading") }}';
        var urlConsultAddReading = '{{ path('reading_ConsultAddReading') }}';
        //var url_view_add_reading="";
        var accesionNumber = '{{ datamover.0.appointmentCode }}';
        var appointmentStatus = '{{ datamover.0.appointmentStatus }}';
        var inactividad= '{{ inactivity_timer }}';
        var url_make_transcription = '{{ path('transcription_MakeTranscription') }}';
        var url_search_template = '{{ path('template_SearchTemplateTranscription') }}';
        var url_send_validate = '{{ path('transcription_SendToValidate') }}';
        var url_prev = '{{ path('setWorkFlowToPreviousStatus') }}';
        var url_query = '{{ path('template_QueryDataRadiologistTemplate1') }}';
        var url_start_time = '{{ path('start_Time_Transcription') }}';
        var id_room = '{{ per }}';
        var cargandoPlantilla = '{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle') }} {{ 'labels.template'|trans([], 'LocalizationBundle') }}';
        var pleaseWait = '{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}';
        var lecturaAdicional = '{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}';
        var processOk = '{{ 'messages.processOk'|trans([], 'LocalizationBundle') }}';
        var textoValido = '{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}';
        var msjValidateRead = '{{ 'messages.msjValidateRead'|trans([], 'LocalizationBundle') }}';
        var cargando = '{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle') }} {{ 'labels.template'|trans([], 'LocalizationBundle') }} ';
        var selPlantilla = '{{ 'messages.selplantilla'|trans([], 'LocalizationBundle') }}';
        var errorAjax = '{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}';
        var addComments = '{{ 'labels.add'|trans([], 'LocalizationBundle') }} {{ 'labels.comments'|trans([], 'LocalizationBundle') }}';
        var loading = '{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle') }}';
        var sinPlantilla = '{{ 'messages.sinPlantilla'|trans([], 'LocalizationBundle') }}';
        var noTranscripcion = '{{ 'messages.noTranscripcion'|trans([], 'LocalizationBundle') }}';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var url_findData_mammography = '{{ path('DataMammography')  }}';
        var saveReturn = '{{ 'button.saveReturn'|trans([], 'LocalizationBundle') }}';
        var url_devolution_reading = '{{ path('transcription_DevolutionReading') }}';
        var saveComment = '{{ 'button.save'|trans([], 'LocalizationBundle') }}';
        var url_new_comment = '{{ path('new_comment_devolution_transcription') }}';
        var url_reload_devolution = '{{ path('reload_Devolution') }}';
        var devolution = false;
        var modality = '{{ datamover.0.varMod }}';
        var seguro = '{{ 'messages.seguro'|trans([], 'LocalizationBundle') }}';
        var seguroEnviar = '{{ 'messages.seguroEnviar'|trans([], 'LocalizationBundle') }}';
        var seguroEliminar = '{{ 'messages.seguroEliminar'|trans([], 'LocalizationBundle') }}';
        var perderaInfo = '{{ 'messages.datosEliminados'|trans([], 'LocalizationBundle') }}';
        var devolverEstudio = '{{ 'messages.devolverEstudio'|trans([], 'LocalizationBundle') }}';
        var acept = '{{ 'button.acept'|trans([], 'LocalizationBundle') }}';
        var removeD = '{{ 'button.eliminar'|trans([], 'LocalizationBundle') }}';
        var saving = '{{ 'utilities.saving'|trans([], 'LocalizationBundle') }}';
        {# var url_recording = '{{ url_recording }}'; #}
            var Url_PrintPDF = '{{ path('PrintResultPDF',{'per': per } ) }}';
            var Url_Previsualizar = '{{ path('transcription_UpdateTranscription' ) }}';
            var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
            var closer = "{{ asset('bundles/utilities/images/closerIconBlack.svg') }}";
            var SrcAlert = '{{ asset('bundles/utilities/images/alert.png') }}';
            var upload_image_mamas = '{{ asset('bundles/utilities/uploads/imageMammography') }}';
            var labelAddReading = '{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}';
            var deleteFile = '{{ path('deleteFile') }}';
      
            var url_visor_weasis = '{{ url_visor_weasis }}';
            var url_visor_oviyam = '{{ url_visor_oviyam }}';
            var url_visor_osirix = '{{ url_visor_osirix }}';
            var visor_web_oviyam = '{{ visor_web_oviyam }}';
            var url_imex_xen_viewer = '{{ url_imex_xen_viewer }}';
            var textTranscription = '{{ transcription }}';
            var id_user_save = parseInt('{{ datamover.0.empl }}');
            var templates = '';
            var _LOCALE = '{{ LOCALE }}';
            var _SPELLCHECK = '{{ SPELLCHECK }}';
        {% if templates is defined %}
            {% for t in templates %}
                templates += '<option value="{{ t.idTemplate }}">{{ t.name }}</option>';
            {% endfor %}
        {% endif %}
            var xen_viewer = '{{ xen_viewer }}';
        {#var uid = '{{ uid }}';#}
            if (textTranscription != '') {
                textTranscription = true;
            } else {
                textTranscription = false;
            }
        {% if devolution %}
            var devolution = true;
        {% endif %}

    </script>
    <link rel="stylesheet" href="{{ asset('bundles/utilities/sweetalert/sweetalert.css') }}" >
    <script type="text/javascript" src="{{ asset('bundles/transcription/js/ajax/TranscripcionHtml5.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/utilities/sweetalert/sweetalert.min.js') }}"></script>
{% endblock %}