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

{% block title %}New AccessTag{% endblock %}

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

    {{ include('authorization/access_tag/_form.html.twig') }}

    <a href="{{ path('access_tag_index') }}">back to list</a>


<script src="https://code.jquery.com/jquery-3.4.1.min.js" type="application/javascript"></script>

<script>
    $("#access_tag_countries option").click(function () {
        var clickedOption = $(this);
        var countryCode = $(clickedOption).val();

        $('#access_tag_cities').find('option').remove().end();

        $.ajax({
            type: "GET",
            dataType: "json",
            url: "/city/list-by-country/"+countryCode,
        }).done(function( data, textStatus, jqXHR ) {
            $('#access_tag_cities').append($('<option/>', {
                value: 0,
                text : "Todas las ciudades"
            }));
            data.cities.forEach(function (city) {
                $('#access_tag_cities').append($('<option/>', {
                    value: city.idCity,
                    text : city.name
                }));
            });
        }).fail(function( jqXHR, textStatus, errorThrown ) {
                alert( "La solicitud a fallado: " +  errorThrown);
        });
    });


    $('body').on("click","#access_tag_cities option",function () {
        var clickedOption = $(this);
        var idCity = $(clickedOption).val();

        $('#access_tag_gls').find('option').remove().end();

        $.ajax({
            type: "GET",
            dataType: "json",
            url: "/gl/list-by-city/"+idCity,
        }).done(function( data, textStatus, jqXHR ) {
            $('#access_tag_gls').append($('<option/>', {
                value: 0,
                text : "Todos los GLs"
            }));
            data.gls.forEach(function (gl) {
                $('#access_tag_gls').append($('<option/>', {
                    value: gl.idGl,
                    text : gl.name
                }));
            });
        }).fail(function( jqXHR, textStatus, errorThrown ) {
            alert( "La solicitud a fallado: " +  errorThrown);
        });
    });
</script>

{% endblock %}