{% extends 'inc/base.html.twig' %}
{% block body %}
<div class="container">
<div class='row'>
<div class='col-md-8'>
<h2>Educador: {{ datos_educa.id_ed }}&nbsp;-&nbsp;{{ datos_educa.ape_ed}}&nbsp;{{ datos_educa.nom_ed }}</h2>
<strong style="font-size: larger">Curso:&nbsp;{{ eval_control.codigo }}&nbsp;&nbsp;&nbsp;T&eacute;cnica:&nbsp;{{ ver_tecnica.descripcion }}-({{ eval_control.tecnica }}) </strong>
<strong style="font-size: larger">Carga:&nbsp;{{ eval_control.carga_mes }}&nbsp;&nbsp;&nbsp;Mes:&nbsp;{{ eval_control.mes }}&nbsp;&nbsp;&nbsp;A&ntilde;o:&nbsp;{{ eval_control.ano }} </strong>
<!--nro:{{ datos_educa.nro_eval }}  -->
</div>
<div class='col-md-4 text-center'>
{% set nro_eval=datos_educa.nro_eval %}
    {% if nro_eval<5 %}
    <button type="button" class="btn btn-success" data-toggle="modal" data-target="#ModalNota" data-whatever="@mdo"><i class="fa fa-add">&nbsp;</i>Agregar Nota</button>
    {% endif %}
<a href="{{ constant('URLROOT2') }}/educadores/evaluaciones/{{ eval_control.id }}" class="btn btn-danger pull-right"><i class="fa fa-backward"></i> Regresar</a>
</div>
</div>
</div>
<table class="table table-striped table-hover table-sm" style="font-size: small;">
  <thead style="background-color: #006699;color:#FFFFFF;">
    <tr class="d-flex">
    <th class='col-sm-1 text-center'>No.</th>
    <th class='col-sm-1 text-center'>Cedula</th>
    <th class='col-sm-4 text-center'>Alumnos</th>
{% set evalnro = 1 %}
{% for reg_evalx in reg_eval %}
    <th class='col-sm-1 text-center'>Nota {{ evalnro }}<br>
    <a id="asigap" class="btn btn-warning btn-sm" href="#" data-nro="{{ evalnro }}" data-token="{{ evalnro }}${{ datos_educa.nro_id }}${{ eval_control.codigo }}" data-fecha="{{ reg_evalx.fecha }}" data-eval="{{ reg_evalx.objetivo }}" data-eval2="{{ reg_evalx.objetivo2 }}" data-toggle="tooltip" data-placement="top" title="Modificar Nota"><i class="fa fa-edit"></i></a>
    {% if evalnro==datos_educa.nro_eval %}
    <a id="asigapxx" class="btn btn-danger btn-sm" href="#" data-token="{{ evalnro }}" data-id="{{ evalnro }}${{ datos_educa.nro_id }}${{ eval_control.codigo }}" data-fecha="{{ reg_evalx.fecha }}" data-eval="{{ reg_evalx.objetivo }}" data-eval2="{{ reg_evalx.objetivo2 }}" data-toggle="tooltip" data-placement="top" title="Eliminar Nota"><i class="fa fa-trash"></i></a>
    {% endif %}
    </th>
{% set evalnro = evalnro+1 %}
{% endfor %}

{% for i in evalnro..5 %}
   <th class='col-sm-1 text-center'>Nota {{ i }}<br>
   </th>
{% endfor %}
<!--     <th class='col-sm-1 text-center'>Nota 3<br>
    <a id="asigap" class="btn btn-warning btn-sm" href="#" data-token="3${{ datos_educa.nro_id }}${{ eval_control.codigo }}" data-toggle="tooltip" data-placement="top" title="Modificar Nota"><i class="fa fa-edit"></i></a>&nbsp;&nbsp;&nbsp;
    </th>
    <th class='col-sm-1 text-center'>Nota 4<br>
    <a id="asigap" class="btn btn-warning btn-sm" href="#" data-token="4${{ datos_educa.nro_id }}${{ eval_control.codigo }}" data-toggle="tooltip" data-placement="top" title="Modificar Nota"><i class="fa fa-edit"></i></a>&nbsp;&nbsp;&nbsp;
    </th>
    <th class='col-sm-1 text-center'>Nota 5<br>
    <a id="asigap" class="btn btn-warning btn-sm" href="#" data-token="5${{ datos_educa.nro_id }}${{ eval_control.codigo }}" data-toggle="tooltip" data-placement="top" title="Modificar Nota"><i class="fa fa-edit"></i></a>&nbsp;&nbsp;&nbsp;
    </th>-->
    <th class='col-sm-1 text-center'>Nota F.</th>
    </tr>
  </thead>
  <tbody>
{% set nro = 1 %}
{% for eval_nota in eval_notas %}


    <tr class="d-flex">
      <td class='col-sm-1 text-center'>{{ nro }}</td>
      <td class='col-sm-1 text-center'>{{ eval_nota.cedula }}</td>
{% if eval_nota.tag1 == 'ACTIVO' %}
      <th class='col-sm-4 text-center'>{{ eval_nota.apellidos }}&nbsp;{{ eval_nota.nombres }}&nbsp;({{ eval_nota.tag1 }})</th>
{% else %}
      <th class='col-sm-4 text-center' style="color:#FA0000;">{{ eval_nota.apellidos }}&nbsp;{{ eval_nota.nombres }}&nbsp;({{ eval_nota.tag1 }})</th>
{% endif %}
      <th class='col-sm-1 text-center'>{{ eval_nota.nt1 }}</th>
      <th class='col-sm-1 text-center'>{{ eval_nota.nt2 }}</th>
      <th class='col-sm-1 text-center'>{{ eval_nota.nt3 }}</th>
      <th class='col-sm-1 text-center'>{{ eval_nota.nt4 }}</th>
      <th class='col-sm-1 text-center'>{{ eval_nota.nt5 }}</th>
      <th class='col-sm-1 text-center'>{{ eval_nota.ntf }}</th>
    </tr>
{% set nro = nro+1 %}
{% endfor %}

</tbody>
</table>

<div class="modal fade bd-modal-lg" id="ModalNota" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<form action="{{ constant('URLROOT2') }}/educadores/guardarEval" method="post">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Carga de Notas</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
    <div class="modal-body">
    <div class="form-row">
        <div class="form-group col-md-3">
            {% set nro_eval=nro_eval+1 %}
            <label for="message-text">Fecha de la Evaluaci&oacute;n - No.:{{ nro_eval }}</label>
            <input class="form-control" type="date" id="fecha" name="fecha" value="{{ data.dia_hoy }}"  required/>
        </div>

        <div class="form-group col-md-4">
        <label for="recipient-name">No. Objetivo:</label>
        <input class="form-control" type="text" id="objetivo" name="objetivo" value="" maxlength="100" required/>
        </div>
        <div class="form-group col-md-5">
        <label for="recipient-name">Objetivo detalle:</label>
        <input class="form-control" type="text" id="objetivo2" name="objetivo2" value="" maxlength="200" required/>
        </div>
    </div>
    <div class="form-row">
    <input type=hidden name="no_eval" id="no_eval" value="{{ nro_eval }}">
    <input type=hidden name="no_id"   id="no_id" value="{{ datos_educa.nro_id }}">
    <input type=hidden name="no_tec"  id="no_tec" value="{{ eval_control.tecnica }}">
    <input type=hidden name="no_cur"  id="no_cur" value="{{ eval_control.codigo }}">

    <input type=hidden name="carga" id="carga" value="{{ eval_control.carga_mes }}">
    <input type=hidden name="mes"   id="mes" value="{{ eval_control.mes }}">
    <input type=hidden name="anho"  id="anho" value="{{ eval_control.ano }}">

<table class="table table-striped table-hover table-sm" style="font-size: small;">
<thead style="background-color: #006699;color:#FFFFFF;">
    <tr class="d-flex">
    <th class='col-sm-1 text-center'>No.</th>
    <th class='col-sm-2 text-center'>Cedula</th>
    <th class='col-sm-7 text-center'>Alumnos</th>
    <th class='col-sm-2 text-center'>Nota 1</th>
    </tr>
</thead>
<tbody>
{% set nro = 1 %}
{% for eval_nota in eval_notas %}
    <tr class="d-flex">
      <td class='col-sm-1 text-center'>{{ nro }}</td>
      <td class='col-sm-2 text-center'>{{ eval_nota.cedula }}</td>
      <th class='col-sm-7 text-center'>{{ eval_nota.apellidos }}&nbsp;{{ eval_nota.nombres }}&nbsp;({{ eval_nota.tag1 }})</th>
      <th class='col-sm-2 text-center'>

    <input type=hidden name="ced[]" id="ced" value="{{ eval_nota.cedula }}">
    <input style="heigth : 1px" class="text-center" tabindex="{{ nro }}" type="number" id="nota" name="nota[]" size="5" value="" maxlength="5" min="0" max="20" onfocus="this.select();" ondblclick="borrarvalor(this);" onkeyup="handleEnter(this,event,this.value);"/>


      </th>
    </tr>
{% set nro = nro+1 %}
{% endfor %}
</tbody>
</table>
    </div>
     </div>


      <div class="modal-footer">
        <button onclick="procesando();" type="submit" class="btn btn-success">Guardar Registro</button>
        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
      </div>

    </div>
  </form>
  </div>
</div>

<div class="modal fade bd-modal-lg" id="ModalModNota" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<form action="{{ constant('URLROOT2') }}/educadores/guardarEval" method="post">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Modificando de Notas</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
    <div class="modal-body">
    <div class="form-row">
        <div class="form-group col-md-4">
            <label for="message-text">Fecha de la Evaluaci&oacute;n</label>
            <input class="form-control" type="date" id="fecha" name="fecha" value="{{ data.dia_hoy }}"  required/>
        </div>

        <div class="form-group col-md-8">
        <label for="recipient-name">No. Objetivo:</label>
        <input class="form-control" type="text" id="objetivo" name="objetivo" value="" maxlength="100" required/>
        </div>
        <div class="form-group col-md-8">
        <label for="recipient-name">Objetivo detalle:</label>
        <input class="form-control" type="text" id="objetivo2" name="objetivo2" value="" maxlength="200" required/>
        </div>
    </div>
    <div class="form-row">
    <input type=hidden name="no_eval" id="no_eval" value="{{ nro_eval }}">
    <input type=hidden name="no_id"   id="no_id" value="{{ datos_educa.nro_id }}">
    <input type=hidden name="no_tec"  id="no_tec" value="{{ eval_control.tecnica }}">
    <input type=hidden name="no_cur"  id="no_cur" value="{{ eval_control.codigo }}">

    <input type=hidden name="carga" id="carga" value="{{ eval_control.carga_mes }}">
    <input type=hidden name="mes"   id="mes" value="{{ eval_control.mes }}">
    <input type=hidden name="anho"  id="anho" value="{{ eval_control.ano }}">

<div class='col-md-12' id="vvnotas">


</div>


   </div>
   </div>


      <div class="modal-footer">
        <button onclick="procesando();" type="submit" class="btn btn-success">Guardar Registro</button>
        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
      </div>

    </div>
  </form>
  </div>
</div>
{% endblock %}
{% block javascripts %}
<script>
var fecha = new Date();
var anio = fecha.getFullYear();
var _dia = fecha.getDate();
var _mes = fecha.getMonth(); //viene con valores de 0 al 11
_mes = _mes + 1; //ahora lo tienes de 1 al 12

var dia =String(_dia).padStart(2, "0");
var mes =String(_mes).padStart(2, "0");

let fecha_minimo = anio + '-' + mes + '-' + dia; // Nueva variable
document.getElementById("fecha").max = fecha_minimo;
//alert(fecha_minimo);
        $("#monto2").inputmask({
        'alias': 'decimal',
        'integerDigits': 5,
        'digits': 2,
        'digitsOptional': false,
        'placeholder': '0',
        'allowMinus': false,
        'groupSeparator': '.',
        'radixPoint': ',',
        'autoGroup': true
    });

//function asigap(){
$(document).on('click', '#asigap', function (e) {
        var token = $(this).data('token');
        var fecha = $(this).data('fecha');
        var objetivo = $(this).data('eval');
         var objetivo2 = $(this).data('eval2');
        var nro_eval = $(this).data('nro');
       // alert(token);
   		$.ajax({
		url: '{{ constant("URLROOT2") }}/educadores/notas_mod/'+token,
		type: "POST",
        cache: false,
          beforeSend: function() {
          procesando();
          },
        data: "submit",
        success: function(datos){
        Swal.close();
       //     alert(datos);
            if(datos=="No existe..."){
            toastr["error"]("EL REGISTRO NO EXISTE O ESTA ASIGNADO A UNA EMPRESA...", "IMPORTANTE...")
            }else{
            $('#vvnotas').html(datos);
                var modal = $('#ModalModNota')
                //    modal.find('.modal-title').text('Modificar país: '+nombre)
                modal.find('.modal-body #no_eval').val(nro_eval)
                modal.find('.modal-body #fecha').val(fecha)
                modal.find('.modal-body #objetivo').val(objetivo)
                modal.find('.modal-body #objetivo2').val(objetivo2)
                $('#ModalModNota').modal({show:true});
                //$('#edit01 .modal-body').load('alumnos_asg.php?id='+idcon,function(){
                //});
            }
            }
		});
		return false;
//}
});

$(document).on('click', '#asigapxx', function (e) {
        e.preventDefault();
        var id = $(this).data('id');
        var token = $(this).data('token');
        var ruta = $(this).data('ruta');
//alert(id);
Swal({
    title: 'Esta seguro de ELIMINAR el registro ?',
    text: "No puede revertir este proceso !",
    type: 'question',
    showCancelButton: true,
    confirmButtonColor: '#FF0000',
    cancelButtonColor: '#006600',
    confirmButtonText: 'Si, eliminarlo...',
    cancelButtonText: 'No, cancelar',
}).then((result) => {
    if (result.value) {
    		$.ajax({
                        url: '{{ constant("URLROOT2") }}/educadores/notas_del/'+id,
                        cache: false,
                        type: "POST",
                data: {id:id,_method: 'delete', token :token},
                success: function(datos){
                //alert(datos);
                if(datos=="NOPUEDEBORRAR"){
                toastr["error"]("EL REGISTRO NO PUEDE SER ELIMINADO", "IMPORTANTE...")
                }else{
                location.reload();
                }
                }
                });
    }
})

});
</script>
{% endblock %}