{# Se importa el template base #}
{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts2 %}
    <!--<script type="text/javascript" src="{#{{ asset('https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js')  }}#}"></script>-->
{% endblock %}
{% block scripts %}
    <script>
        var url_worklist = '{{ path('reading_TranscriptionWorklist') }}';
        var url_add_reading = '{{ path('AddReading', {'rasr':' '}) }}';
        //var url_view_add_reading="";
        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 pleaseWait = '{{ 'messages.pleaseWait'|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 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 = '{{ actual.0.varMod }}';
        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/cerrar.png') }}";
        var SrcAlert = '{{ asset('bundles/utilities/images/alert.png') }}';
        var upload_image_mamas = '{{ asset('bundles/utilities/uploads/imageMammography') }}';
        var deleteFile = '{{ path('deleteFile') }}';
        {% if devolution %}
        var devolution = true;
        {% endif %}
    </script>

    <style>
        a:hover, a:focus {
            color: #fff;
        }

        .dataMTable {
            border-collapse: separate;
            border-spacing: 2px;
            border: 1px solid #ccc;
        }

        .dataMTable td {
            background-color: #ccc;
            color: #062e49;
            padding: 5px;
        }

        .dataMTable th {
            text-align: center;
        }
        .ui-front, .ui-widget-overlay {
            z-index:1000 !important;
        }
        .addReading-btn a:hover, .addReading-btn a:focus {
            color: #2B579A;
        }
    </style>

    {# Carga el script donde se realizarán las funciones de ajax#}
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <link href="{{ asset('bundles/reading/js/external/google-code-prettify/prettify.css') }}"
          rel="stylesheet">
    <script src="{{ asset('bundles/reading/js/external/jquery.hotkeys.js') }}"></script>
    <script src="{{ asset('bundles/utilities/js/bootstrap.min.js') }}"></script>
    <script type="text/javascript"
            src="{{ asset('bundles/indicator/js/bootstrap-select.js') }}"></script>
    <script src="{{ asset('bundles/reading/js/external/google-code-prettify/prettify.js') }}"></script>
    {# <script src="{{ asset('bundles/reading/js/bootstrap-wysiwyg.js') }}"></script> #}
    <script src="{{ asset('bundles/utilities/ckeditorOffice/ckeditor.js') }}"></script>
    <script src="{{ asset('bundles/utilities/ckeditorOffice/adapters/jquery.js') }}"></script>
    {#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/editor.css') }}" rel="stylesheet">
    <link href="{{ asset('bundles/utilities/css/font-awesome.css') }}" rel="stylesheet">
    <link rel="stylesheet"
          href="{{ asset('bundles/shedule/'~ hrk_skin ~'/dataTableCustom.css') }}"/>
    <script type="text/javascript" src="{{ asset('bundles/reading/js/ajax/transcriptora.js') }}"></script>
    {#<style>
        a:hover, a:focus {
            color: #2B579A;
        }
    </style>#}
    {# 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>
    <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 #}
    <script>
        $(function () {
            $("#accordion2").accordion({'active': 0});
        });
    </script>
{% endblock %}
{% block content %}
    <div id="precargador" class="introLoading"></div>
    <div id="viewPDF" style="width: 30%; text-align: center;"></div>
    <section>
        <article>
            <div id="add_reading">

            </div>
            <div id="dataDevolution"
                 title="{{ 'reading.returns'|trans([], 'LocalizationBundle') }}">
                <div align="center">
                    <table class="dataMTable">
                        <tr>
                            <th>{{ 'labels.numero'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.date.normal'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.proceso'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.reasons_return'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.role.usuario'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.comentTec'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.comentRad'|trans([], 'LocalizationBundle') }}</th>
                            <th>{{ 'labels.comentTra'|trans([], 'LocalizationBundle') }}</th>
                            <th></th>
                        </tr>
                        <tbody id="bodyDevolution">
                        {% for dev in devolution %}
                            <tr>
                                <td>{{ loop.index }}</td>
                                <td>{{ dev.current }}</td>
                                <td>{{ dev.nextStep }}</td>
                                <td>{{ dev.motiveDevolution }}</td>
                                <td>{{ dev.username }}</td>
                                <td>{{ dev.commentNewSendTechnologist }}</td>
                                <td>{{ dev.commentNewSendRadiologist }}</td>
                                <td>{{ dev.commentNewSendTranscription }}</td>
                                <td>
                                    <a href="" alt="{{ dev.commentNewSendTranscription }}"
                                       name="{{ dev.idDevolutionHistoric }}"
                                       class="agregarComentario" title="Adicionar Comentario"
                                       style="white-space:normal !important;text-align: center;">
                                        <span class="ui-icon ui-icon-circle-plus"></span>
                                    </a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>

                </div>
            </div>
            <div id="newComment" style="display:none;">
                <div align="center">
                    <br>

                    <div id="errorDevolutionNew" class="ui-widget">
                        <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
                            <p><span class="ui-icon ui-icon-alert"
                                     style="float: left; margin-right: .3em;"></span>

                            <div id="mensajeErrorNew">{{ 'labels.devolutionError'|trans([], 'LocalizationBundle') }}</div>
                            </p>
                        </div>
                    </div>
                    <textarea id="new_comment"
                              style="width: 220px; height: 80px; resize: none;"></textarea>
                    <input id="codeDevolution" name="codeDevolution" type="hidden" value=""/>
                    <input id="appCode" name="appCode" type="text" value="{{ datamover.0.appointmentCode }}" />
                    <br>

                    <div id="spinnerNewComment" style="display: none;">
                        <img style="width: 40px; border: none;"
                             src="{{ asset("bundles/utilities/images/spinner.gif") }}"/>
                    </div>
                </div>
            </div>
            <div id="devolutionData"
                 title="{{ 'labels.return.toReading'|trans([], 'LocalizationBundle') }}">
                <div align="center">
                    <label>{{ 'labels.reasons_return'|trans([], 'LocalizationBundle') }}</label>
                    <br>

                    <div id="errorDevolution" class="ui-widget">
                        <div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
                            <p><span class="ui-icon ui-icon-alert"
                                     style="float: left; margin-right: .3em;"></span>

                            <div id="mensajeError">{{ 'labels.devolutionError'|trans([], 'LocalizationBundle') }}</div>
                            </p>
                        </div>
                    </div>
                    <textarea id="devolution_motive"
                              style="width: 300px; height: 200px; resize: none;"></textarea>
                </div>
            </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 }}"/>

                <div class="panel panel-primary">
                    {#<div id="accordion" style="padding:0;">#}
                    <div class="panel-heading">
                        <h3 class="panel-title">{{ 'labels.action.trreport'|trans([], 'LocalizationBundle') }}</h3>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div style="padding:0;">
                                {#<div id="usarenlaces">#}

                                {# Acciones transcripcion Columna izquierda #}
                                <div class="col-md-8" style="margin-bottom:30px;">
                                    <div class="row">
                                        {# boton cerrar#}
                                        <div class="col-sm-12">
                                            <a id="close"
                                               style="cursor: pointer; text-decoration: none;"
                                               class="button_data">{{ 'button.close'|trans([], 'LocalizationBundle') }}</a>
                                        </div>
                                        <div class="col-md-12">
                                            <hr>
                                        </div>
                                        <div class="clearfix"></div>
                                        {# fin boton cerrar#}
                                        {# Boton y texto añadir lectura #}
                                        <div class="col-sm-12">
                                            {% if transcription!="" %}
                                            <!--<div id="accordion2" >-->
                                            {% if adicional_transcription|length!=0 %}
                                                <h4>{{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}</h4>
                                                <div class="col-sm-6 addReading-btn">
                                                    {% set  NumberImage  =  "" %}
                                                    {% for AuxTrans in adicional_transcription %}
                                                        {% set  NumberImage  =   loop.index %}
                                                        <a href="#" id="dataReading"
                                                           class="addReading"
                                                           name="{{ path('transcription_viewTransAuxiliary', {'content':AuxTrans.idAuxiliaryTranscription}) }}">
                                                            * {{ 'labels.lecturas.aditionalReading'|trans([], 'LocalizationBundle') }}
                                                            - {{ NumberImage }}
                                                        </a>
                                                        <br>
                                                    {% endfor %}
                                                </div>
                                            {% else %}
                                                {#<h4>{{ 'transcriber.label22'|trans([], 'LocalizationBundle') }}</h4>#}
                                            {% endif %}
                                            <!-- </div> -->
                                            <div class="row">
                                                <div class="col-sm-6">
                                                    <a id="button1"
                                                       style="cursor: pointer; text-decoration : none;"
                                                       id="button1"
                                                       class="button_data">{{ 'labels.add'|trans([], 'LocalizationBundle') }} {{ 'labels.lecturas.singular'|trans([], 'LocalizationBundle') }}</a>
                                                </div>
                                                {% endif %}
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <hr>
                                        </div>
                                        {# Fin Boton y texto añadir lectura #}
                                        {# Editor texto enriquecido #}

                                        {#<div id="caja7" method="post" name="tinymce" >#}
                                        <div class="col-sm-12" style="padding:0">

                                            {# Plantillas #}
                                            <div class="col-sm-3">
                                                <label for="style">{{ 'labels.role.radiologos'|trans([], 'LocalizationBundle') }}
                                                    :</label>

                                                <select id="NomRadiologist" class="form-control selectpicker" data-live-search="true">
                                                    <option value="Todos">{{ 'labels.all'|trans([], 'LocalizationBundle') }}</option>
                                                    {% if radiologist is defined %}
                                                        {% for r in radiologist %}
                                                            <option value="{{ r.id }}">{{ r.firstname }} {{ r.lastname }}</option>
                                                        {% endfor %}
                                                    {% endif %}
                                                </select>

                                            </div>
                                            <div class="col-sm-3">
                                                <label for="style">{{ 'labels.template'|trans([], 'LocalizationBundle') }}
                                                    :</label>
                                                <div id="plantillas">    
                                                    <select id="NomPlant" class="form-control selectpicker" data-live-search="true">
                                                        <!--<option value=""></option>-->
                                                        {% if templates is defined %}
                                                            {% for t in templates %}
                                                                <option value="{{ t.idTemplate }}">{{ t.name }}</option>
                                                            {% endfor %}
                                                        {% endif %}
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-sm-6" style="margin-top:30px;">

                                                <a href="#" id="button3" class="button_data"
                                                   style="cursor: pointer; text-decoration : none;">{{ 'button.plantilla'|trans([], 'LocalizationBundle') }}</a>
                                                {#{% if queryMedicalOrder|length!=0 %}
                                                <a href="{{ asset("bundles/utilities/internalOrder/") }}{{ queryMedicalOrder.1 }}"
                                                   target="_blank"
                                                   style="cursor: pointer; Text-decoration: none; "
                                                   class="button_data"
                                                   id="button4">{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}{{ 'labels.and'|trans([], 'LocalizationBundle') }}{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}</a>
                                                {% endif %}&nbsp;#}
                                                {% if DataStudy.0.studyUid is defined %}
                                                    {% if visor_web_filtro == 'AN' %}
                                                        {% if visor_web_oviyam == true %}
                                                            <a href="{{ url_visor_oviyam }}?accessionNumber={{ datamover.0.appointmentCode }}"
                                                               style="cursor: pointer; text-decoration : none;"
                                                               class="button_data" target="_blank"
                                                               id="button6">{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                            </a>&nbsp;
                                                        {% endif %}

                                                        {% if visor_web_opcional == 'true' %}
                                                            <a href="{{ url_visor_weasis }}?accessionNumber={{ datamover.0.appointmentCode }}"
                                                               style="cursor: pointer; text-decoration : none;"
                                                               class="button_data" target="_blank"
                                                               id="button6">{{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}</a>
                                                        {% endif %}
                                                    {% elseif visor_web_filtro == 'SU' %}

                                                        {% if xen_viewer == true %}
                                                            <a href="{{ url_imex_xen_viewer }}{{ DataStudy.0.studyUid }}"
                                                               style="cursor: pointer; text-decoration : none;"
                                                               class="button_data" target="_blank"
                                                               id="button6">{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                            </a>&nbsp;
                                                        {% endif %}

                                                        {% if visor_web_oviyam == true %}
                                                            <a href="{{ url_visor_oviyam }}?studyUID={{ DataStudy.0.studyUid }}"
                                                               style="cursor: pointer; text-decoration : none;"
                                                               class="button_data" target="_blank"
                                                               id="button6">{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                            </a>&nbsp;
                                                        {% endif %}

                                                        {% if visor_web_opcional == 'true' %}
                                                            <a href="{{ url_visor_weasis }}?studyUID={{ DataStudy.0.studyUid }}"
                                                               style="cursor: pointer; text-decoration : none;"
                                                               class="button_data" target="_blank"
                                                               id="button6">{{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}</a>
                                                        {% endif %}
                                                    {% elseif visor_web_filtro == 'PI' %}

                                                        {% if xen_viewer == true %}
                                                            <a href="{{ url_imex_xen_viewer }}{{ DataStudy.0.studyUid }}"
                                                               style="cursor: pointer; text-decoration : none;"
                                                               class="button_data" target="_blank"
                                                               id="button6">{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                            </a>&nbsp;
                                                        {% endif %}

                                                        {% if visor_web_oviyam == true %}
                                                            <a href="{{ url_visor_oviyam }}?patientID={{ datamover.0.document }}"
                                                               style="cursor: pointer; text-decoration : none;"
                                                               class="button_data" target="_blank"
                                                               id="button6">{{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}
                                                            </a>&nbsp;
                                                        {% endif %}

                                                        {% if visor_web_opcional == 'true' %}
                                                            <a href="{{ url_visor_weasis }}?patientID={{ datamover.0.document }}"
                                                               style="cursor: pointer; text-decoration : none;"
                                                               class="button_data" target="_blank"
                                                               id="button6">{{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}</a>
                                                        {% endif %}
                                                    {% endif %}
                                                {% endif %}
                                            </div>
                                            {# Fin Plantillas #}

                                            {# Rich Text #}
                                            <div class="col-sm-12" style="margin-top:20px;">
                                                <div id="contentSpeach" class="hero-unit">
                                                    <textarea class="editor" name="editor"
                                                              id="editor">
                                                        {{ textTranscription.0.transcriptionText|raw }}
                                                    </textarea>
                                                </div>
                                            </div>
                                        </div>
                                        {# Fin Editor texto enriquecido #}
                                        <div class="col-sm-12">
                                            <hr>
                                        </div>
                                        {# Spinner - Mensajes #}
                                        <div class="col-sm-12">
                                            <a style="display:none; cursor: pointer; text-decoration: none"
                                               href="#" id="button1"
                                               class="button_data">{{ 'labels.add'|trans([], 'LocalizationBundle') }} {{ 'labels.lecturas.singular'|trans([], 'LocalizationBundle') }}</a>

                                            <div id="spinner" style="display: none; ">
                                                <img style="width: 40px;"
                                                     src="{{ asset("bundles/utilities/images/spinner.gif") }}"
                                                     style="border: none;"/>
                                            </div>
                                            <span id="previsualizar"
                                                  style="cursor: pointer; text-decoration: none; "
                                                  class="button_data">Previsualizar</span>
                                            <a style="cursor: pointer; text-decoration: none"
                                               href="#" id="button2" class="button_data"
                                               onclick="window.onbeforeunload">
                                                {{ 'labels.preguardado.saveTrans'|trans([], 'LocalizationBundle') }}</a>
                                            <a style="cursor: pointer; text-decoration: none"
                                               href="#" id="button8" class="button_data">
                                                {{ 'button.validation'|trans([], 'LocalizationBundle') }}</a>
                                            <a style="cursor: pointer; text-decoration: none"
                                               href="#" id="devolution" class="button_data">
                                                {{ 'labels.return.toReading'|trans([], 'LocalizationBundle') }}</a>
                                            <a style="cursor: pointer; text-decoration: none; display: none;"
                                               href="#" id="button7" class="button_data">
                                                {{ 'labels.devoluciones'|trans([], 'LocalizationBundle') }}</a>
                                        </div>
                                        <div class="col-sm-12">
                                            <!--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><span class="ui-icon ui-icon-info"
                                                             style="float: left; margin-right: .3em;"></span>

                                                    <div id="mensajeConfirm"></div>
                                                    </p>
                                                </div>
                                            </div>
                                            <!--Muestra un mensaje cuando se presenta algún error-->
                                            <div id="error" class="ui-widget">
                                                <div class="ui-state-error ui-corner-all"
                                                     style="padding: 0 .7em;">
                                                    <p><span class="ui-icon ui-icon-alert"
                                                             style="float: left; margin-right: .3em;"></span>

                                                    <div id="mensajeError"></div>
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        {# Fin Spinner - Mensajes #}



                                        {# Fin Acciones transcripcion Columna izquierda #}
                                        <div class="clearfix"></div>
                                    </div>
                                </div>

                                {# Columna derecha datos del paciente y estudio #}
                                <div class="col-md-4">
                                    <div class="row">
                                        {# Applet reproduccion #}
                                        <div class="col-sm-12">
                                            {% if(url_recording=='si') %}
                                                <applet
                                                        CODE="com.softsynth.javasonics.recplay.PlayerApplet"
                                                        CODEBASE="{{ asset('bundles/utilities/listenup/listenup/codebase') }}"
                                                        ARCHIVE="ListenUpTranscriber.jar,OggXiphSpeexJS.jar"
                                                        NAME="JavaSonicRecorderUploader"
                                                        WIDTH="100%" HEIGHT="70">
                                                    {% if hotKeys_footer_dictation == 'true' %}
                                                        <!--Parametros para atajos de teclado -->
                                                        <!--pedal para grabadora-->
                                                        <param name="useFootPedal" value="yes">
                                                        <!--Volver a inicio -->
                                                        <param name="toBeginHotKey" value="F6">
                                                        <!--Ir a final  -->
                                                        <param name="toEndHotKey" value="f7">
                                                        <!--Play -->
                                                        <param name="playHotKey" value="F8">
                                                        <!--Pause -->
                                                        <param name="pauseHotKey" value="f9">
                                                        <!--Retroceder  -->
                                                        <param name="rewindHotKey" value="f10">
                                                        <!--Adelantar  -->
                                                        <param name="forwardHotKey" value="f11">
                                                        <!--FIN Parametros para atajos de teclado -->
                                                    {% endif %}
                                                    <param name="transcription" value="yes">
                                                    <param name="showLogo" value="no">
                                                    <param name="autoPlay" value="{{ auto_play }}">
                                                    <param name="showWaveform" value="yes">
                                                    <param name="sampleURL"
                                                           value="{{ asset('bundles/utilities/uploads/grabaciones/'~per~'.spx') }}">
                                                    <param name="background" value="2B579A">
                                                    <param name="waveBackground" value="FFFFFF">
                                                    <param name="waveForeground" value="FFFFFF">
                                                    <param name="bevelSize" value="1">
                                                </applet>
                                            {% endif %}
                                        </div>
                                        {# Fin applet reproduccion #}
                                        <div class="clearfix"></div>
                                        {#<div id="caja_dev_trans">#}
                                        {# Nombre #}
                                        <label class="col-sm-3"
                                               for="style"><strong>{{ 'labels.patient.patientName'|trans([], 'LocalizationBundle') }}</strong>:</label>
                                        <label id="nombre" class="col-sm-9" name="style" type="text"
                                               list="stylelist"
                                               title="Agendar Paciente"> {% if(hijo_de!='') %}<b>{{ hijo_de }}</b>{% endif %}{{ datamover.0.firstLastName }} {{ datamover.0.secondLastName }} {{ datamover.0.firstName }} {{ datamover.0.secondName }}</label>

                                        <div class="clearfix"></div>
                                        {# Fecha nacimiento #}
                                        <label class="col-sm-3"
                                               for="style"><strong>{{ 'labels.patient.birthDate'|trans([], 'LocalizationBundle') }}</strong>:</label>
                                        <label id="datebirth" class="col-sm-3" name="style"
                                               type="text" list="stylelist"
                                               title="datebirth">{{ datamover.0.dateBirth|date('d-m-Y') }}</label>
                                        {# Edad #}
                                        <label class="col-sm-3"
                                               for="style"><strong>{{ 'labels.patient.age'|trans([], 'LocalizationBundle') }}</strong>:</label>
                                        <label id="yearAge" class="col-sm-3" name="style"
                                               type="text" list="stylelist" title="yearAge">{{ edadcompleta }}
                                            {#{% if datamover.0.ageYear < 0 %}
                                                {% if datamover.0.ageType != "" %}
                                                    0 {{ datamover.0.ageType }}
                                                {% else %}
                                                    0 N/A
                                                {% endif %}
                                            {% else %}
                                                {% if datamover.0.ageType != "" %}
                                                    {{ datamover.0.ageYear }} {{ datamover.0.ageType }}
                                                {% else %}
                                                    {{ datamover.0.ageYear }} N/A
                                                {% endif %}
                                            {% endif %}#}
                                        </label>

                                        <div class="clearfix"></div>
                                        {# documento #}
                                        <label class="col-sm-3"
                                               for="style"><strong>{{ 'labels.IdNumber'|trans([], 'LocalizationBundle') }}</strong>:</label>
                                        <label id="doc" class="col-sm-3" name="style" type="text"
                                               list="stylelist"
                                               title="Agendar Paciente">  {% if datamover.0.document %}{{ datamover.0.document }} {% endif %}</label>
                                        {# tipo de documento #}
                                        <label class="col-sm-3"
                                               for="style"><strong>{{ 'labels.documentType'|trans([], 'LocalizationBundle') }}</strong>:</label>
                                        <label class="col-sm-3">{{ doctype_label }}</label>

                                        <div class="clearfix"></div>
                                        <div class="col-sm-6">
                                         <span id="ordenMedica"
                                               style="cursor: pointer; text-decoration: none; "
                                               class="button_data">{{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}</span>
                                        </div>
                                        <div class="col-sm-6">
                                            {% if (datamover.0.varMod !='US') %}
                                                <a id="dataMammographyButton"
                                                   title="( CTRL/CMD + F9 )"
                                                   class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                                                   style="cursor: pointer; padding: 5px;">
                                                    {% if (datamover.0.varMod !='MG') %}
                                                        {{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}
                                                    {% else %}
                                                        {{ 'labels.mammo.encuesta'|trans([], 'LocalizationBundle') }}
                                                    {% endif %}
                                                </a>
                                            {% endif %}
                                        </div>
                                        <div class="col-sm-12">
                                            <hr>
                                        </div>

                                        {# Radiologo #}
                                        <label class="col-sm-3"
                                               for="style"><strong>{{ 'labels.role.radiologo'|trans([], 'LocalizationBundle') }}</strong>:</label>
                                        <label id="radiologo" class="col-sm-9" name="radiologo"
                                               type="text" size="60" list="stylelist"
                                               title="radiologo"> {{ datamover.0.Per }}{{ datamover.0.Pers }}</label>

                                        <div class="clearfix"></div>
                                        {# modalidad #}
                                        <label class="col-sm-3"
                                               for="style"><strong>{{ 'modalities.modality'|trans([], 'LocalizationBundle') }}</strong>:</label>
                                        <label id="mod" class="col-sm-3" name="style" type="text"
                                               size="60" list="stylelist"
                                               title="Agendar Paciente"> {{ datamover.0.varMod }}</label>

                                        <div class="clearfix"></div>
                                        {# birads #}
                                        {% if birads !='' %}
                                            <label class="col-sm-3"
                                                   for="style"><strong>{{ 'labels.birads'|trans([], 'LocalizationBundle') }}</strong>:</label>
                                            <label id="birads" class="col-sm-3" name="style"
                                                   type="text" size="60" list="stylelist"
                                                   title="Agendar Paciente"> {{ birads }}</label>
                                            <div class="clearfix"></div>
                                        {% endif %}
                                        {# procedimiento #}
                                        <label class="col-sm-3"
                                               for="style"><strong>{{ 'labels.Procedure'|trans([], 'LocalizationBundle') }}</strong>:</label>
                                        {% for name in datamover %}
                                            <label id="plant" class="col-sm-9" name="plant"
                                                   type="text" size="60" list="stylelist"
                                                   title="Agendar Paciente"> {{ name.studyName }}</label>
                                        {% endfor %}
                                        <div class="clearfix"></div>
                                        {# Orden#}
                                        <label class="col-sm-3"
                                               for="style"><strong>{{ 'labels.numberOf'|trans([], 'LocalizationBundle') }} {{ 'labels.document.orden'|trans([], 'LocalizationBundle') }}</strong>:</label>
                                        <label id="orden" class="col-sm-3" name="style" type="text"
                                               size="60" list="stylelist"
                                               title="Agendar Paciente"> {{ datamover.0.appointmentCode }}</label>

                                        <div class="clearfix"></div>
                                        <div class="col-sm-12">
                                            <hr>
                                        </div>
                                        {# Disparos #}
                                        <label class="col-sm-3"
                                               for="style">{{ 'labels.snaps'|trans([], 'LocalizationBundle') }}
                                            :</label>
                                        <label id="disparos" class="col-sm-3" name="style"
                                               type="text" list="stylelist"
                                               title="Disparos">{% if clinical_data['platesResult']!='' %}{{ clinical_data['platesResult'][0].snapnumber }}{% endif %} </label>

                                        {# MGY #}
                                        <label class="col-sm-3"
                                               for="style">{{ 'labels.mGy'|trans([], 'LocalizationBundle') }}
                                            :</label>
                                        <label id="tfg" class="col-sm-3" name="style" type="text"
                                               size="60" list="stylelist"
                                               title="tfg">{% if clinical_data['platesResult']!='' %}{{ clinical_data['platesResult'][0].amountMgy }}{% endif %}</label>

                                        <div class="clearfix"></div>
                                        {# KVA #}
                                        <label class="col-sm-3"
                                               for="style">{{ 'labels.kv'|trans([], 'LocalizationBundle') }}
                                            :</label>
                                        <label id="KVA" class="col-sm-3" name="style" type="text"
                                               list="stylelist"
                                               title="KVA">{% if clinical_data['platesResult']!='' %}{{ clinical_data['platesResult'][0].amountKva }}{% endif %}</label>

                                        {# MAS #}
                                        <label class="col-sm-3"
                                               for="style">{{ 'labels.mas'|trans([], 'LocalizationBundle') }}
                                            :</label>
                                        <label id="MAS" class="col-sm-3" name="placas" type="text"
                                               size="60" list="stylelist"
                                               title="MAS">{% if clinical_data['platesResult']!='' %}{{ clinical_data['platesResult'][0].amountMas }}{% endif %}</label>

                                        <div class="clearfix"></div>
                                        {# Placas #}
                                        <label class="col-sm-3"
                                               for="style">{{ 'labels.numberPlates'|trans([], 'LocalizationBundle') }}
                                            :</label>
                                        <label id="placas" class="col-sm-3" name="style" type="text"
                                               size="60" list="stylelist"
                                               title="placas">{% if clinical_data['platesResult']!='' %}{{ clinical_data['platesResult'][0].numberPlates }}{% endif %}</label>

                                        {# Edad 
                                        <label for="style">{{ 'transcriber.label10'|trans([], 'LocalizationBundle') }}:</label>
                                        <label id="edad" name="style" type="text" size="60" list="stylelist" title="Agendar Paciente">

                                                {% if datamover.0.ageYear < 0 %}
                                                    0
                                                    {% else %}
                                                        {{ datamover.0.ageYear }}
                                                {% endif %}

                                        </label>#}
                                        {# sobre exposicion #}
                                        <label class="col-sm-3"
                                               for="style">{{ 'labels.OverExposure'|trans([], 'LocalizationBundle') }}
                                            :</label>
                                        <label id="sobreexposicion" class="col-sm-3" name="style"
                                               type="text" size="60" list="stylelist"
                                               title="sobreexposicion">{% if clinical_data['platesResult']!='' %}{{ clinical_data['platesResult'][0].overExposure }}{% endif %}</label>

                                        <div class="clearfix"></div>
                                        {# estudios #}
                                        <label class="col-sm-3"
                                               for="style">{{ 'labels.study.plural'|trans([], 'LocalizationBundle') }}
                                            :</label>
                                        <label id="estudios" class="col-sm-3" name="style"
                                               type="text" list="stylelist"
                                               title="estudios">{% if clinical_data['platesResult']!='' %}{{ clinical_data['platesResult'][0].prevstudies }}{% endif %}</label>
                                        {# portatil #}
                                        <label class="col-sm-3"
                                               for="style">{{ 'labels.portatil'|trans([], 'LocalizationBundle') }}
                                            :</label>
                                        <label id="portatil" class="col-sm-3" name="style"
                                               type="text" size="60" list="stylelist"
                                               title="portatil">{{ datamover.0.portable }}</label>

                                        <div class="clearfix"></div>
                                        {# biopsia #}
                                        <label class="col-sm-3"
                                               for="style">{{ 'labels.biopsy'|trans([], 'LocalizationBundle') }}
                                            :</label>
                                        <label id="Biopsia" class="col-sm-3" name="radiologo"
                                               type="text" size="60" list="stylelist"
                                               title="biopsia">{% if clinical_data['platesResult']!='' %}{{ clinical_data['platesResult'][0].biopsy }}{% endif %}</label>
                                        {# inoportunidad #}
                                        <label class="col-sm-3"
                                               for="style">{{ 'labels.untimeliness'|trans([], 'LocalizationBundle') }}
                                            :</label>
                                        <label id="inoportunidad" class="col-sm-3" name="style"
                                               type="text" list="stylelist"
                                               title="inoportunidad">{{ datamover.0.untimeliness }}</label>

                                        <div class="clearfix"></div>
                                        {# placas buenas #}
                                        <label class="col-sm-3"
                                               for="style">{{ 'labels.badPlates'|trans([], 'LocalizationBundle') }}
                                            :</label>
                                        <label id="platesGood" class="col-sm-3" name="style"
                                               type="text" size="60" list="stylelist"
                                               title="platesGood">{% if clinical_data['platesResult']!='' %}{{ clinical_data['platesResult'][0].platesGood }}{% endif %}</label>
                                        {# placas malas #}
                                        <label class="col-sm-3"
                                               for="style">{{ 'labels.goodPlates'|trans([], 'LocalizationBundle') }}
                                            :</label>
                                        <label id="platesBad" class="col-sm-3" name="style"
                                               type="text" size="60" list="stylelist"
                                               title="platesBad">{% if clinical_data['platesResult']!='' %}{{ clinical_data['platesResult'][0].platesBad }}{% endif %}</label>

                                        <div class="clearfix"></div>
                                    </div>
                                </div>

                                {# Fin Columna derecha datos del paciente #}
                                {#</div> usar enlaces #}
                            </div>
                        </div>{# Fin row #}
                    </div>{# Fin panel body #}
                </div>{# Fin panel #}
            </form>
        </article>
    </section>

    <span id="ordenMedicapdf" style="display: none;">
        {% 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') }}{{ 'labels.and'|trans([], 'LocalizationBundle') }}{{ 'labels.patient.clinicalData'|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') }}{{ 'labels.and'|trans([], 'LocalizationBundle') }}{{ 'labels.patient.clinicalData'|trans([], 'LocalizationBundle') }}"
                    width="90%" height="90%"></object>
        {% endif %}
    </span>

  {% if(datamover.0.varMod  =='MG') %}
         <div id="dataMammographyDialog" title="Datos Clinicos" style="display:none;">
             <div align="center" id="dataMammographyDialogContent">
                 {% include 'PatientBundle:Patient:ViewDataMammographyBoo.html.twig' %}
             </div>
         </div>
     {% else %}
         <div id="dataClinialPatientDialog" title="Datos Clinicos" style="display:none;">
             <div align="center" id="dataClinialPatientDialogContent">
                 {% include 'PatientBundle:Patient:ViewDataClinicalPatient.html.twig' %}
             </div>
         </div>
     {% endif %}


{% endblock %}