{% extends 'admin.html.twig' %}

{% block body %}
    <div class="row">
        <div class="col-md-12">
            <!-- BEGIN EXAMPLE TABLE PORTLET-->
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption font-dark">
                        <i class="icon-settings font-dark"></i>
                        <span class="caption-subject bold uppercase"> Configuration ({{ globalPercentage }} %)</span>
                    </div>
                    <div class="actions">
                        <a href="{{ path("note_export_candidate") }}" class="btn btn-circle grey btn-xs">Exporter le classement</a>
                        <button  class="btn btn-circle red btn-xs importNote">Importer les notes</button>
                        <a  href="{{ path("note_delete_all_notes")}} "class="btn btn-circle blue btn-xs">Initialiser les notes</a>
                        <a  href="{{ asset("modele_import_note.xlsx") }}" target="_blank" class="btn btn-circle green btn-xs">Télécharger le modéle d'import des notes</a>
                    </div>
                </div>
                <div class="portlet-body">
                    <div class="row">
                      <div class="col-md-12">
                        <form class="form-inline" method="post" action="{{ path("configuration_save")}}">
                          <div class="form-group">
                            <label for="inputPassword2">Nombre des candidats séléctionnés : </label>
                            <input type="number" name="selectedCandidate" class="form-control" value="{{ globalCOnfiguration["configuration"] ? globalCOnfiguration["configuration"].candidateSelected : 0 }}">
                          </div>
                          <button type="submit" class="btn btn-primary mb-2">Enregistrer</button>
                        </form>
                      </div>
                    </div>

                    {% for academy in globalCOnfiguration["academies"] %}
                        <form  id="academy-{{ academy["academy"].id }}" class="form-inline" method="post" action="{{ path("configuration_save_percentage") }}">
                        <div class="row">
                          <div class="col-md-12">
                                <hr>
                                  <h5> <strong>  {{ loop.index }} : {{ academy["academy"].name }} ({{ academy["totalPercentage"] }}%) ({{ ((globalCOnfiguration["configuration"] ? globalCOnfiguration["configuration"].candidateSelected : 0) * academy["totalPercentage"])/100 }} Place(s)</strong>  </h5>
                                <hr>
                                <input type="hidden" class="form-control" name="academy" value="{{ academy["academy"].id }}" style="width: 100%;" placeholder="">
                                {% for serie in academy["series"] %}
                                    <div class="col-md-4">
                                      <div class="form-group" style="width: 100%;">
                                        <label style="font-size: 11px;" for="exampleInputEmail1"> {{ serie["serie"].name }} ({{ ((globalCOnfiguration["configuration"] ? globalCOnfiguration["configuration"].candidateSelected : 0) * serie["percentage"])/100 }} Place(s))</label>
                                        <input type="number" min="0" max="100" class="form-control" name="values[{{ serie["serie"].id }}]" style="width: 100%;" value="{{ serie["percentage"] }}">
                                      </div>
                                    </div>
                                {% endfor %}
                          </div>
                        </div>
                        <div class="row" style="margin-left: 0px;margin-top:10px;">
                          <div class="col-md-12">
                              <button type="submit" class="btn btn-primary mb-2">Enregistrer</button>
                          </div>
                        </div>
                      </form>
                    {% endfor %}
                </div>
            </div>
            <!-- END EXAMPLE TABLE PORTLET-->
        </div>
    </div>
    <div id="importNote" class="modal fade bs-modal-lg" data-keyboard="false" data-backdrop="static" tabindex="-1"
         role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true" style="display: none;">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form action="{{ path("note_import") }}" method="POST" enctype="multipart/form-data">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                        <h4 class="modal-title">Importation des notes des candidats</h4>
                    </div>
                    <div class="modal-body">
                      <div class="form-group">
                          <label>Fichier :</label>
                          <input id="fichier" type="file" class="form-control" name="file"/>
                      </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn default" data-dismiss="modal" aria-hidden="true">Annuler</button>
                        <input type="submit" class="btn btn-danger" value="Lancer l'importation">
                    </div>
                </form>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}

<script>
    $(document).ready(function(){
      $('.importNote').click(function () {
            $("#importNote").modal("show");
      });
    });
</script>
{% endblock %}