{% extends 'base.html.twig' %}
{% block title %}{{ app_description }}{% endblock %}
{% block stylesheets %}
{{ parent() }}
<link rel="stylesheet" href="{{ asset('css/jquery-confirm.min.css') }}" />
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script src="{{ asset('js/jquery-confirm.min.js') }}"></script>
{% endblock %}
{% block body %}
<u><b>{{ app_description }}</b></u>
{{ parent() }}
{% if app.user.nomcomplet is defined %}
    <br/>Connecté en tant que {{ app.user.nomcomplet }} - {{ app.user.licence }} <a href="{{ path('personnel') }}" target=_blank>Espace personnel</a>
    <br/><a href="{{ path('app_logout') }}">Déconnexion</a>
    {% if app.user.roles[0] == 'ROLE_ADMIN' %}&nbsp;<a href='{{ path("admin") }}' target=_blank>Administration</a>{% endif %}
{% else %}
    <br/><a href="{{ path('app_login') }}">Connexion</a>
{% endif %}
{% include 'public/choix_concours.html.twig' %}
<div id="resultat"></div>
<script>
 $( document ).ready(function() {

    // Afficher les concours.
    $("button.afficher").click(function( event ) {
        $("#attente").show();
        var datas = $("form").serialize();
            $.ajax({
                url: "{{ path('concours')}}",
                method: "POST",
                data: datas,
                success: function(reponse) {
                        $("#resultat").html(reponse.resultat);
                        $("#attente").hide();
                    },
                error: function() {
                        $("#resultat").html("Erreur lors de l'affichage des concours");
                        $("#attente").hide();
                }
            });
    });

    {% if app.user.nomcomplet is defined %}
    // Afficher la page de création/modification d'une inscription, pour les connectés.
    $(document).on( "click", ".gerer_inscription", function(event){
        $.confirm({
            buttons: {
                fermer: {
                    btnClass : "fermeture",
                    isHidden: true
                }
                },
            title: "",
            content: "url:{{ path('user_inscription_afficher') }}?idConcours=" + $(this).attr('idConcours') + "&licence=" + $(this).attr('licence'),
            animation: "zoom",
            columnClass: "large",
            closeAnimation: "scale",
            backgroundDismiss: true,
            closeIcon: false,
            containerFluid: true,
            draggable: true
        });
    } );
    
    // Afficher la page de renvoi des fichiers ICS..
    $(document).on( "click", ".renvoyer_ics", function(event){
        idConcours = $(this).attr("idConcours");
        licence = $(this).attr('licence');
        $("#attente").show();
        $.confirm({
            buttons: {
                confirmer: {
                    text : "Confirmer",
                    action: function () {                 
                        $.ajax({
                            async: true,
                            url: "{{ path('user_inscription_renvoyer_ics')}}?idConcours=" +idConcours + "&licence=" + licence,
                            method: "GET",
                            success: function(reponse) {
                                // Rafraichir la liste.
                                var datas = $("form").serialize();
                                $.ajax({
                                    async: false,
                                    url: "{{ path('concours')}}",
                                    method: "POST",
                                    data: datas,
                                    success: function(reponse) {
                                            $("#resultat").html(reponse.resultat);
                                            $("#attente").hide();
                                        },
                                    error: function() {
                                            $("#resultat").html("Erreur");
                                            $("#attente").hide();
                                    }
                                });
                                },
                            error: function() {
                                $.alert("Erreur pour " + idConcours);
                                $("#attente").hide();
                                }
                        });
                        }
                    },
                annuler: function () {
                    $("#attente").hide();
                }
            },
            title: "<b>Renvoi des fichiers ICS pour " + $(this).attr("nom") + " - " + $(this).attr("licence") + "</b>" + '<br/><u>Club:</u> ' + $(this).attr("club") + '<br/><u>Discipline:</u> ' + 
               $(this).attr("discip") + '<br/><u>Description:</u> ' + $(this).attr("descr") + '<br/><u>Début:</u> ' + $(this).attr("start") + 
               '<br/><u>Fin:</u> ' + $(this).attr("end"),
            content: "Confirmer le renvoi?"
        });
    } );

    // Supprimer une inscription.
    $(document).on( "click", ".supprimer_inscription", function(event){
        idConcours = $(this).attr("idConcours");
        licence = $(this).attr('licence');
        $("#attente").show();
        $.confirm({
            buttons: {
                confirmer: {
                    text : "Confirmer",
                    action: function () {                 
                        $.ajax({
                            async: true,
                            url: "{{ path('user_inscription_supprimer')}}?idConcours=" +idConcours + "&licence=" + licence,
                            method: "POST",
                            success: function(reponse) {
                                // Rafraichir la liste.
                                var datas = $("form").serialize();
                                $.ajax({
                                    async: false,
                                    url: "{{ path('concours')}}",
                                    method: "POST",
                                    data: datas,
                                    success: function(reponse) {
                                            $("#resultat").html(reponse.resultat);
                                            $("#attente").hide();
                                        },
                                    error: function() {
                                            $("#resultat").html("Erreur");
                                            $("#attente").hide();
                                    }
                                });
                                },
                            error: function() {
                                $.alert("Erreur pour " + idConcours);
                                $("#attente").hide();
                                }
                        });
                        }
                    },
                annuler: function () {
                    $("#attente").hide();
                }
            },
            title: "<b>Suppression d'une inscription pour " + $(this).attr("nom") + " - " + $(this).attr("licence") + "</b>" + '<br/><u>Club:</u> ' + $(this).attr("club") + '<br/><u>Discipline:</u> ' + 
               $(this).attr("discip") + '<br/><u>Description:</u> ' + $(this).attr("descr") + '<br/><u>Début:</u> ' + $(this).attr("start") + 
               '<br/><u>Fin:</u> ' + $(this).attr("end"),
            content: "Confirmer la suppression?"
        });
    } );

    // Fin cas conencté.
    {% endif %}

    function inscrits(idDetail,idConcours)
    {
        // Vérifier qu'on est un id pour un élément..
        if(idDetail === null)
        {
            return true;
        };
        // Inverser visible/caché..
        if($("#etat_"+idDetail).is(':hidden'))
        {
            $("#etat_"+idDetail).show();
            $("#t_"+idDetail).html('-');
        }
        else
        {
            $("#etat_"+idDetail).hide();
            $("#t_"+idDetail).html('+');
        }; 
        // Récupérer les inscrits et les afficher.
            $.ajax({
                url: '{{ path('user_inscription_liste')}}?' + 'idConcours=' + idConcours + "&accueil=true",
                type: 'GET',
                success: function(reponse) {
                        $('#det_'+idDetail).html(reponse.resultat);
                    },
                error: function() {
                        $('#det_'+idDetail).html('Erreur lors de la récupération des inscrits');
                }
            });
    }

    // On affiche les inscrits à un concours.
    $("#resultat").on("click","#details",function( event ) {
    inscrits($(this).attr("idDetail"), $(this).attr("idConcours"));
    });


});
</script> 

{% endblock %}