{% extends 'enseignant/base_profile.html' %}
{% load static %}
{% load widget_tweaks %}
{% block head %}{% endblock head %}
{% block page_title %}<!--({{ue.code}}) : {{ue.libelle}}--> {% endblock page_title %}
{% block content %}

{% include "EspaceEnseignant/infos.html" %}
<div class="row">
    <div class="col-md-12 not-lib" style="color:#179acf;font-size:26px;font-weight:bold;align:left;width:100%;margin-bottom:25px;margin-top:-35px;"
    >
        <span style="margin-left:15px;">({{ue.code}}) : {{ue.libelle}}</span>
    </div>
</div>
<div class="card">
    <div class="card-header text-white" style="background: #21618C"><h3 class="card-title">AJOUTER UNE NOTE</h3></div>
    <div class="card-body">
        <div class="row col-md-12">
            (NCE : <h4>{{etudiant.nce}}</h4>)&nbsp;&nbsp;
        <h4><i class="fa fa-user" style="margin-left:15px;"></i>&nbsp;{{etudiant.nom}} {{etudiant.prenoms}}</h4>
        </div><br/>
        <center>
        <div class="row" style="width:200px;">
             <form method="post" action="#">
            {% csrf_token %}
            <div class="form-group">
               <!-- <label>Note</label>
                <input type="text" class="form-control" name="note" placeholder="Entrez la note" /> -->

            </div>

            <div class="form-group">
                <label>Entrez la Note ici</label>
                <div>{% render_field form.note class+="form-control" placeholder="Entrez la Note" size="5" %}</div>
            </div>
            <input type="text" name="etudiant" value="{{etudiant.id}}" hidden/>
            <input type="text" name="evaluation" value="{{ev}}" hidden/>
            <div class="modal-footer">
           <!-- <a href="" type="button" class="btn btn-secondary" data-dismiss="modal">Annuler</a> -->
            <button type="submit" class="btn btn-primary">Ajouter</button>
          </div>
        </form>
        </div>
        </center>

    </div>
</div>




{% endblock content %}

{% block custom_js %}
<script src="{% static 'js/custom-js/save_note.js'%} "></script>
<script>
$(document).ready(function(){
    $('input').addClass('form-control');
}
</script>
{% endblock custom_js %}