{% 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/adendum/js/ajax/AddAddendum.js') }}"></script>
    <script type="text/javascript">
        var rv = false;
        var closer = "{{ asset('bundles/utilities/images/cerrar.png') }}";
        var Url_PrintPDF = '{{ path('PrintResultPDF',{'per': resultGetData.0.idRoomAppointmentStudyReceipt } ) }}';
        var URL_adendum_SaveAddAddendum = "{{ path('adendum_SaveAddAddendum', {'rasr': resultGetData.0.idRoomAppointmentStudyReceipt }) }}";
        var URL_adendum_adendumWorklist = "{{ path('grid_adendum_lista') }}";
        var URL_adendum_Remove = "{{ path('adendum_RemoveAddendum') }}";
        var URL_listen = '{{ path('QueryListenRecording', {'per': resultGetData.0.idRoomAppointmentStudyReceipt }) }}';
        var listen = "";
        var wait = "{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}";
        var ajaxError = "{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}";     
        var SrcGif = "{{ asset('bundles/utilities/images/anim_gif.gif') }}";
        var deleteFile = '{{ path('deleteFile') }}';
        
        {% if is_granted('ROLE_VR') %}
        var rv = true;
        var activatedNusa = true;
        NUSA_onRecordingStopped();
        function activateCommand() {
            return 'true-ADENDUM';
        }
        {% endif %}
    </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 src="{{ asset('bundles/reading/js/external/google-code-prettify/prettify.js') }}"></script>
    <script src="{{ asset('bundles/reading/js/bootstrap-wysiwyg.js') }}"></script>
    <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/main/css/bootstrap.css') }}"/>
    <link href="{{ asset('bundles/utilities/css/editoreco.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('bundles/grid/'~ hrk_skin ~'/buscarpaciente-dark.css') }}">
    <link rel="stylesheet"
          href="{{ asset('bundles/shedule/'~ hrk_skin ~'/dataTableCustom.css') }}"/>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script type="text/javascript"
            src="{{ asset('bundles/shedule/bootstrap/js/bootstrap.js') }}"></script>
    {# Editor #}
    <script src="{{ asset('bundles/utilities/ckeditor/ckeditor.js') }}"></script>
    <script src="{{ asset('bundles/utilities/ckeditor/adapters/jquery.js') }}"></script>
{% endblock scripts %}
{% block content %}
    <section>
        <article>
            <form id="register" name="register">
                <input id="locale" name="locale" type="hidden" value="{{ app.request.locale }}"/>
                <input id="number_consultation" name="number_consultation" type="hidden" value=""/>
                <input id="number_status" name="number_status" type="hidden" value=""/>

                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title">{{ 'labels.add'|trans([], 'LocalizationBundle') }} {{ 'modalities.adendum'|trans([], 'LocalizationBundle') }}
                            :</h3>
                    </div>
                    <div id="listend" style="display: none">
                        <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="yes">
                            <param name="showWaveform" value="yes">
                            <param name="sampleURL"
                                   value="{{ asset('bundles/utilities/uploads/grabaciones/'~resultGetData.0.idRoomAppointmentStudyReceipt~'.spx') }}">
                            <param name="background" value="2B579A">
                            <param name="waveBackground" value="FFFFFF">
                            <param name="bevelSize" value="1">
                        </applet>
                    </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">
                                 <span href="#" style="cursor: pointer;" class="btn btn-danger"
                                       id="button2">
                                    <span class="glyphicon glyphicon-remove-circle"></span>
                                     {{ 'button.close'|trans([], 'LocalizationBundle') }}
                                </span>
                                <span id="listen" class="btn btn-primary">
                                    <span class="glyphicon glyphicon-play"></span> {{ 'messages.listen'|trans([], 'LocalizationBundle') }}
                                </span>
                            </div>
                            <div class="col-md-12">
                                <hr>
                            </div>
                            <div class="col-md-6">
                                <div class="clearfix"></div>
                                <a class="btn btn-primary" role="button" data-toggle="collapse"
                                   href="#collapseExample" aria-expanded="false"
                                   aria-controls="collapseExample">
                                    {{ 'labels.see'|trans([], 'LocalizationBundle') }} {{ 'labels.studydata'|trans([], 'LocalizationBundle') }}
                                </a>                                
                                <input type="hidden" name="appCode" id="appCode" value="{{ resultGetData.0.appointmentCode }}" />
                                <div class="collapse" id="collapseExample">
                                    <div name="datos_estudio_paciente">
                                        <table class="table table-condensed" width="100%"
                                               style="font-size:13px">
                                            <tbody>
                                            <tr>
                                                <td>
                                                    <strong>{{ 'labels.date.normal'|trans([], 'LocalizationBundle') }}
                                                        :</strong></td>
                                                <td>{{ resultGetData.0.appointmentDate|date ('d-m-Y') }}</td>
                                            </tr>
                                            <tr>
                                                <td><strong>{{ 'labels.patient.patient'|trans([], 'LocalizationBundle') }}
                                                    :</strong></td>
                                                <td>{{ resultGetData.0.hijoDe }}{{ resultGetData.0.firstName }} {{ resultGetData.0.secondName }} {{ resultGetData.0.firstLastName }} {{ resultGetData.0.secondLastName }}</td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <strong>{{ 'labels.documentType'|trans([], 'LocalizationBundle') }}
                                                        :</strong></td>
                                                <td>{{ resultGetData.0.docType }}</td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <strong>{{ 'labels.IdNumber'|trans([], 'LocalizationBundle') }}
                                                        :</strong></td>
                                                <td>{{ resultGetData.0.document }}</td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <strong>{{ 'modalities.modality'|trans([], 'LocalizationBundle') }}
                                                        :</strong></td>
                                                <td>{{ resultGetData.0.varMod }}</td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <strong>{{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}
                                                        :</strong></td>
                                                <td>
                                                    {% set  NumberStudies  =  "" %}
                                                    {% for name in resultGetData %}
                                                        {% set  NumberStudies  =   loop.index %}
                                                        <br>{{ NumberStudies }}-{{ name.studyName }}
                                                    {% endfor %}
                                                </td>
                                            </tr>
                                            <tr>
                                                <td></td>
                                                <td>
                                                    {% if DataStudy.0.studyUid is defined %}

                                                        {# Mostrar el visualizador diferenciando el sistema operativo #}
                                                        {% if client_os is defined %}
                                                            {% if client_os == 'WIN' %}
                                                                <span style="cursor: pointer; padding: 5px;"
                                                                      onclick="openViewer('{{ url_visor_alma }}{{ DataStudy.0.studyUid }}');"
                                                                      class="btn btn-default"
                                                                      id="button4"><span
                                                                            class="glyphicon glyphicon-eye-open"></span> {{ 'labels.viewers.alma'|trans([], 'LocalizationBundle') }}</span>
                                                            {% elseif client_os == 'OSX' %}
                                                                <span style="cursor: pointer; padding: 5px;"
                                                                      onclick="openViewer('{{ url_visor_osirix }}{{ DataStudy.0.studyUid }}');"
                                                                      class="box ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                                                                      id="button4">{{ 'labels.viewers.osirix'|trans([], 'LocalizationBundle') }}</span>
                                                            {% endif %}
                                                        {% endif %}

                                                        {% if uid != '' and xen_viewer == true %}
                                                            <a href="{{ url_imex_xen_viewer }}{{ uid }}" id="xen_viewer" class="btn btn-default" style="cursor: pointer; padding: 5px;" target="_blank">
                                                                <span class="glyphicon glyphicon-eye-open"></span>
                                                                {{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}
                                                            </a>
                                                        {% endif %}

                                                        {# This fragment will remain commented until Oviyam2 will be useful #}
                                                        {% if visor_web_filtro == 'AN' %}
                                                            {% if visor_web_oviyam == true %}
                                                                <a href="{{ url_visor_oviyam }}?accessionNumber={{ actual.0.appointmentCode }}"
                                                                   style="cursor: pointer; padding: 5px;"
                                                                   class="btn btn-default"
                                                                   target="_blank"
                                                                   id="button3"><span class="glyphicon glyphicon-eye-open"></span>
                                                                    {{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}</a>
                                                            {% endif %}

                                                            {% if visor_web_opcional == 'true' %}
                                                                <a href="{{ url_visor_weasis }}?accessionNumber={{ resultGetData.0.appointmentCode }}"
                                                                   style="cursor: pointer; padding: 5px;"
                                                                   class="btn btn-default"
                                                                   target="_blank"
                                                                   id="button3"><span class="glyphicon glyphicon-eye-open"></span>
                                                                   {{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}</a>
                                                            {% endif %}
                                                        {% elseif visor_web_filtro == 'SU' %}
                                                            {% if visor_web_oviyam == true %}
                                                                <a href="{{ url_visor_oviyam }}?studyUID={{ DataStudy.0.studyUid }}"
                                                                   style="cursor: pointer; padding: 5px;"
                                                                   class="btn btn-default"
                                                                   target="_blank"
                                                                   id="button3"><span class="glyphicon glyphicon-eye-open"></span>
                                                                    {{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}</a>
                                                            {% endif %}

                                                            {% if visor_web_opcional == 'true' %}
                                                                <a href="{{ url_visor_weasis }}?studyUID={{ DataStudy.0.studyUid }}"
                                                                   style="cursor: pointer; padding: 5px;"
                                                                   class="btn btn-default"
                                                                   target="_blank"
                                                                   id="button3"><span class="glyphicon glyphicon-eye-open"></span>
                                                                    {{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}</a>
                                                            {% endif %}
                                                        {% elseif visor_web_filtro == 'PI' %}
                                                            {% if visor_web_oviyam == true %}
                                                                <a href="{{ url_visor_oviyam }}?patientID={{ resultGetData.0.document }}"
                                                                   style="cursor: pointer; padding: 5px;"
                                                                   class="btn btn-default"
                                                                   target="_blank"
                                                                   id="button3"><span class="glyphicon glyphicon-eye-open"></span>
                                                                   {{ 'labels.viewers.webViewer'|trans([], 'LocalizationBundle') }}</a>
                                                            {% endif %}

                                                            {% if visor_web_opcional == 'true' %}
                                                                <a href="{{ url_visor_weasis }}?patientID={{ resultGetData.0.document }}"
                                                                   style="cursor: pointer; padding: 5px;"
                                                                   class="btn btn-default"
                                                                   target="_blank"
                                                                   id="button3"><span class="glyphicon glyphicon-eye-open"></span>
                                                                   {{ 'labels.viewers.weasis'|trans([], 'LocalizationBundle') }}</a>
                                                            {% endif %}
                                                        {% endif %}

                                                        {% if activeVisorVitrea == true %}
                                                            <a href="{{ url_visor_vitrea }}{{ DataStudy.0.studyUid }}{{ user_visor_vitrea }}"
                                                               style="cursor: pointer; padding: 5px;"
                                                               class="btn btn-dafult"
                                                               target="_blank"
                                                               id="button3"><span class="glyphicon glyphicon-eye-open"></span>
                                                                {{ 'labels.viewers.vitrea'|trans([], 'LocalizationBundle') }}</a>
                                                        {% endif %}
                                                    {% endif %}
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="clearfix"></div>

                                <div id="reporteAdendum" style="height:451px;overflow:auto;">
                                    <p>  {{ transcription|raw }} </p>
                                    <br><br>
                                    <label> {{ employeeRead }} </label><br>
                                    <label> {{ especialidad }} </label><br>
                                    <label> No. Registro: {{ registro }}</label><br>
                                    <br>
                                    <label> {{ 'labels.date.fechaRealizacion'|trans([], 'LocalizationBundle') }} {{ dataRead[2][0].current }} </label>

                                    {#{{ dump(adendums) }}#}
                                    {% if adendums.0.current is defined %}
                                        {% for adendum in adendums %}

                                            <hr>
                                           <div>
                                               <label>{{ 'modalities.adendum'|trans([], 'LocalizationBundle') }} {{ 'labels.generated'|trans([], 'LocalizationBundle') }} :</label><br>
                                               <label>{{ adendum.current }} </label><br>
                                               <label>{{ 'labels.realized'|trans([], 'LocalizationBundle') }} :</label><br>
                                               <label>{{ adendum.fr }}</label><br><br><br>
                                               <p>{{ adendum.transcrip|raw }}</p>
                                               <br><br>
                                               <label>{{ adendum.fr }}</label><br>
                                               <label>{% if(adendum.especialidadMedico!=null) %} {{ adendum.especialidadMedico }}{% else %}{{ 'labels.specialist'|trans([], 'LocalizationBundle') }}{% endif %}</label><br>
                                               <label> {{ 'labels.numReg'|trans([], 'LocalizationBundle') }}: {% if(adendum.registryNumber!=null) %}{{ adendum.registryNumber }}{% endif %}</label><br>
                                               <br>
                                           </div>

                                        {% endfor %}
                                    {% endif %}
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div id="container_btn_save_adendum">
                                    <a type="button" id="previsualizar" class="btn btn-primary">
                                        <span class="glyphicon glyphicon-list-alt"></span>
                                        {{ 'labels.preview'|trans([], 'LocalizationBundle') }}
                                    </a>
                                       <span href="#" style="cursor: pointer;"
                                             class="btn btn-primary" id="button1">
                                           <span class="glyphicon glyphicon-save"></span>
                                           {{ 'button.save'|trans([], 'LocalizationBundle') }}
                                       </span>
                                </div>
                                <div id="contentSpeach" class="hero-unit">
                                    {% if is_granted('ROLE_VR') %}
                                        <div class="ckeditor editor" id="editor"
                                             contenteditable="true"
                                             style="height:360px;margin-top:80px;">
                                        </div>
                                    {% else %}
                                        <textarea class="editor" name="editor" id="editor">
                                        </textarea>
                                    {% endif %}
                                </div>

                                <div id="spinner" style="display: none;">
                                    <img style="width: 40px;"
                                         src="{{ asset('bundles/utilities/images/spinner.gif') }}"
                                         style="border: none;"/>
                                </div>
                                <br>


                                <!--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>
                                            {{ 'modalities.reception'|trans([], 'LocalizationBundle') }} {{ 'messages.saveok'|trans([], 'LocalizationBundle') }}
                                            <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" style="margin-top: 10px;">
                                    <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>
                        </div>
                    </div>
                </div>


            </form>
        </article>
    </section>
    <script>
        $(function () {
            function initToolbarBootstrapBindings() {
                var fonts = ['Serif', 'Sans', 'Arial', 'Arial Black', 'Courier',
                            'Courier New', 'Comic Sans MS', 'Helvetica', 'Impact', 'Lucida Grande', 'Lucida Sans', 'Tahoma', 'Times',
                            'Times New Roman', 'Verdana'],
                        fontTarget = $('[title=Font]').siblings('.dropdown-menu');
                $.each(fonts, function (idx, fontName) {
                    fontTarget.append($('<li><a data-edit="fontName ' + fontName + '" style="font-family:\'' + fontName + '\'">' + fontName + '</a></li>'));
                });
                $('a[title]').tooltip({container: 'body'});
                $('.dropdown-menu input').click(function () {
                    return false;
                })
                        .change(function () {
                            $(this).parent('.dropdown-menu').siblings('.dropdown-toggle').dropdown('toggle');
                        })
                        .keydown('esc', function () {
                            this.value = '';
                            $(this).change();
                        });
                $('[data-role=magic-overlay]').each(function () {
                    var overlay = $(this), target = $(overlay.data('target'));
                    overlay.css('opacity', 0).css('position', 'absolute').offset(target.offset()).width(target.outerWidth()).height(target.outerHeight());
                });
                if ("onwebkitspeechchange"  in document.createElement("input")) {
                    var editorOffset = $('#editor').offset();
                    $('#voiceBtn').css('position', 'absolute').offset({
                        top: editorOffset.top,
                        left: editorOffset.left + $('#editor').innerWidth() - 35
                    });
                } else {
                    $('#voiceBtn').hide();
                }
            };
            function showErrorAlert(reason, detail) {
                var msg = '';
                if (reason === 'unsupported-file-type') {
                    msg = "Unsupported format " + detail;
                }
                else {
                    console.log("error uploading file", reason, detail);
                }
                $('<div class="alert"> <button type="button" class="close" data-dismiss="alert">&times;</button>' +
                        '<strong>File upload error</strong> ' + msg + ' </div>').prependTo('#alerts');
            };
            initToolbarBootstrapBindings();
            $('#editor').wysiwyg({fileUploadError: showErrorAlert});
            window.prettyPrint && prettyPrint();
        });
    </script>
{% endblock content %}