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

{% block title %}New Property{% endblock %}

{% block body %}
    <div class="container-fluid">
        <div class="layout-specing">
            <h3>Créer une nouvelle annonce</h3>


        {{ component('CityDependForm', {
            form: form,
            mode: 'new',
            initialFormData: property
        }) }}


    </div>
</div>
{% endblock %}

{#{% block javascripts %}#}
{#    <script>#}
{#        $(document).ready(function (){#}
{#            $("#commune option").remove();#}
{#            $("#commune").append(new Option("Merci de choisir la commune","", true));#}

{#            $("#district option").remove();#}
{#            $("#district").append(new Option("Merci de choisir d'abord la commune","", true));#}
{#        });#}
{#        $(document).on('change', '#city', function () {#}
{#            let $field = $(this)#}
{#            let  value = this.value;#}
{#            let  url = $field.attr("data-url");#}

{#            $.ajax({#}
{#                type: "POST", 	        //Méthode à employer POST ou GET#}
{#                url: url,#}

{#                beforeSend: function () {#}
{#                    //Code à appeler avant l'appel ajax en lui même#}
{#                },#}
{#                data: JSON.stringify({ city: value }),#}
{#                contentType: "application/json; charset=utf-8",#}
{#                dataType: "json",#}
{#                success: function(data){#}
{#                    let $commune = $('#commune')#}
{#                    $("#commune option").remove();#}
{#                    $commune.append(new Option("Merci de choisir la commune",null, true));#}
{#                    if (data.code==200)#}
{#                    {#}
{#                        $.each(data.data, function(i, commune) {#}
{#                            $commune.append(new Option(commune.name,commune.id));#}
{#                        });#}
{#                    }#}

{#                },#}
{#                error: function(errMsg) {#}
{#                    alert(errMsg);#}
{#                }#}
{#            });#}


{#        });#}
{#        $(document).on('change', '#commune', function () {#}
{#            let $field = $(this)#}
{#            let  value = this.value;#}
{#            let  url = $field.attr("data-url");#}

{#            $.ajax({#}
{#                type: "POST", 	        //Méthode à employer POST ou GET#}
{#                url: url,#}
{#                beforeSend: function () {#}
{#                    //Code à appeler avant l'appel ajax en lui même#}
{#                },#}
{#                data: JSON.stringify({ commune: value }),#}
{#                contentType: "application/json; charset=utf-8",#}
{#                dataType: "json",#}
{#                success: function(data){#}
{#                    let $district = $('#district')#}
{#                    $("#district option").remove();#}
{#                    $district.append(new Option("Merci de choisir la commune",null, true));#}
{#                    if (data.code==200)#}
{#                    {#}
{#                        $.each(data.data, function(i, district) {#}
{#                            $district.append(new Option(district.name,district.id));#}
{#                        });#}
{#                    }#}

{#                },#}
{#                error: function(errMsg) {#}
{#                    alert(errMsg);#}
{#                }#}
{#            });#}


{#        });#}
{#    </script>#}
{#{% endblock%}#}