{% extends 'MainBundle:Master:template.html.twig' %}
{% block scripts %}
    <script type="text/javascript" src="{{ asset('bundles/shedule/js/blockUI.js') }}"></script>
    <script>
        var url_delivery_results = '{{ path("grid_listado_entrega") }}';
        {#var url_delivery_results = '{{ path("appointment_DeliveryResultsWorklist") }}';#}
        var url_set_previous = '{{ path("setWorkFlowToPreviousStatus") }}';
        var inactividad= '{{ inactivity_timer }}';
        var url_start_time_delivery_result = '{{ path('StartTimeDeliveryResult') }}';
        var id_room = '{{ per }}';
        var SrcGif = '{{ asset('bundles/utilities/images/anim_gif.gif') }}';
        var wait = '{{ 'messages.pleaseWait'|trans([], 'LocalizationBundle')  }}';
        var processOk = '{{ 'messages.processOk'|trans([], 'LocalizationBundle')  }}';
        var ajaxError = '{{ 'messages.ajax.errorProcess'|trans([], 'LocalizationBundle')  }}';
    </script>
    <script type="text/javascript" src="{{ asset('bundles/appointment/js/ajax/ResultReceive.js') }}"></script>
    <script type="text/javascript">   
        UrlResultReceive = '{{ path('DeiliveryResults_saveDataResult') }}';
    </script>
     <script type="text/javascript" src="{{ asset('bundles/appointment/wacom/BigInt.js')}}"></script>
    <script type="text/javascript" src="{{ asset('bundles/appointment/wacom/sjcl.js')}}"></script>
    <script type="text/javascript" src="{{ asset('bundles/appointment/wacom/demobuttons_encryption.js')}}"></script>
    <script type="text/javascript" src="{{ asset('bundles/appointment/wacom/demobuttons.js')}}"></script>
    <script type="text/javascript">
      function initDemo() {
        var signatureForm = new SignatureForm(document.getElementById("canvasImg"));
        signatureForm.connect();
      } 
    </script>
    
{% endblock %}
{% block content %}
    {% block stylesheets %}
        <link href="{{ asset('bundles/utilities/canvas/estilos/estilo1.css') }}" type="text/css" rel="stylesheet"/>
        <link href="{{ asset('bundles/appointment/css/demoButtons.css') }}" type="text/css" rel="stylesheet"/>
        {#Bootstrap#}
        <link rel="stylesheet" href="{{ asset('bundles/main/css/bootstrap.css') }}"/>
        <link rel="stylesheet" href="{{ asset('bundles/shedule/'~ hrk_skin ~'/dataTableCustom.css') }}"/>
        <style>
            .form-group{
                margin-bottom:0;
            }
        </style>
    {% endblock %}
    <div class="container-fluid">
        <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="{{ number_consultation }}"/>
             <input id="number_status" name="number_status" type="hidden" value="{{ number_status }}"/>
            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">{{ 'modalities.deliveringResults'|trans([], 'LocalizationBundle') }}:</h3>
                </div>
                <div class="panel-body">
                    {# Izquierda #}
                    
                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label style="font-weight:bold;">*{{ 'labels.date.deliveryDate'|trans([], 'LocalizationBundle') }}:</label>
                                <label id="fecha" name="fecha">{{"now"|date("d-m-Y") }}</label>
                            </div>
                            <div class="form-group">
                              <label style="font-weight:bold;">*{{ 'labels.time.deliveryTime'|trans([], 'LocalizationBundle') }}:</label>
                              <label id="hora" name="hora">{{"now"|date("H:i:s","America/Bogota")}}</label>
                            </div>
                            <div class="form-group">
                              <label style="font-weight:bold;">{{ 'labels.patient.patientName'|trans([], 'LocalizationBundle') }}:</label> 
                              <label  id="nombre" name="nombre">{{ datamover.0.hijoDe }}{{ datamover.0.firstLastName }} {{ datamover.0.secondLastName }} {{ datamover.0.firstName }} {{ datamover.0.secondName }}</label>
							</div>
                            <div class="form-group">
                              <label style="font-weight:bold;">{{ 'labels.patient.sex'|trans([], 'LocalizationBundle') }}:</label>
                              {#<input type="text" id="sex" name="sex" style="width: 175px; display: none"  readonly="readonly" maxlength="10" value="{{ datamover.0.dateBirth|date('d-m-Y') }}"/>#}
                              <label>{{ datamover.0.sex }}</label>
                            </div>
                            <div class="form-group">
                              <label style="font-weight:bold;">{{ 'labels.patient.birthDate'|trans([], 'LocalizationBundle') }}:</label>
                              {#<input type="text" id="datepicker_d" name="datepicker_d" style="width: 175px; display: none"  readonly="readonly" maxlength="10" value="{{ datamover.0.dateBirth|date('d-m-Y') }}"/>#}
                              <label>{{ datamover.0.dateBirth|date('d-m-Y') }}</label>
                            </div>
                            <div class="form-group">
                                <label style="font-weight:bold;">{{ 'labels.patient.age'|trans([], 'LocalizationBundle') }}:</label>
                               {% if datamover.0.ageYear < 0 %}
                                  <input id="input_age_Year_patient" name="input_age_Year_patient" readonly="readonly" type="text"  value="0" style="display: none" title="">
                               {% else %}
                                  <input id="input_age_Year_patient" name="input_age_Year_patient" readonly="readonly" type="text"  value="{{ datamover.0.ageYear }}" style="width: 175px; display: none" title="">
                               {% endif %}
                               <label>
                                   {{ datamover.0.cumple }}
                                {#{% 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>
                        </div>
                        <div class="col-md-4">
                            
                            <div class="form-group">
                              <label style="font-weight:bold;">{{ 'labels.documentType'|trans([], 'LocalizationBundle') }}:</label>
                              <label id="documentType" name="documentType">{{ doctype_label }}</label>
                            </div>
                            <div class="form-group">
                              <label style="font-weight:bold;">{{ 'labels.IdNumber'|trans([], 'LocalizationBundle') }}:</label> 
                              <label id="documento" name="documento">{{ datamover.0.document }}</label>
                            </div>
                           <div class="form-group">
                              <label style="font-weight:bold;">{{ 'messages.studyDateTime'|trans([], 'LocalizationBundle') }}:</label>
                              <input type="text" id="date_study" name="date_study" style="width: 175px; display: none"  readonly="readonly" maxlength="10" value="{{ datamover.0.appointmentDate|date('d-m-Y') }}"/>
                              <label>{{ datamover.0.appointmentDate|date('d-m-Y h:i:s') }}</label>
                            </div>
                            <div class="form-group">
                              <label style="font-weight:bold;">{{ 'labels.origin'|trans([], 'LocalizationBundle') }}:</label>
                              <label>{{ datamover.0.proName }}</label>
                            </div>
                            <div class="form-group">
                                <label style="font-weight:bold;">{{ 'labels.priority'|trans([], 'LocalizationBundle') }}:</label>
                                <label>{{ datamover.0.priName }}</label>
                            </div>
                            <div class="form-group">
                              <label style="font-weight:bold;">{{ 'labels.entity'|trans([], 'LocalizationBundle') }}:</label>
                              <label>{{ datamover.0.name }}</label>
                              
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label style="font-weight:bold;">{{ 'modalities.modality'|trans([], 'LocalizationBundle') }}:</label>
                                <label id="modalidad" name="modalidad">{{ datamover.0.varMod }}</label>
                            </div>
                            <div class="form-group">
                              <label style="font-weight:bold;">{{ 'labels.study.singular'|trans([], 'LocalizationBundle') }}:</label>
                              <label>
                                    {% set nombreInsumos = '' %}
                                    {% if datamover.0.nombreInsumo|length %}
                                        {% set nombreInsumos = ', '~datamover.0.nombreInsumo %}
                                    {% endif %}
                                    {{ datamover.0.studyName }}{{ nombreInsumos }}
                              </label>
                            </div>
                            <div class="form-group">
                                <label style="font-weight:bold;">{{ 'labels.Headquarter.singular'|trans([], 'LocalizationBundle') }}:</label>
                                <label id="sede" name="sede">{{ datamover.0.varHead }}</label>
                            </div>
                           
                        </div>
                    </div>
                    {# Izquierda #}
                    <div class="col-md-12" style="margin:0;padding:0;"><hr></div>
                    {# Datos entrega y comentarios #}
                    <div class="row">
                        <div class="col-md-6">
                            <input id="input_contactName" type="hidden" value="{{ datamover.0.contactName }}">
                            <div class="form-group">
                                <label style="margin:0;padding:0;" class="col-md-4">{{ 'labels.deliveredto'|trans([], 'LocalizationBundle') }}:</label>
                               <!--SOLO SE PUEDE ELEGIR UN RADIOBUTTON CON LA VALIDACION EN JAVASCRIPT-->
                                <div class="col-md-8">
                                    <label class="radio-inline">
                                        <input type="radio" id="rd1" value="paciente" name="rd" checked="true"/> {{ 'labels.selectDeliveredto.label'|trans([], 'LocalizationBundle') }}
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" id= "rd2" value="acudiente" name="rd"/> {{ 'labels.selectDeliveredto.label1'|trans([], 'LocalizationBundle') }}
                                    </label>
                                    <label class="radio-inline">
                                        <input type="radio" id="rd3" value="otro" name="rd"/> {{ 'labels.selectDeliveredto.label2'|trans([], 'LocalizationBundle') }}
                                    </label>
                                </div>
                            </div>
                            <div class="col-md-12" style="margin:0;padding:0;"><hr></div>        
                            <div class="clearfix"></div>
                            <div class="form-group">
                                <label class="col-md-4" style="margin:0;padding:0;">{{ 'labels.whoReceives'|trans([], 'LocalizationBundle') }}:</label>
                                <div class="col-md-8">
                                    <input id="acudiente" name="acudiente" class="form-control" type="text" maxlength="50" required disabled="true" value='{{ datamover.0.firstLastName }} {{ datamover.0.secondLastName }} {{ datamover.0.firstName }} {{ datamover.0.secondName }}'>
                                </div>
                            </div>
                            <div class="col-md-12" style="margin:0;padding:0;"><hr></div>
                            <div class="form-group">
                                <label class="col-md-4" style="margin:0;padding:0;">{{ 'messages.satisfactionLabel'|trans([], 'LocalizationBundle') }}:</label>
                                <div class="col-md-8">
                                    <select id="puntos"  name="puntos" class="form-control" readonly>
                                        <option value="0">{{ 'button.select'|trans([], 'LocalizationBundle') }}</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                        <option value="4">4</option>
                                        <option value="5">5</option>
                                        <option value="6">6</option>
                                        <option value="7">7</option>
                                        <option value="8">8</option>
                                        <option value="9">9</option>
                                        <option value="10">10</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-12" style="margin:0;padding:0;"><hr></div>
                            <div class="clearfix"></div>
                            <div class="form-group">        
                                <label class="col-md-4" style="margin:0;padding:0;">{{ 'labels.comments'|trans([], 'LocalizationBundle') }}:</label>
                                {#<p><textarea id="textin" name="textin" class="myTextEditor" rows="15" required></textarea><input id="hide" type="hidden" value="{{ per }}"></p>#}
                                <div class="col-md-8">
                                    {% if is_granted('ROLE_VR') %}
                                    <textarea id="textin" class="form-control" name="textin" data-nusa-enabled="true"></textarea>
                                    <input id="hide" type="hidden" value="{{ per }}">
                                    {% else %}
                                    <textarea id="textin" name="textin" class="form-control"></textarea>
                                    <input id="hide" type="hidden" value="{{ per }}">
                                    {% endif %}
                                </div>
                               
                            </div>
                        </div>
                        <div class="col-md-6">
                            {#Canvas firma#}
                            <!--CANVAS PARA VISUALIZACION DE LA FIRMA  <canvas id="can"   style="display:none;" >Su navegador no soporta canvas.</canvas>-->
                                    
                            <span  class="btn btn-default" href="#"  id="button4" onClick="initDemo();">{{ 'labels.signature.digital'|trans([], 'LocalizationBundle') }}</span>
                            <span  class="btn btn-success" id="button2">{{ 'button.deliver'|trans([], 'LocalizationBundle') }}</span>
                            <div class="clearfix" style="margin-top:20px;"></div>
                            <label>{{ 'messages.signatureOk'|trans([], 'LocalizationBundle') }}:</label>
                            <div class="col-md-12">
                                <img id="canvasImg" style="width:50%;">
                            </div>
                            <img id="spinner" style="display: none;" style="width: 40px;" src="{{asset('bundles/utilities/images/spinner.gif')}}" style="border: none;"/> 
                            {#Fin Canvas firma#}
                        </div>
                        <div class="clearfix"></div>
                        <div id="caja11">
                            <!--Muestra un mensaje de validacion cuando se envian los valores de los campos-->
                            <div>
                                <div id="confirm" class="ui-widget">
                                    <div class="ui-state-highlight ui-corner-all" style="height: 20px; padding: 10px;">
                                        <p id="mensajeConfirm">
                                            {{ 'messages.processOk'|trans([], 'LocalizationBundle')  }}
                                            <span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
                                        </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="height: 30px; padding: 10px;">
                                        <p id="mensajeError">
                                            <!--<span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>-->
                                     <STRONG>       <span id="name_patient" style="display: none; float: left;">{{ 'messages.errorMsgCompletionFields.label1'|trans([], 'LocalizationBundle') }}&nbsp;</span> </STRONG>
                                     <STRONG>        <span id="item_satisfaction" style="display: none; float: left;">{{ 'messages.errorMsgCompletionFields.label2'|trans([], 'LocalizationBundle')  }}&nbsp;</span> </STRONG>
                                     <STRONG>       <span id="comment" style="display: none; float: left;">{{ 'messages.errorMsgCompletionFields.label3'|trans([], 'LocalizationBundle') }}&nbsp;</span>  </STRONG>
                                     <STRONG>       <span id="digital_sign" style="display: none; float: left;">{{ 'messages.errorMsgCompletionFields.label4'|trans([], 'LocalizationBundle') }}</span>  </STRONG>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    {# Fin Datos entrega y comentarios #} 
                </div>{# Fin panel body #} 
            </div>{# Fin panel primary #} 
                    
        </form>
    </div>{# Fin container-fluid #}
   
{% endblock %}