{% extends 'ElVerdaderoHeader.html' %}
{% block head %}
{{MaestroId}} 
{% endblock %}

{% block css %}
<link rel='stylesheet' href ='../../../static/css/estilo.css'>

    <!--<script src ="{{url_for('static', filename='evaluacion.js') }}"></script>-->
{% endblock %}

{% block body %}

<h1 class = 'text-center text-white bg-dark'>{{el_curso.codigo}}</h1>
<div ng-app="eval" ng-controller="evalController">

<div class ='row'>
 
    <div class ='col-3'></div>
    <div  class = 'col-6'>
       
           <form action ='/Maestro/{{MaestroId}}/{{el_curso}}/addNota' method = 'POST' id = 'form'>
           
           <!--<form name="cursoForm" ng-submit="submitForm()">-->
            Tipo: <input type="text"  name = 'tipo' ng-model ='eval.tipo' class="form-control" placeholder="Examen/Asignaci&oacute;n" required>
            Fecha: <input type="date"  name ='Fecha' ng-model ='eval.name' class="form-control" required>
            Valor: <input type="text" name = 'valor' ng-model ='eval.valor' class="form-control" placeholder="100" required>
             <button type='submit' class = 'btn btn-primary'>Someter</button>
             <br>
             <br>
             <input  type = 'hidden' id ='maestroId' value ="{{MaestroId}}">
             <input type = 'hidden' id = 'ofertaId' value ='{{el_curso}}'>
             <a type = 'button' class ='btn btn-success' href ='/Maestro/{{MaestroId}}/{{el_curso}}/addNotas'>Añadir notas a Estudiantes</a>
    </div>
    
</div>
<br>
<br>

<div class = 'row'>
    <div class ='col'>
        <table class = 'table table-hover'>
            <thead>
                <tr>
                    <th>Evaluaciones</th>
                    <th>Valor</th>
                    <th>Fecha</th>
                    
                    
                </tr>
            </thead>
            <tbody>
                {% for eval in evaluaciones %}
                <tr>
                    <td>{{eval.tipo}}</td>
                    <td>{{eval.valor}}</td>
                    <td>{{eval.fecha}}</td>
                    <td><a type = 'button' class ='btn btn-warning' ng-click = 'edit(eval.id)'>Editar</a></td>
                    <td><a type = 'button' class ='btn btn-danger' ng-confirm-click = 'Estás seguro que quieres borrar esta evaluación?' confirmed-click ='delEval(eval.id)'>Borrar</a></td>
                    
                </tr>{% endfor %}
                    
               
            </tbody>
        </table>
    </div>
</div>
</form>            
<br>
<br>
            <div class='text-right'>
          
            <!--<button type = 'button' class = 'btn btn-success' onclick='javascript: addRow("form")'>Añadir Evaluacion</button></form>
            --></div>
          
    
        <!--<script>

            /*
            function addRow(string){
                var node = document.createElement("div");
                node.className = 'col'
                
                var newForm = document.getElementById(string)
                node.innerHTML ='Tipo: <input type="text" name = "tipo" class="form-control" placeholder="Examen/Asignaci&oacute;n">'+
                'Fecha: <input type="date" name = "Fecha" class="form-control" >'+
                'Valor: <input type="text" name = "valor" class="form-control" placeholder="100">';
                newForm.appendChild(node)
            }


*/
        </script>
          
</div>-->
   
{% endblock %}