<div class="row">
    <x-forms col="6" label="{{ __('dashboard.name_en') }}" name="name[en]" :value="$city?->getTranslation('name', 'en') ?? ''" required />
    <x-forms col="6" label="{{ __('dashboard.name_ar') }}" name="name[ar]" :value="$city?->getTranslation('name', 'ar') ?? ''" />
</div>

<div class="row">
    <div class="col-md-6">
        <label class="form-label">{{ __('dashboard.country') }} <span class="text-danger">*</span></label>
        <select name="country_id" class="form-select" required>
            <option value="">{{ __('dashboard.select_country') }}</option>
            @foreach($countries as $country)
                <option value="{{ $country->id }}" {{ (isset($city) && $city->country_id == $country->id) ? 'selected' : '' }}>
                    {{ $country->getTranslation('name', app()->getLocale()) }}
                </option>
            @endforeach
        </select>
    </div>

    <div class="col-md-6">
        <x-boolean-input name="is_active" label="{{ __('dashboard.active') }}" :value="$city ?? (object)['is_active' => true]" />
    </div>
</div>
