@php
    $regionsMap = config('georgia_locations');
    $selectedRegion = old('region', $selectedRegion ?? null);
    $selectedCity = old('city', $selectedCity ?? null);
@endphp

<div data-location-fields class="grid grid-cols-1 gap-4 sm:grid-cols-2">
    <div>
        <label class="mb-1 block text-sm font-medium">{{ __('messages.register_region') }}</label>
        <select name="region" data-region-select class="w-full rounded-md border border-ink/15 px-3 py-2">
            <option value="">—</option>
            @foreach (array_keys($regionsMap) as $region)
                <option value="{{ $region }}" @selected($selectedRegion === $region)>{{ $region }}</option>
            @endforeach
        </select>
    </div>
    <div>
        <label class="mb-1 block text-sm font-medium">{{ __('messages.register_city') }}</label>
        <select name="city" data-city-select data-selected="{{ $selectedCity }}" class="w-full rounded-md border border-ink/15 px-3 py-2">
            <option value="">—</option>
        </select>
        <script type="application/json" data-region-city-map>{!! json_encode($regionsMap, JSON_UNESCAPED_UNICODE) !!}</script>
    </div>
    <div class="sm:col-span-2">
        <label class="mb-1 block text-sm font-medium">სოფელი / ზუსტი მისამართი (სურვილისამებრ)</label>
        <input type="text" name="village_or_address" value="{{ old('village_or_address', $villageOrAddress ?? '') }}"
               placeholder="თუ სოფელია სიაში არ არის, ჩაწერეთ აქ"
               class="w-full rounded-md border border-ink/15 px-3 py-2">
    </div>
</div>