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

{% block title %}Edit AccessTag{% endblock %}

{% block body %}
    <h1>Edit AccessTag</h1>

    {{ include('authorization/access_tag/_form.html.twig', {'button_label': 'Update'}) }}

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

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



    <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 %}