{% extends 'admin/admin_accueil.html.twig' %}
{% block title %}Importation du calendrier{% endblock %}
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/jquery.fileupload.css') }}" />
{{ parent() }}
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/jquery.fileupload.js') }}"></script>
<script src="{{ asset('js/jquery.iframe-transport.js') }}"></script>
{% endblock %}
{% block body %}
{{ parent() }}
<h2>Importation du calendrier des concours</h2>
<form method="post" enctype="multipart/form-data">
<span class="btn btn-info fileinput-button">
Choisir ou déposer un fichier <input id="fileupload" type="file" name="nomFichier"></span>
<div id='information'>{{ information }}</div>
</form>
<br/>
<button id="test" class="btn btn-secondary {{ testState }}">Tester le fichier</button>&nbsp;
<button id="import" class="btn btn-secondary  {{ testState }}">Importer le fichier</button><br/>
{% if "-" != delaiIns %}
<input type=checkbox id="delaipardefaut"> Positionner la date limite d'inscription à J-{{delaiIns}}</input><br/>
{% endif %}
<input type=checkbox id="mettreajour"> Mettre à jour les concours existants</input><br/>
<span id="resultat"></span>
<script>
$(document).ready(function() {
    
    // Télécharger le fichier de calendrier.
    $("#fileupload").fileupload({
        dataType: "json",
        url: "{{ path('admin_calendrier_telecharger') }}",
        done: function (e, data) {
            // Ne pas changer result, propriété JQuery.
            r = data.result;
            $("#resultat").html(r.resultat);
            $("#test").removeClass("disabled");
            $("#test").addClass("enabled");
            $("#import").removeClass("disabled");
            $("#import").addClass("enabled");
            $("#information").html("");
            // On test le fichier téléchargé.
            $("#test").trigger("click");
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $("#resultat").html("Transféré: " + progress + "%");
         }
    });
    
    // Tester le fichier téléchargé.
    $("#test").click(function( event ) {
        $("#attente").show();
        $.ajax({
            url: "{{ path('admin_calendrier_traiter', {'action' : 'test'}) }}",
            type: "GET",
            success: function(reponse) {
                    $("#resultat").html(reponse.resultat);
                    $("#attente").hide();
                },
            error: function() {
                    $("#resultat").html("Erreur lors du test");
                    $("#attente").hide();
            }
        });
    });
    
    // Importer le fichier téléchargé.
    $("#import").click(function( event ) {
        $("#attente").show();
        var mettreajour = $('#mettreajour:checked').val()? 'maj':'import';
        var delaipardefaut = $('#delaipardefaut:checked').val()? 'oui':'non';
        $.ajax({
            url: "{{ path('admin_calendrier_traiter') }}?action=" + mettreajour + "&delaipardefaut=" + delaipardefaut,
            type: "GET",
            success: function(reponse) {
                    $("#resultat").html(reponse.resultat);
                    $("#attente").hide();
                },
            error: function() {
                    $("#resultat").html("Erreur lors de l'import");
                    $("#attente").hide();
            }
        });
    });
});
</script>
{% endblock %}