{% set title, page_active, page_categorie = 'Aucun titre', '', '' %}

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

{% block title %}New Inscription{% endblock %}

{% block body %}
    <h1>Create new Inscription</h1>

    {{ include('inscription/_form.html.twig') }}

    <a href="{{ path('inscription_index') }}">back to list</a>
{% endblock %}
{% block javascripts %}
<script>
    var $inscription_optionCatClasse = $('#inscription_optionCatClasse');
    var $inscription_categorieClasse = $('#inscription_categorieClasse');
    // When sport gets selected ...
    $inscription_optionCatClasse.change(function() {
        var id = $(this).find(':selected')[0].value;
        loadCatClasse(id);
    });

    $inscription_categorieClasse.change(function() {
        var id = $(this).find(':selected')[0].value;
        loadClasse(id);
    });

    function loadCatClasse(id) {
        $.ajax({
            url : '/categorie/classe/get/option/' + id,
            type: 'get',
            dataType: 'json',
            success: function(response) {
                $('#inscription_categorieClasse option:gt(0)').remove();
                $('#inscription_classe option:gt(0)').remove();
                $.each(response, function(key,value) {
                    $('#inscription_categorieClasse')
                        .append($("<option></option>")
                            .attr("value",value.id)
                            .text(value.nom));
                });
            },
            error: function (ajaxContext) {
                $('#inscription_categorieClasse option:gt(0)').remove();
                console.log(ajaxContext);
            }
        });
    }

    function loadClasse(id) {
        $.ajax({
            url : '/classe/get/categorie/classe/' + id,
            type: 'get',
            dataType: 'json',
            success: function(response) {
                $('#inscription_classe option:gt(0)').remove();
                $.each(response, function(key,value) {
                    $('#inscription_classe')
                        .append($("<option></option>")
                            .attr("value",value.id)
                            .text(value.nom));
                });
            },
            error: function (ajaxContext) {
                $('#inscription_classe option:gt(0)').remove();
                console.log(ajaxContext);
            }
        });
    }
</script>
{% endblock %}