{% extends 'inc/base.html.twig' %}
{% block body %}
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 col-md-6">
<h3>Educador: {{ datos_educa.ced_ed }}&nbsp;-&nbsp;{{ datos_educa.ape_ed}}&nbsp;{{ datos_educa.nom_ed }}</h3>
<strong style="font-size: larger">Curso:&nbsp;{{ datos_educa.id_curso }} </strong>
<a href="{{ constant('URLROOT2') }}/educadores/escritorio/{{ datos_educa.id_asiste }}" class="btn btn-danger pull-right"><i class="fa fa-backward"></i> Regresar</a>
</div>
</div>

<div class="row">
<div class="col-lg-12 col-md-6">
<hr style="width: 100%; height: 4px; background-color: #006699">
</div>
</div>

<div class="row">
<div class="col-lg-10 col-md-6">
<h1 class="text-primary">INSTRUMENTOS</h1>
<div class="col-md-12 mt-3">
    <input id="id_Educa" type="hidden" name="id_Educa" value="{{ datos_educa.ced_ed }}">
    <input id="id_Curso" type="hidden" name="id_Curso" value="{{ datos_educa.id_curso }}">
<table class="table table-striped table-hover table-sm">
<thead>
        <tr class="d-flex" style="background-color: #003366;color:#FFFFFF;">
            <td class='col-sm-5 text-left'>TITULO</td>
            <td class='col-sm-1 text-center'>TIPO</td>
            <td class='col-sm-1 text-center'>PUNTOS</td>
            <td class='col-sm-2 text-center'>ENTREGA</td>
            <td class='col-sm-3 text-center'>&nbsp;</td>
        </tr>
</thead>
<tbody>

{% for actividad in actividades %}
{% set activo='' %}
{% set color='' %}
{% if date()|date('Y-m-d')  > actividad.entrega|date('Y-m-d') %}
{% set activo='VENCIDO' %}
{% set color='bg-danger text-white' %}
{% endif %}
        <tr class="d-flex">
            <td class='col-sm-5 text-left'>{{ actividad.titulo }}</td>
            <td class='col-sm-1 text-center'>{{ actividad.tipo }}</td>
            <td class='col-sm-1 text-center'>{{ actividad.puntuacion }}</td>
            <td class='col-sm-2 text-center {{ color }}'><b>{{ actividad.entrega | date('d/m/Y') }}</b><br>{{ activo }}</td>
            <td class='col-sm-3 text-center'>
            <a href="" class="xbutton btn btn-warning btn-sm" data-id="{{ actividad.id }}" data-token="" data-ruta="{{ constant('URLROOT2') }}/lms/EduInstrumentoBuscar/{{ actividad.id }}" data-toggle="tooltip" data-placement="top" title="Editar Instrumento"><i class="fa fa-edit"></i></a>

            <a onclick="procesando();" class="btn btn-success btn-sm" href="{{ constant('URLROOT2') }}/lms/EduInstrumentoIr/{{ actividad.id }}" data-toggle="tooltip" data-placement="top" title="Generar Instrumento"><i class="fa fa-plus"></i></a>
            <a target="_blank" class="btn btn-dark btn-sm" href="{{ constant('URLROOT2') }}/lms/cuestionario_ver/{{ actividad.id }}" data-toggle="tooltip" data-placement="top" title="Vista Instrumento"><i class="fa fa-print"></i></a>
            <a href="" class="button btn btn-danger btn-sm" data-id="{{ actividad.id }}" data-token="" data-ruta="{{ constant('URLROOT2') }}/lms/EduInstrumentoDel/{{ actividad.id }}${{ datos_educa.id_curso }}"  data-toggle="tooltip" data-placement="top" title="Eliminar Instrumento"><i class="fa fa-trash"></i></a>
            {% if actividad.publicado=='N' %}
            <a class="btn btn-info btn-sm" href="{{ constant('URLROOT2') }}/lms/publicar/{{ actividad.id }}" data-toggle="tooltip" data-placement="top" title="NO Publicado"><i class="fa fa-check"></i></a>
            {% else %}
            <a class="btn btn-primary btn-sm" href="{{ constant('URLROOT2') }}/lms/publicar/{{ actividad.id }}" data-toggle="tooltip" data-placement="top" title="Publicado {{ actividad.publica_at }}"><i class="fa fa-check-circle"></i></a>
            {% endif %}
            </td>
        </tr>
{% endfor %}

</tbody>
</table>



</div>
</div>
<div class="col-lg-2 col-md-6">

    <div class="col-lg-12 col-md-6">
    <a href="#" data-toggle="modal" data-target="#TransAct" >
    <div class="card">
    <h6 class="card-header text-white text-center" style="background-color: #990000" >Crear Instrumento</h6>
    <div class="card-body text-center" style="background-color: #52001B">
    <i class="far fa-clipboard fa-2x text-white"></i>
    </div>
    </div>
    </a>
    </div>

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

<div class="modal fade" id="TransAct" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
    <form action="{{ constant('URLROOT2') }}/lms/EduInstrumentoGuardar" method="post">
    <input id="id_Educa" type="hidden" name="id_Educa" value="{{ datos_educa.ced_ed }}">
    <input id="id_Curso" type="hidden" name="id_Curso" value="{{ datos_educa.id_curso }}">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Nuevo Instrumento</h5>
            </div>
            <div class="modal-body">
            <label><b>T&iacute;tulo del Cuestionario:</b></label>
            <input class="form-control" tabindex="3" type="text" id="titulo" name="titulo" placeholder="T&iacute;tulo del Cuestionario" required />
            <label><b>Instrucciones del Cuestionario:</b></label>
            <textarea class="form-control" id="instrucciones" name="instrucciones" rows="5"></textarea>
            <label><b>Puntuaci&oacute;n:</b></label>
            <input class="form-control" tabindex="3" type="number" id="puntos" name="puntos" min=0 placeholder="Puntuaci&oacute;n del Cuestionario" required />
            <label for="fecha"><b>Fecha de L&iacute;mite:</b></label>
            <input class="form-control" type="date" id="fecha" name="fecha" value=""  required/>

            <label for="tipo"><b>Tipo Instrumento:</b></label>
            <select class="form-control" id="tipo" name="tipo" size="1">
            <option value="Cuestionario">Cuestionario</option>
            <option value="Tarea">Tarea</option>
            </select>

            </div>
            <div class="modal-footer">
                <button 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" id="TransEditar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
    <form action="{{ constant('URLROOT2') }}/lms/EduInstrumentoEditar" method="post">
    <input id="id_Educa" type="hidden" name="id_Educa" value="{{ datos_educa.ced_ed }}">
    <input id="id_Curso" type="hidden" name="id_Curso" value="{{ datos_educa.id_curso }}">
    <input id="id_Inst" type="hidden" name="id_Inst" value="">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Actualizar Instrumento</h5>
            </div>
            <div class="modal-body">
            <label><b>T&iacute;tulo del Cuestionario:</b></label>
            <input class="form-control" tabindex="3" type="text" id="titulo_0" name="titulo" placeholder="T&iacute;tulo del Cuestionario" required />
            <label><b>Instrucciones del Cuestionario:</b></label>
            <textarea class="form-control" id="instrucciones_0" name="instrucciones" rows="5"></textarea>
            <label><b>Puntuaci&oacute;n:</b></label>
            <input class="form-control" tabindex="3" type="number" id="puntos_0" name="puntos" min=0 placeholder="Puntuaci&oacute;n del Cuestionario" required />
            <label for="fecha"><b>Fecha de L&iacute;mite:</b></label>
            <input class="form-control" type="date" id="fecha_0" name="fecha" value=""  required/>

            <label for="tipo"><b>Tipo Instrumento:</b></label>
            <select class="form-control" id="tipo_0" name="tipo" size="1">
            <option value="Cuestionario">Cuestionario</option>
            <option value="Tarea">Tarea</option>
            </select>

            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-success">Actualizar Registro</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
            </div>

        </div>
    </form>
    </div>
</div>
{% endblock %}

{% block javascripts %}
<script type="text/javascript">
$(document).on('click', '.xbutton', function (e) {
        e.preventDefault();
        var id = $(this).data('id');
        var token = $(this).data('token');
        var ruta = $(this).data('ruta');
        //alert(ruta);
       	$.ajax({
        url: ruta,
        type: "POST",
        cache: false,
        data: {id:id,_method: 'delete', token :token},
        success: function(dataa){
        //    alert(dataa);
            var datos = JSON.parse(dataa);
            document.getElementById('id_Inst').value=datos.id;
            document.getElementById('titulo_0').value=datos.titulo;
            document.getElementById('instrucciones_0').value=datos.instrucciones;
            document.getElementById('puntos_0').value=datos.puntuacion;
            document.getElementById('fecha_0').value=datos.entrega;
            document.getElementById('tipo_0').value=datos.tipo;
            $("#TransEditar").modal();
        //    document.getElementById('fecha_0').value=datos.puntos;
        }
        });
        return false;
});

</script>
{% endblock %}
