{% if setting_value('visiosoft.module.location::create_ad_page_location') %}
    <div class="row form-group location-map">
        <div class="col-sm-4">
            <ul style="padding: 0">
                <li class="country-data" data-content="{{ adv['country_id'] }}"
                    data-default="{{ setting_value('visiosoft.module.advs::default_country') }}"
                    class="location-field country-data">{{ form.fields.country|raw }}</li>
                <li class="city-data" data-content="{{ adv['city'] }}"
                    data-default="{{ setting_value('visiosoft.module.advs::default_city') }}"
                    class="location-field city-data">{{ form.fields.city|raw }}</li>
                <li class="district-data" data-content="{{ adv['district'] }}"
                    class="location-field district-data">{{ form.fields.district|raw }}</li>
                <li class="neighborhood-data" data-content="{{ adv['neighborhood'] }}"
                    class="location-field neighborhood-data">{{ form.fields.neighborhood|raw }}</li>
                <li class="village-data" data-content="{{ adv['village'] }}"
                    class="location-field">{{ form.fields.village|raw }}</li>
            </ul>
        </div>
        <div class="col-sm-8">
            <div id="map-canvas" style="
                                position: relative; overflow: hidden;
                                transform: translateZ(0px) translateZ(0px) translateZ(0px) translateZ(0px) translateZ(0px) translateZ(0px);
                                width: 100%;
                                height:550px;
                                background-color: rgb(229, 227, 223);
                            "></div>
        </div>
    </div>
    <script src="https://maps.googleapis.com/maps/api/js?key={{ setting_value('visiosoft.module.advs::google_map_key') }}&callback="
            type="text/javascript"></script>
    {{ asset_add("scripts.js", "visiosoft.module.advs::js/location.js") }}
{% endif %}