{% extends 'MainBundle:Master:master_head.html.twig' %}

{% block more_head %}
    <script>
        var url_search_template = '{{ path("template_SearchTemplateTranscription") }}';
        var url_add_reading = '{{ path("reading_SaveAddReading") }}';
        var url_template_by_modality = '{{ path("templateListByModality") }}';
        var url_modify = '{{ path("patient_modifyDataPatient") }}';
        var url_template_by_radiologist = '{{ path("template_QueryDataRadiologistTemplate") }}';
        var msj_confirm = '{{ 'messages.processOk'|trans([], 'LocalizationBundle') }}';
        var msj_error = '{{ 'messages.pleaseVerify'|trans([], 'LocalizationBundle') }}';
        var sinPlantilla = '{{ 'messages.sinPlantilla'|trans([], 'LocalizationBundle') }}';
        var errorAjax = '{{ 'messages.ajax.error'|trans([], 'LocalizationBundle') }}';
        var cargando = '{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle') }} {{ 'labels.template'|trans([], 'LocalizationBundle') }} ';
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
        var url_query = '{{ path('template_QueryDataRadiologistTemplate1') }}';
        var user_data='{{ prof }}';
        var rasr = '{{ rasr }}';
        var modality ='{{ datamover.0.varMod }}';
        {% if is_granted('ROLE_VR') %}
            var rv = true;
        {% else %}
            var rv = false;
        {% endif %}
    </script>
    {# Carga el script donde se realizarán las funciones de ajax#}
    <script type="text/javascript" src="{{ asset('bundles/reading/js/ajax/TranscriptionAddReading.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 src="{{ asset('bundles/reading/js/external/google-code-prettify/prettify.js') }}"></script>
    <script src="{{ asset('bundles/reading/js/bootstrap-wysiwyg.js') }}"></script>
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.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>
    <link href="{{ asset('bundles/utilities/css/editor.css') }}" rel="stylesheet">
    {% if is_granted('ROLE_VR') == false %}
        <script src="{{ asset('bundles/utilities/ckeditor/ckeditor.js') }}"></script>
        <script src="{{ asset('bundles/utilities/ckeditor/adapters/jquery.js') }}"></script>
    {% endif %}
    {#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/font-awesome.css') }}" rel="stylesheet">
    <style>
        body{
            color:#1c1c1c !important;
        }
        .ui-front, .ui-widget-overlay {
            z-index:10000 !important;
        }
        .head-label{
            font-weight:bold;
        }
        hr{
            margin:2px 0;
        }
        .btn-primary, .btn-danger{
            color:#fff !important;
            box-shadow:none !important;
            text-shadow:none !important;
        }
    </style>
    
{% endblock %}

{% block content %}
    {% if is_granted('ROLE_VR') %}
        {{ render(controller('UtilitiesBundle:Utilities:loadDataUserRv')) }}
    {% endif %}
    <div class="container-fluid">
        <div class="row">
            <div class="panel panel-default">
                <div class="panel-body">
    
                    <form id="register" name="register">
                        <input type="hidden" id="user" name="user" value="{{ prof }}">
                        <input type="hidden" id="rasr" name="rasr" value="{{ rasr }}">
                        <input type="hidden" id="id_user" name="id_user" value="{{ id_user }}">
                            {#<div id="accordion"  >#}
                                
                                {# Datos #}
                                <div class="col-md-4">
                                    <div class="row">
                                        <h3>{{ 'labels.action.trreport'|trans([], 'LocalizationBundle') }}</h3>
                                        
                                        <div id="container_btn_close">
                                            <a href="#" id="bt_close" class="btn btn-danger btn-sm" role="button" aria-disabled="false">
                                                <span class="ui-button-text">{{ 'button.close'|trans([], 'LocalizationBundle') }}</span>
                                            </a>
                                        </div>
                                                
                                        {# Grabadora #}
                                        {#<div style="float: left;">#}
                                        <div class="row">
                                            <div class="col-md-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="360" HEIGHT="70">
                                                        {% if hotKeys_footer_dictation == 'true' %}
                                                            <!--pedal para grabadora-->
                                                            <param name="useFootPedal" value="yes">
                                                            <!--Parametros para atajos de teclado -->
                                                            <!--Play -->
                                                            <param name="playHotKey" value="f6">
                                                            <!--Pause -->
                                                            <param name="pauseHotKey" value="F9">
                                                            <!--Stop <param name="stopHotKey" value="r+shift"> -->
                                                            <!--Volver a inicio -->
                                                            <param name="toBeginHotKey" value="f10">
                                                            <!--Retroceder  -->
                                                            <param name="rewindHotKey" value="F7">
                                                            <!--Adelantar  -->
                                                            <param name="forwardHotKey" value="F8">
                                                            <!--Ir a final  -->
                                                            <param name="toEndHotKey" 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/'~rasr~'.spx') }}">
                                                    </applet>
                                                {% endif %}
                                            </div>
                                        </div><hr>
                                        {# Grabadora #}
                                    {#<div id="usarenlaces" style="min-height: 550px;" class="none">#}
                                        {#<fieldset style="float: left">#}
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.patient.patientName'|trans([], 'LocalizationBundle') }}</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="nombre" name="style" type="text" list="stylelist" title="Agendar Paciente"> {{datamover.0.firstLastName }} {{datamover.0.secondLastName }} {{ datamover.0.firstName }} {{ datamover.0.secondName }}</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.snaps'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="disparos" name="style" type="text" list="stylelist" title="Disparos">{% if clinical_data['platesResult']!='' %}{{clinical_data['platesResult'][0].snapnumber}}{% endif %}</label>
                                            </div>
                                        </div><hr>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.documentType'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="doctype" name="style" type="text" list="stylelist" title="doctype"> {{ doctype_label }}</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.patient.birthDate'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="dateBirth" name="dateBirth" type="text" list="stylelist" title="dateBirth"> {{ datamover.0.dateBirth|date('d-m-Y') }}</label>
                                            </div>
                                        </div><hr>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.IdNumber'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="doc" name="style" type="text" list="stylelist" title="Agendar Paciente"> {{ datamover.0.document }}</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.mGy'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="tfg" name="style" type="text" size="60" list="stylelist" title="tfg">{% if clinical_data['platesResult']!='' %}{{clinical_data['platesResult'][0].amountMgy}}{% endif %}</label>
                                            </div>
                                        </div><hr>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.role.radiologo'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="radiologo"  name="radiologo" type="text" size="60" list="stylelist" title="radiologo"> {{ datamover.0.Per }}{{ datamover.0.Pers }}</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.kv'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="KVA" name="style" type="text" list="stylelist" title="KVA">{% if clinical_data['platesResult']!='' %}{{clinical_data['platesResult'][0].amountKva}}{% endif %}</label>
                                            </div>
                                        </div><hr>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'modalities.modality'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="mod2" name="style" type="text" size="60" list="stylelist" title="Agendar Paciente"> {{ datamover.0.varMod }}</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.mas'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="MAS"  name="placas" type="text" size="60" list="stylelist" title="MAS">{% if clinical_data['platesResult']!='' %}{{clinical_data['platesResult'][0].amountMas}}{% endif %}</label>
                                            </div>
                                        </div><hr>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.numberOf'|trans([], 'LocalizationBundle') }} {{ 'labels.document.orden'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="orden" name="style" type="text" size="60" list="stylelist" title="Agendar Paciente"> {{ datamover.0.appointmentCode }}</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.numberPlates'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="placas" name="style" type="text" size="60" list="stylelist" title="placas">{% if clinical_data['platesResult']!='' %}{{clinical_data['platesResult'][0].numberPlates}}{% endif %}</label>
                                            </div>
                                        </div><hr>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.patient.age'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="edad" name="style" type="text" size="60" list="stylelist" title="Agendar Paciente">
                                                    {{ edadcompleta }}
                                                </label>
                                            </div>
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.OverExposure'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="sobreexposicion" name="style" type="text" size="60" list="stylelist" title="sobreexposicion">{% if clinical_data['platesResult']!='' %}{{clinical_data['platesResult'][0].overExposure}}{% endif %}</label>
                                            </div>
                                        </div><hr>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.study.plural'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label id="estudios" name="style" type="text" list="stylelist" title="estudios">{% if clinical_data['platesResult']!='' %}{{clinical_data['platesResult'][0].prevstudies}}{% endif %}</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.biopsy'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-3">
                                                <label  id="Biopsia"  name="Biopsia" type="text" size="60" list="stylelist" title="biopsia">{% if clinical_data['platesResult']!='' %}{{clinical_data['platesResult'][0].biopsy}}{% endif %}</label>
                                            </div>
                                        </div><hr>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <label for="style" class="head-label">{{ 'labels.Procedure'|trans([], 'LocalizationBundle') }}:</label>
                                            </div>
                                            <div class="col-md-9">
                                                {% for name in datamover %}
                                                    <label id="plant" name="plant" type="text" size="60" list="stylelist" title="Agendar Paciente"> {{ name.studyName }}</label><br>
                                                {% endfor %}
                                            </div>
                                        </div>
                                        
                                    {#</fieldset>#}
                                    </div>
                                    {#</div>#}
                                </div>{# Fin Datos #}
                                
                                {# Editor Plantillas#}   
                                <div class="col-md-8">
                                    {#<div id="caja6" style="float: left;">#}
                                    <div class="row" style="margin-bottom:20px;">
                                        <div class="col-md-4">
                                            <label for="style">{{ 'labels.role.radiologos'|trans([], 'LocalizationBundle') }}:</label>
                                            <select id="NomRadiologist" class="form-control" data-live-search="true">
                                                <option value="Todos">{{ 'labels.allM'|trans([], 'LocalizationBundle') }}</option>
                                                {% if radiologist is defined %}
                                                    {% for r in radiologist%}
                                                        <option value="{{r.id}}">{{r.username}}</option>
                                                    {% endfor %}
                                                {% endif %}
                                            </select>
                                        </div>
                                        <div class="col-md-4">
                                            <label for="style">{{ 'labels.template'|trans([], 'LocalizationBundle') }}</label>
                                            <select id="tempName"  name="tempName" class="form-control" data-live-search="true">
                                                {% for t in tempList %}
                                                    <option value="{{ t.idTemplate }} ">{{ t.name }}</option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                                  
                                        <div class="col-md-4" style="margin-top:20px;">
                                            <a href="#" id="bt_load_template" class="btn btn-default btn-sm" role="button" aria-disabled="false">
                                                <span class="ui-button-text">{{ 'button.plantilla'|trans([], 'LocalizationBundle') }}</span>
                                            </a>

                                            <a href="#" id="bt_clean" class="btn btn-default btn-sm" role="button" aria-disabled="false">
                                                <span class="ui-button-text">{{ 'button.delete'|trans([], 'LocalizationBundle') }}</span>
                                            </a>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-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;" type="hidden">
                                                        <p id="mensajeError"> {{ 'messages.camposObligatorios'|trans([], 'LocalizationBundle') }}
                                                            <span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;">
                                                            </span>
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                       
                                    <div class="row">                
                                     {#</div>#}
                                    {# <div id="caja7">#}
                                    {# Editor #}
                                        <div class="col-md-12">
                                            {#<textarea id="textin" name="textin" class="myTextEditor" ></textarea>#}
                                            {% if is_granted('ROLE_VR') %}
                                                {% include 'UtilitiesBundle:Default:richText.html.twig' %}
                                            {% else %}
                                                <div id="contentSpeach" class="hero-unit">
                                                    <textarea class="editor" name="editor" id="editor" ></textarea>
                                                </div>
                                            {% endif %}
                                            <div class="clearfix"></div>
                                            <div class="row">
                                                <div class="col-md-4">
                                                    <div id="container_btn_save_trans">
                                                        <a href="#" id="bt_save_transcription" class="btn btn-primary btn-sm" role="button" aria-disabled="false">
                                                            <span class="ui-button-text">{{ 'labels.preguardado.saveTrans'|trans([], 'LocalizationBundle') }}</span>
                                                        </a>
                                                        <img id="spinner" style="width: 40px; display: none; border: none;" src="{{ asset('bundles/utilities/images/spinner.gif') }}" />
                                                    </div>
                                                </div>
                                                
                                            </div>
                                            <p>
                                                <label for="style">{{ 'messages.modalityMessage'|trans([], 'LocalizationBundle') }}</label>
                                            </p>
                                        </div>
                                    </div>
                                </div>{# Fin Editor Plantillas#}
                                    {#</div>#}
                                {#</div>#}
                            {#</div>#}
                    </form>
                </div>{# Panel body #}
            </div>{# Panel-default #}
        </div>{# row #}
    </div>{# container-fluid #}
            <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 %}