{# template for Adendum #}
{% extends'AdendumBundle:Default:adendumBase.html.twig' %}
{% block content %}
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <img src="{{ asset('bundles/main/images/hiruko.svg') }}" style="height:40px;margin-top:5px;">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a id="medicalOrder">
                            {{ 'labels.patient.orden'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>
                    <li class="danger">
                        <a id="close" style="cursor:pointer;">
                            <span class="glyphicon glyphicon-remove-circle"></span> {{ 'button.close'|trans([], 'LocalizationBundle') }}
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    {# Left column #}
    <div class="col-md-6">
        <h4>{{ resultGetData.0.firstName }} {{ resultGetData.0.secondName }} {{ resultGetData.0.firstLastName }} {{ resultGetData.0.secondLastName }}
            <small> {{ resultGetData.0.docType }} {{ resultGetData.0.document }}</small>
        </h4>
        <h5>{% set  NumberStudies  =  "" %}
            {% for name in resultGetData %}
                {% set nombreInsumos = '' %}
                {% if name.nombreInsumo|length %}
                    {% set nombreInsumos = ', '~name.nombreInsumo %}
                {% endif %}
                {% set  NumberStudies  =   loop.index %}
                <br>{{ NumberStudies }}-{{ name.studyName }}{{ nombreInsumos }}
            {% endfor %}</h5>
        <h5>{{ resultGetData.0.appointmentDate|date ('d-m-Y') }}</h5>
        <div class="" id="studyInfo">
            {# Player #}
            <div class="row">
                {% if urlRecords %}
                    <div id="hrkplayer">
                        {# Player buttons #}
                        <div class="col-md-12">
                            <div class="btn-group" role="group" style="text-align: center;">
                                <button class="btn btn-default" onclick="wavesurfer.skipBackward()">
                                    <span class="glyphicon glyphicon-backward"></span>
                                </button>
                                <button class="btn btn-default" id="playPause">
                                    <span id="play">
                                        <span class="glyphicon glyphicon-play"></span>
                                    </span>

                                    <span id="pause">
                                        <span class="glyphicon glyphicon-pause"></span>
                                    </span>
                                </button>
                                <button class="btn btn-default" onclick="wavesurfer.skipForward()">
                                    <span class="glyphicon glyphicon-forward"></span>
                                </button>
                            </div>
                        </div>
                        {# End Payer buttons #}
                        <div class="col-md-12">
                            <div id="waveform"></div>
                            <div id="wave-timeline"></div>
                        </div>

                        <div class="clearfix"></div>
                        {# playlist #}
                        <div class="col-md-12">
                            <div class="list-group playlist-adendum" id="playlist">
                                {% for grabacion in urlRecords %}
                                    <a href="{{ asset(grabacion.url) }}" class="list-group-item">
                                        <i class="glyphicon glyphicon-play"></i>
                                        {{ loop.index }} - {{ grabacion.firstname }} {{ grabacion.lastname }} - {{ grabacion.current|date }}
                                    </a>
                                {% endfor %}
                            </div>
                        </div>
                        {# End playlist #}
                    </div>
                {% else %}
                    <div class="col-md-12">
                        <div class="list-group" id="playlist">
                            <span class="list-group-item"><i class="glyphicon glyphicon-alert"> </i>
                                {{ 'messages.noRecord'|trans([], 'LocalizationBundle') }}</span>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                {% endif %}
            </div>
            {# End player #}
        </div>
        <div class="report-container">
          <div class="report">
              <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>
              {% 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>
    {# Right column #}
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-12">
                {% if os == 'Linux' and visor_osirix %}
                    <button class="btn btn-default" id="visorOsirix">{{ 'labels.viewers.osirix'|trans([], 'LocalizationBundle') }}</button>
                {% elseif os == 'Windows' and visor_alma %}
                    <button class="btn btn-default" id="visorHiruko">{{ 'labels.viewers.alma'|trans([], 'LocalizationBundle') }}</button>
                {% endif %}

                {# Visor XEN Viewer #}
                {% if uid != '' and xen_viewer %}
                    <button class="btn btn-default" id="visorXen">{{ 'labels.viewers.xen'|trans([], 'LocalizationBundle') }}</button>
                {% endif %}

                <span class="pull-right">
                    <button class="btn btn-default" id="prevAdendum" data-toggle="tooltip" title="{{ 'labels.preview'|trans([], 'LocalizationBundle') }}"><span class="glyphicon glyphicon-eye-open"></span></button>
                    <button class="btn btn-primary btn-send" id="addAdendum">{{ 'menu.adendum1'|trans([], 'LocalizationBundle') }}</button>
                </span>
            </div>
        </div>
        {% if ( is_granted('ROLE_VR')) %}
          <div class="editorRV-container">
            <div class="editorRV" name="editorRV" id="editorRV" contenteditable="true"></div>
          </div>
        {% else %}
            <textarea class="editor1" name="editor1" id="editor1"></textarea>
        {% endif %}
    </div>
{% endblock content %}

{% block script %}
    <script type="text/javascript" src="{{ asset('bundles/adendum/js/ajax/AdendumView.js') }}"></script>
    <script>
        {% if app.user.config.viewer is defined %}
        {# xen_viewer_autoload se debe cambiar el valor por el que sea elegido por el usuario true: apertura automática de xen_viewer, false: no se abre automáticamente el xen_viewer #}
        var viewerAutoLoad = {{ app.user.config.viewer }};
        {% else %}
        var viewerAutoLoad = 1;
        {% endif %}
        var urlAdedumWorkList = '{{ path('grid_adendum_lista') }}';
        var urlSaveAdendum = '{{ path('adendum_SaveAdendum', {'rasr': rasr}) }}';
        var urlAdendumRemove = '{{ path('adendum_RemoveAdendum') }}';
        var urlPrintPDF = '{{ path('PrintReportReading',{'param': rasr } ) }}';
        var urlMedicalOrder = '{{ asset("bundles/utilities/internalOrder/") }}';
        var urlNoMedicalOrder = '{{ asset("bundles/utilities/images/sinorden.pdf") }}';
        var deleteFile = '{{ path('deleteFile') }}';
        var closer = '{{ asset('bundles/utilities/images/closeIcon.svg') }}';
        var cancel = '{{ 'button.cancel'|trans([], 'LocalizationBundle') }}';
        var acept = '{{ 'button.acept'|trans([], 'LocalizationBundle') }}';
        var seguro = '{{ 'messages.seguro'|trans([], 'LocalizationBundle') }}';
        var seguroAdendum = '{{ 'messages.seguroAdendum'|trans([], 'LocalizationBundle') }}';
        var perderaInfo = '{{ 'messages.datosEliminados'|trans([], 'LocalizationBundle') }}';
        var pleaseWait = '{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle') }}';
        var noText = '{{ 'messages.textoValido'|trans([], 'LocalizationBundle') }}';
        var ajaxError = '{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle') }}';
        var loading = '{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle') }}';
        var appCode = '{{ resultGetData.0.appointmentCode }}';
        var urlXenViewer = '{{ url_imex_xen_viewer }}';
        var urlOsirix = '{{ url_visor_osirix }}';
        var urlAlma = '{{ url_visor_alma }}';
        var uid = '{{ uid }}';
        var medicalOrder = '{{ urlMedicalOrder }}';
        var rv = false;
        var windowXenViewer = null;
        {% if is_granted('ROLE_VR') %}
        var rv = true;
        var activatedNusa = true;
        var os = '{{ os }}';
        function activateCommand() {
            return 'true-ADENDUM';
        }
        {% endif %}
    </script>
{% endblock script %}