{% extends'ReadingBundle:Default:noMenu-base.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>
            
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">                    
                    <li><a id="ordenMedica" >{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}</a></li>
                    <li><a id="clinicalData" >{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}</a></li>
                    <li class="danger"><a><span class="glyphicon glyphicon-remove-circle"></span> {{ 'button.close'|trans([], 'LocalizationBundle') }}</a></li>
                </ul>                
            </div>
        </div>
    </nav>
    {#variables para construir URL de los visores#}
        <input id="input_codAppointment" name="input_codAppointment" type="hidden" value="{{ actual.0.appointmentCode }}"/>
        <input id="documentoPaciente" name="input_codAppointment" type="hidden" value="{{ actual.0.document }}"/>
    {#fin variables visores#}
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4">
                {#<div class="row">#}
                    <div class="panel panel-default">
                        <div class="panel-body">
                            {# tabs #}
                            <div>
                                {# Nav tabs #}
                                <ul class="nav nav-tabs" role="tablist">
                                  <li role="presentation" class="active"><a href="#generalTab" aria-controls="generalInfo" role="tab" data-toggle="tab">{{ 'labels.patient.patientData'|trans([], 'LocalizationBundle') }}</a></li>
                                  <li role="presentation"><a href="#previousTab" aria-controls="previousTab" role="tab" data-toggle="tab"> {{ 'labels.study.previous'|trans([], 'LocalizationBundle') }} <span id="numPrevStudy" class="label label-primary">{{ previousStudyList|length }}</span></a></li>
                                </ul>
                                {# Tab panes #}
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active mCustomScrollbar" data-mcs-theme="dark" id="generalTab">{# Tab1 #}
                                        {% set edad = actual.0.rasrCustom1|split(' ') %}
                                        <h4>{{ actual.0.firstName }} {{ actual.0.secondName }} {{ actual.0.firstLastName}} {{ actual.0.secondLastName }} <br><small>{{ actual.0.docType }} {{ actual.0.document }}</small></h4><hr>
                                        <h5>{{ 'labels.patient.birthDate'|trans([], 'LocalizationBundle') }}: {{ actual.0.dateBirth|date("Y-m-d") }}</h5>
                                        <h5>{{ 'labels.patient.age'|trans([], 'LocalizationBundle') }}: {{ edad.0 }} {{ edad.1 }}</h5>
                                        <h5>{{ 'labels.patient.weight'|trans([], 'LocalizationBundle') }}: {{ actual.0.weight }} kg</h5>
                                        <h5>{{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}: {{ actual.0.studyName }}</h5>
                                        <h5>{{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }}: {{ actual.0.varHead }}</h5>
                                        <div class="clearfix"></div>
                                        {# Visores #}
                                        {% if uid is defined %}
                                            <a id="visorXen" class="btn btn-default">
                                                {{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}
                                            </a>
                                        {% endif %} 
                                        {# End Visores #}
                                        <div class="clearfix"></div>
                                        {# Comentarios #}
                                            <h4>{{ 'labels.comments'|trans([], 'LocalizationBundle') }}</h4>
                                            <textarea class="form-control comentarios" readonly>{{ rowQ.0.requestingComment }}</textarea>
                                        {# Fin comentarios #}
                                    </div>{# End Tab1 #}
                                    {# Estudios previos #}
                                    <div role="tabpanel" class="tab-pane mCustomScrollbar" data-mcs-theme="dark" id="previousTab">{# Tab2 #}
                                        <h4>{{ 'labels.study.previous'|trans([], 'LocalizationBundle') }}</h4>
                                        {% for study in previousStudyList %}    
                                            {# <script>
                                                var numPrev = document.getElementById("numPrevStudy");
                                                numPrev.innerHTML = '{{ loop.length }}';
                                            </script> #}
                                            
                                                <h5><small>{{ study.appointmentDate }}</small></h5>
                                                <h6>
                                                    <a class="informacion" data-study-uid="{{ study.studyUid }}" data-series-uid="{{ study.seriesUid }}" data-object-uid="{{ study.objectUid }}" data-play="{{ path('QueryListenRecording' , {'per':study.idRoomAppointmentStudyReceipt}) }}" data-report="{{ path('PrintResultPDF' , {'per':study.idRoomAppointmentStudyReceipt}) }}">
                                                    {{ study.studyName }}
                                                    </a>
                                                </h6>
                                                <hr>
                                                {#<div class="btn-group" role="group">
                                                    <a class="btn btn-primary informacion" data-study-uid="{{ study.studyUid }}" data-series-uid="{{ study.seriesUid }}" data-object-uid="{{ study.objectUid }}" data-play="{{ path('QueryListenRecording' , {'per':study.idRoomAppointmentStudyReceipt}) }}" data-report="{{ path('PrintResultPDF' , {'per':study.idRoomAppointmentStudyReceipt}) }}">{{ 'labels.indicadores.detalle'|trans([], 'LocalizationBundle') }}</a>
                                                </div>#}
                                            
                                        {% endfor %}    
                                    </div>{# End estudios previos #}   {# End tab2 #}
                                </div>{# End tab content #}
                            </div>{# End tabs #}
                        </div>
                    </div>
                {#</div>#}
            </div>
            <div class="col-md-8">
                <div class="row">
                    <div class="col-md-12 text-right">
                        <button class="btn btn-primary btn-send"><span class="glyphicon glyphicon-send"></span> {{ 'button.send'|trans([], 'LocalizationBundle') }}</button>
                    </div>
                </div>
                <textarea name="editor1" id="editor1" ></textarea>
                <input name="idSO" id="idSO" type="hidden" value="{{ idSO }}"/>
            </div>
        </div>
    </div> 
    {# Dialogs #}
    {# orden medica #}
    <div id="c2" style="display:none; width:100%; height: 95% ; padding: 20px" >
        {% if queryMedicalOrder|length!=0 %}
            {% set rutaOrden = asset("bundles/utilities/internalOrder/") ~ queryMedicalOrder.1  %}
        {% else %}
            {% set rutaOrden = asset("bundles/utilities/images/sinorden.pdf") %}
        {% endif %}
        {#<div class="close-icon cerrar" >
            <a><img src="{{ asset('bundles/utilities/images/closeIcon.svg') }}" width="25"></a>
        </div>#}
        <object data="{{ rutaOrden }}" type="application/pdf" data-caption="{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}" width="100%" height="95%"></object>
        <div class="clearfix"></div>
        <button class="btn btn-primary cerrar pull-right">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
    </div>
    {# blockUI para las opciones de los visores #}                
    <div id="viewer_selection" style="display: none; text-align:center;">
        <h4>{{ 'labels.viewers.title'|trans([], 'LocalizationBundle') }}</h4>
        <div class="btn-group" role="group" style="margin:20px 0;">    
            {# Visor xen viewer #}
            {% if xen_viewer %}
                <span id="td_xenViewer">
                    <a href="#" id="open_xenViewer" target="_blank"
                        class="btn btn-primary open"
                        role="button"
                        aria-disabled="false">
                        <span class="ui-button-text">{{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}</span>
                    </a>
                </span>
            {% endif %}
            {# Visor oviyam #}
            {% if visor_web_oviyam %}
                <span id="td_oviyam">
                    <a href="#" id="open_oviyam" target="_blank"
                       class="btn btn-primary open"
                       role="button"
                       aria-disabled="false">
                        <span class="ui-button-text">{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}</span>
                    </a>
                </span>
            {% endif %}
            {# Visor java #}
            {% if visor_web_opcional %}
                <span id="td_weasis">
                    <a href="#" id="open_weasis" target="_blank" class="btn btn-primary open" role="button" aria-disabled="false">
                        <span class="ui-button-text">{{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}</span>
                    </a>
                </span>
            {% endif %}
            {# Visor alma #}
            <span id="td_alma">
                <a href="#" id="open_alma" target="_blank"
                   class="btn btn-primary open"
                   role="button"
                   aria-disabled="false">
                    <span class="ui-button-text">{{ 'labels.viewers.alma'|trans([], 'LocalizationBundle') }}</span>
                </a>
            </span>
            {# Visor osirix #}
            <span id="td_osirix">
                <a href="#" id="open_osirix" target="_blank"
                   class="btn btn-primary open"
                   role="button"
                   aria-disabled="false">
                    <span class="ui-button-text">{{ 'labels.viewers.osirix'|trans([], 'LocalizationBundle') }}</span>
                </a>
            </span>
        </div>
        <div class="close-icon cerrar">
            <a href="#" >
                <img src="{{ asset('bundles/utilities/images/closeIcon.svg') }}" width="25">
            </a>
        </div>
    </div>
    {# Datos clínicos #}
    <div id="dataClinialPatientDialog" title="Datos Clinicos" style="display:none;">
        <h4 style="text-align:left;">{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}</h4>
        {% include 'PatientBundle:Patient:ViewDataClinicalPatient.html.twig' %}
        <button class="btn btn-primary pull-right cerrar">{{ 'button.close'|trans([], 'LocalizationBundle') }}</button>
    </div>
{% endblock content%}
{% block script %}
    <script src="{{ asset('bundles/reading/js/ajax/secondOpinion.js') }}"></script>
    <script>
        var xenViewerAutoLoad = false;
        var urlXenViewer = '{{ url_imex_xen_viewer }}';
        var uid = '{{uid}}';
        var acepta = "{{ 'button.acept'|trans([], 'LocalizationBundle') }}";
        var cancela = "{{ 'button.cancel'|trans([], 'LocalizationBundle') }}";
        var seguro = "{{ 'messages.seguro'|trans([], 'LocalizationBundle') }} {{ 'messages.datosEliminados'|trans([], 'LocalizationBundle') }}";
        var seguro2 = "{{ 'messages.seguro'|trans([], 'LocalizationBundle') }}";
        var processOk = "{{ 'messages.processOk'|trans([], 'LocalizationBundle') }}";
        var errorAjax = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}";
        var urlClose = "{{ path('grid_second_opinion') }}";
        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 xen_viewer = '{{ xen_viewer }}';
        var visor_web_filtro = '{{ visor_web_filtro }}';
        var visor_web_opcional = '{{ visor_web_opcional }}';
        var url_visor_alma= '{{ url_visor_alma }}';
         
        var textoValido = "{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}";
        var URLsaveSecOpi = "{{ path('save_second_opinion') }}";
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
        var pleaseWait = '{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}';
    </script>
{% endblock script %}