{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
    {# Carga el script donde se realizarán las peticiones ajax para los filtros #}
    <script type="text/javascript" src="{{ asset('bundles/reading/js/ajax/Lectura.js') }}"></script>
    <script type="text/javascript">
        var URL_SendReading = '{{ path('setWorkFlowToPreviousStatus') }}';
        var URL_StoreDevolutionCause = '{{ path('devolution_StoreDevolutionCause') }}';
        var URL_ReturnAssistence = '{{ path('reading_dictation_ReturnAssistence', {'cit': cit}) }}';
        var url_make_transcription = '{{ path('transcription_MakeTranscription') }}';
        var url_send_delivery = '{{ path('reading_dictation_SendToDelivery') }}';
        var url_search_template = '{{ path('template_SearchTemplateTranscription') }}';
        var url_worklist = '{{ path('reading_DictationWorklist') }}';
        var url_recorder = '{{ asset('bundles/reading/js/ajax/Lectura.js') }}';
    </script>
    <style>
        .box:hover {
            -moz-box-shadow: 0 0 10px #ccc;
            -webkit-box-shadow: 0 0 10px #ccc;
            box-shadow: 0 0 10px #ccc;
        }
    </style>
    <script>
        $(function() {
            $("#accordion2").accordion({'active': 0});
        });
    </script>
    <script type="text/javascript" src="https://nhdp-goes-global.nuancehdp.com/SAS/scripts/Nuance.SpeechAnywhere.js"></script>        



	<script language="javascript" type="text/javascript">
	    function NUSA_configure() {

	        NUSA_userId = "imexvr";
            if (!NUSAI_licenseGuid)
	            NUSAI_licenseGuid = "c79c8615-c487-480f-9468-e66599b7b63d";
	        if (!NUSAI_partnerGuid)
	            NUSAI_partnerGuid = "f4aec8f2-c1bf-486a-ae6d-6c67d1c0af38";
	    
	        NUSA_applicationName = "Sample_Basic";

            // optional - if not set, the control will be inserted as first child of the BODY element
	        NUSA_container = "divVR";
			NUSA_language = "es-005";
			NUSA_topic = "Radiologia";

	    }
	</script>  
{% endblock %}
{% block content%}
    <section>
    <article>
    <div id="devolution_check" style="display: none">

        <p style="margin-top: 0px; font-size: 18px; text-align: left;">

            {{ 'Devolution.title.label'|trans([], 'LocalizationBundle') }}

            <BR>&nbsp;<BR>

        <form id="devolution_causes" name="devolution_causes" action="">
            <input type="radio" id="patient" name="cause" checked="true" value='{{ 'Devolution.patient.label'|trans([], 'LocalizationBundle') }}'>  {{ 'Devolution.patient.label'|trans([], 'LocalizationBundle') }}<br>
            <input type="radio" id="technician" name="cause" value='{{ 'Devolution.technician.label'|trans([], 'LocalizationBundle') }}'>  {{ 'Devolution.technician.label'|trans([], 'LocalizationBundle') }}<br>
            <input type="radio" id="hardware" name="cause" value='{{ 'Devolution.hardware.label'|trans([], 'LocalizationBundle') }}'>  {{ 'Devolution.hardware.label'|trans([], 'LocalizationBundle') }}<br>
            <input type="radio" id="doctor" name="cause" value='{{ 'Devolution.doctor.label'|trans([], 'LocalizationBundle') }}'>  {{ 'Devolution.doctor.label'|trans([], 'LocalizationBundle') }}<br>
            <input type="radio" id="others" name="cause" value='{{ 'Devolution.others.label'|trans([], 'LocalizationBundle') }}'>  {{ 'Devolution.others.label'|trans([], 'LocalizationBundle') }}<br>
        </form>

        <table>
            <tr>
                <p><textarea rows="4" cols="55" id="text_other" name="text_other" style="resize: none" disabled></textarea></p>
            </tr>
            <tr>
                <td>
                    <a href="#" id="save_cause" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
                        <span class="ui-button-text">{{ 'Devolution.save.label'|trans([], 'LocalizationBundle') }}</span>
                    </a>
                </td>
                <td>
                    <a href="#" id="cancel_cause" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
                        <span class="ui-button-text">{{ 'Devolution.cancel.label'|trans([], 'LocalizationBundle') }}</span>
                    </a>
                </td>
            </tr>
        </table>

        </p>

    </div>
    <div id="viewer_selection" style="display: none; text-align:center;">

        <p style="margin-top: 0px; font-size: 18px;">

            {{ 'Viewer.title.label'|trans([], 'LocalizationBundle') }}

        <table style="width: 70%; height: 60%; text-align: left; margin: 0 auto;">
            <tr>
                <td id="td_oviyam">
                    <a href="#" id="open_oviyam" target="_blank" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
                        <span class="ui-button-text">{{ 'Viewer.oviyam.label'|trans([], 'LocalizationBundle') }}</span>
                    </a>
                </td>
                <td id="td_weasis">
                    <a href="#" id="open_weasis" target="_blank" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
                        <span class="ui-button-text">{{ 'Viewer.weasis.label'|trans([], 'LocalizationBundle') }}</span>
                    </a>
                </td>
                <td id="td_osirix">
                    <a href="#" id="open_osirix" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
                        <span class="ui-button-text">{{ 'Viewer.osirix.label'|trans([], 'LocalizationBundle') }}</span>
                    </a>
                </td>
            </tr>
        </table>

        </p>

    </div>
    <form id="form1" name="register">
    <input id="locale" name="locale" type="hidden" value="{{ app.request.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 }}"/>
    <fieldset>
    <legend>{{ 'reading.label'|trans([], 'LocalizationBundle') }}</legend>
    <div id="accordion">
    <h3>{{ 'reading.labelPerform'|trans([], 'LocalizationBundle') }}</h3>
    <div>
    <br>
    <div>
    <div id="usarenlaces">

    <table id="upper_table" style="table-layout:fixed; width: 100%;">
        <tr>
            <td style="table-layout:fixed; width: 50%; height: 100%;">
                <div id="bordes" style="width: 95%; height: 100%;">
                    <div name="datos_estudio_actual" style="width: 30%; float: left">
                        <p><strong>{{ 'assistive.date.label'|trans([], 'LocalizationBundle') }}:</strong><label> {{ actual.0.appointmentDate }}</label></p>
                        <p><strong>{{ 'patient.label'|trans([], 'LocalizationBundle') }}:</strong><label for="style"> {{ actual.0.firstName~' '~actual.0.secondName~' '~actual.0.firstLastName~' '~actual.0.secondLastName}}</label></p>
                        <p><strong>{{ 'patient.birthDate.label'|trans([], 'LocalizationBundle') }}:</strong><label for="style">{{ actual.0.dateBirth|date('d-m-Y') }}</label></p>
                        <p><strong>{{ 'patient.yearAge.label'|trans([], 'LocalizationBundle') }}:</strong><label for="style">
                                {% if actual.0.ageYear < 0 %}
                                    0
                                {% else %}
                                    {{ actual.0.ageYear }}
                                {% endif %}
                            </label></p>
                        <p><strong>{{ 'patient.documentType.label'|trans([], 'LocalizationBundle') }}:</strong><label for="style"> {{ doctype_label }}</label></p>
                        <p><strong>{{ 'patient.documentNumber.label'|trans([], 'LocalizationBundle') }}:</strong><label for="style"> {{ actual.0.document }}</label></p>
                        <p><strong>{{ 'utilities.headquarter'|trans([], 'LocalizationBundle') }}:</strong><label for="style"> {{ actual.0.varHead }}</label></p>
                        <p><strong>{{ 'utilities.modality'|trans([], 'LocalizationBundle') }}:</strong><label for="style"> {{ actual.0.varMod}}</label></p>
                        <p><strong>{{ 'patient.info.label'|trans([], 'LocalizationBundle') }}:</strong><label for="style"> {{ actual.0.clinical}}</label></p>
                        <p><strong>{{ 'utilities.study.plural'|trans([], 'LocalizationBundle') }}:</strong><br>
                            {% for act in actual %}
                                <label for="style"> {{ act.studyName }}</label><br>
                            {% endfor %}
                        </p>
                        {% if queryMedicalOrder|length!=0 %}
                            <a href="{{ asset("bundles/utilities/internalOrder/") }}{{ queryMedicalOrder.1 }}" target="_blank" id="button1">{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}</a>
                        {% endif %}
                        {% if queryHistorialPatient|length!=0 %}
                            <a href="bundles/utilities/historiaPatient/{{ queryHistorialPatient.1 }}" target="_blank" id="button_historialPatient" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
                                <span class="ui-button-text">Historial Paciente</span>
                            </a>
                        {% endif %}
                        {# This fragment will remain commented until Oviyam2 will be useful #}
                        {# <a href="/oviyam2/viewer.html?studyUID={{ DataStudy.0.studyUid }}" class="box" target="_blank" id="button3">{{ 'utilities.image.webViewer'|trans([], 'LocalizationBundle') }}</a> #}
                        <a href="/oviyam/oviyam?studyUID={{ DataStudy.0.studyUid }}" class="box" target="_blank" id="button3">{{ 'utilities.image.webViewer'|trans([], 'LocalizationBundle') }}</a>
                        <a href="/weasis-pacs-connector/viewer.jnlp?studyUID={{ DataStudy.0.studyUid }}" class="box"target="_blank" id="button7" style="background: transparent !important; border: 0 !important;"><img width="50" src="{{ asset("bundles/utilities/canvas/estilos/img/download.png") }}" title="{{ 'image.weasis'|trans([], 'LocalizationBundle') }}"/></a>
                        <a href="osirix://?methodName=DisplayStudy&StudyInstanceUID={{ DataStudy.0.studyUid }}" class="box" id="button4">{{ 'labels.viewers.osirix'|trans([], 'LocalizationBundle') }}</a>
                    </div>
                    <div id="accordion2" style="width: 70%; float: right">
                        <h3>{{ 'previous_s.label'|trans([], 'LocalizationBundle') }}</h3>
                        {% if previousStudyList != "" %}

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

                                    <th>
                                        {{ 'previous_s.date'|trans([], 'LocalizationBundle') }}<br>
                                    </th>
                                    <th>
                                        {{ 'previous_s.mod'|trans([], 'LocalizationBundle') }}<br>
                                    </th>
                                    <th>
                                        {{ 'previous_s.name'|trans([], 'LocalizationBundle') }}<br>
                                    </th>
                                    <th>
                                        {{ 'previous_s.report'|trans([], 'LocalizationBundle') }}<br>
                                    </th>
                                    <th>
                                        {{ 'previous_s.recording'|trans([], 'LocalizationBundle') }}<br>
                                    </th>
                                    <th>
                                        {{ 'previous_s.watch'|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})}}" id="imprimir" onclick="onbeforeunload = null">
                                                <span class="ui-icon ui-icon-print"></span>
                                            </a>
                                        </td>
                                        <td>
                                            <a href="{{ path('QueryListenRecording' , {'per':study.idRoomAppointmentStudyReceipt})}}" target="_blank"  id="cambio">
                                                <span class="ui-icon ui-icon-play"></span>
                                            </a>
                                        </td>
                                        <td>
                                            <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>
                                        </td>
                                    </tr>

                                {% endfor %}
                                </tbody>
                            </table>
                        {% else %}
                            <h3>{{ 'previous_s.none'|trans([], 'LocalizationBundle') }}</h3>
                        {% endif %}
                    </div>
                </div>
            </td>
            <td style="table-layout:fixed; width: 50%; height: 100%;">
                <div id="caja15" style="width: 100%; height: 100%;">

                    <div id="usarenlaces">
                        <div style="height:200px; overflow:auto; border-style: solid; border-color: #d0d3ce; border-radius: 8px;" id="">
                            {% for Image in DataStudy %}
                                <div name="orden_escaneada" style="display: inline-block; float: inherit;">
                                    <img class="image_pacs" src="/wado?requestType=WADO&rows=128&studyUID=&seriesUID={{ Image.seriesUid }}&objectUID={{ Image.objectUid }}" width="90" height="100">
                                </div>
                            {% endfor %}
                        </div>
                        <br>
                        
                    </div>

                </div>
            </td>
        </tr>
    </table>

    <div id="cajatexto">
        <div id="usarenlaces">
            <div id="comp_texto">
                <select id="plant">
                    <!--<option value=""></option>-->
                    {% if temp is defined %}
                        {% for t in temp%}<option value="{{ t.idTemplate}} ">{{ t.name }}</option>{% endfor %}
                    {% endif %}
                </select>
                <input id="auto" type="checkbox"><label id="aut">{{ 'autovalidated'|trans([], 'LocalizationBundle') }}</label>
                <input id="ocultoid" type="hidden" value="{{ cit }}">
                <a href="#" id="button8">{{ 'transcriber.button3'|trans([], 'LocalizationBundle') }}</a>
            </div>
            <div id="divVR">
            <p><textarea id="textin" name="texto"  class="areaNotes" data-nusa-concept-name="clinical findings">{{ textTranscription.0.transcriptionText }}</textarea></p>
            </div>
            <div id="spinner" style="display: none;">
                <img style="width: 40px;" src="{{ asset('bundles/utilities/images/spinner.gif') }}" style="border: none;"/>
            </div>
            <a href="#" id="button6">{{ 'reading.toDelivery'|trans([], 'LocalizationBundle') }}</a>
            <a href="#" id="button" onclick="window.onbeforeunload = null;" >{{ 'transcription.preSave'|trans([], 'LocalizationBundle') }}</a>
            <a href="#" id="button2" >{{ 'utilities.return.toActualization'|trans([], 'LocalizationBundle') }}</a>
            <!--Muestra un mensaje cuando se debe mostrar al usuario algún mensaje que no sea de error-->
            <div id="confirm" class="ui-widget">
                <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
                    <p>
                        {{ 'sendToResultSuccess.msg'|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: 20px; padding: 0 .7em;">
                    <p>
                        {{ 'successRecordingTrans.msg'|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: 10px;">
                <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
                    <p>
                        {{ 'textDictMissing.msg'|trans([], 'LocalizationBundle') }}
                        <span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
                    <div id="mensajeError"></div>
                    </p>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </fieldset>
    </form>
    <script language="javascript">
        // Start off with the buttons enabled.
        document.register.sendButton.disabled = 0;

        // Force LiveConnect to load in background so we do not notice delay.
        setTimeout( 'touchLoadLiveConnect()', 10 );
        //-->
    </script>
    </article>
    </section>
{% endblock %}