@extends('admin.layouts.index')

@section('content')

<x-dashboard.form.form :action='route("admin.countries.cities.update",["country" => $country->id,"city" => $city->id])' method="PATCH">
    <x-dashboard.form.input name="title[ar]" :title="__('validation.attributes.title') . ' ( ' . __('global.arabic') . ' )'" :value="$city->getTranslation('title', 'ar')" />
    <x-dashboard.form.input name="title[en]" :title="__('validation.attributes.title') . ' ( ' . __('global.english') . ' )'" :value="$city->getTranslation('title', 'en')" />
    <x-dashboard.form.select name="is_active" :boolean="true" :value="$city->is_active" container-classes='col-12' />
    <x-dashboard.form.input class="ltr" name="latitude" readonly :requried="false" :hidden="true" :tooltip="__('messages.tooltips.click_on_map_to_fill')" :value="$city->latitude" />
    <x-dashboard.form.input class="ltr" name="longitude" readonly :requried="false" :hidden="true" :tooltip="__('messages.tooltips.click_on_map_to_fill')" :value="$city->longitude" />

    <div class="col-12">
        <div class="form-group">
            <div class="col-12">
                <div id="map" style="height: 400px;" data-longitude="{{ $city->longitude }}" data-latitude="{{ $city->latitude }}" data-with-marker="1"></div>
            </div>
        </div>
    </div>
    <x-dashboard.form.button />
</x-dashboard.form.form>

@endsection