@extends('layouts.admin')
@section('title','Geography') @section('heading','Geography & serviceability')
@section('content')
<div data-zone-editor>
    <div class="grid two">
        <section class="card"><h2>Country</h2><form method="post" action="{{ route('admin.geography.countries.store') }}">@csrf<div class="form-grid"><label>Name<input name="name" required></label><label>ISO-2<input name="iso2" maxlength="2" required></label><label>Currency<input name="currency" maxlength="3"></label><label><input type="checkbox" name="is_active" value="1" checked> Active</label></div><button class="btn">Add country</button></form></section>
        <section class="card"><h2>Region / state</h2><form method="post" action="{{ route('admin.geography.regions.store') }}">@csrf<div class="form-grid"><label>Country<select name="country_id" required>@foreach($countries as $country)<option value="{{ $country->id }}">{{ $country->name }}</option>@endforeach</select></label><label>Name<input name="name" required></label><label>Code<input name="code"></label><label><input type="checkbox" name="is_active" value="1" checked> Active</label></div><button class="btn">Add region</button></form></section>
        <section class="card"><h2>City</h2><form method="post" action="{{ route('admin.geography.cities.store') }}">@csrf<div class="form-grid"><label>Region<select name="region_id" required>@foreach($countries as $country)@foreach($country->regions as $region)<option value="{{ $region->id }}">{{ $country->iso2 }} / {{ $region->name }}</option>@endforeach @endforeach</select></label><label>Name<input name="name" required></label><label>Latitude<input name="latitude" type="number" step="any"></label><label>Longitude<input name="longitude" type="number" step="any"></label><label><input type="checkbox" name="is_active" value="1" checked> Active</label></div><button class="btn">Add city</button></form></section>
    </div>

    <section class="zone-workspace section">
        <div class="card">
            <div class="zone-mode"><h2 data-zone-mode>New service zone</h2><button type="button" class="btn btn-secondary" data-new-zone>New zone</button></div>
            <form method="post" action="{{ route('admin.geography.zones.store') }}" data-store-url="{{ route('admin.geography.zones.store') }}" data-zone-form>
                @csrf <input data-zone-method name="_method" value="PUT" disabled type="hidden">
                <div class="form-grid">
                    <label>City<select name="city_id" required>@foreach($countries as $country)@foreach($country->regions as $region)@foreach($region->cities as $city)<option value="{{ $city->id }}" data-lat="{{ $city->latitude }}" data-lng="{{ $city->longitude }}" data-country="{{ $country->iso2 }}">{{ $city->name }}, {{ $region->name }}</option>@endforeach @endforeach @endforeach</select></label>
                    <label>Zone name<input name="name" required maxlength="120"></label>
                    <label>Shape<select name="shape_type" required><option value="radius">Radius</option><option value="polygon">Polygon</option></select></label>
                    <label>Priority<input name="priority" type="number" min="0" max="65535" value="0" required></label>
                    <label>Centre latitude<input name="center_latitude" type="number" step="any"></label>
                    <label>Centre longitude<input name="center_longitude" type="number" step="any"></label>
                    <label>Radius km<input name="radius_km" type="number" min="0.01" max="20000" step="any" value="5"></label>
                    <label><input type="checkbox" name="is_active" value="1" checked> Active</label>
                </div>
                <input name="polygon" type="hidden" value="[]">
                <label>Service pricing JSON<textarea name="services" required rows="6">[{"service_type":"food","base_fee":0,"per_km_fee":0,"minimum_order":0,"is_active":true,"rules":{}}]</textarea></label>
                <p class="zone-hint">Click the map to place a radius centre or add polygon vertices. Polygon zones require at least three points and support up to 200.</p>
                <div class="actions"><button class="btn btn-primary" data-zone-submit>Create zone</button></div>
            </form>
        </div>
        <div class="card zone-map-shell">
            <form class="zone-search" data-geocode-form><input data-geocode-query minlength="3" maxlength="180" required placeholder="Search an address or landmark"><button class="btn" type="submit">Find</button></form>
            <div class="zone-search-results" data-geocode-results aria-live="polite"></div>
            <div class="zone-tools"><button type="button" class="btn btn-secondary" data-undo-point>Undo point</button><button type="button" class="btn btn-secondary" data-clear-geometry>Clear geometry</button><span class="badge" data-point-count>0 points</span></div>
            <div class="zone-map" data-zone-map data-search-url="{{ route('admin.geography.geocoding.search') }}" data-tile-url="{{ config('services.maps.tile_url', 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png') }}" data-attribution="&copy; OpenStreetMap contributors"></div>
        </div>
    </section>

    <section class="card section"><div class="section-head"><div><h2>Coverage hierarchy</h2><p>Review, edit and retire platform or Vendor-owned zones.</p></div></div><div class="table-wrap"><table><thead><tr><th>Country / region / city</th><th>Zone</th><th>Shape</th><th>Services & fees</th><th>Status</th><th>Actions</th></tr></thead><tbody>
    @foreach($countries as $country)@foreach($country->regions as $region)@foreach($region->cities as $city)@foreach($city->zones as $zone)<tr><td><strong>{{ $city->name }}</strong><br><small>{{ $region->name }}, {{ $country->name }}</small></td><td>{{ $zone->name }}<br><small>{{ $zone->vendors->isEmpty() ? 'Platform-wide' : $zone->vendors->pluck('name')->join(', ') }}</small></td><td>{{ ucfirst($zone->shape_type) }} @if($zone->shape_type==='radius') / {{ $zone->radius_km }} km @else / {{ count($zone->polygon ?? []) }} points @endif</td><td>@foreach($zone->services as $service)<span class="badge">{{ $service->service_type }} / {{ $service->base_fee }}</span> @endforeach</td><td><span class="badge {{ $zone->is_active?'approved':'rejected' }}">{{ $zone->is_active?'Active':'Inactive' }}</span></td><td><button type="button" class="btn btn-secondary" data-edit-zone="{{ $zone->id }}" data-update-url="{{ route('admin.geography.zones.update',$zone) }}">Edit</button> <form method="post" action="{{ route('admin.geography.zones.destroy',$zone) }}" style="display:inline" onsubmit="return confirm('Delete zone?')">@csrf @method('delete')<button class="btn">Delete</button></form></td></tr>@endforeach @endforeach @endforeach @endforeach
    @if($countries->flatMap->regions->flatMap->cities->flatMap->zones->isEmpty())<tr><td colspan="6" class="empty">No service zones configured.</td></tr>@endif
    </tbody></table></div></section>
    <script type="application/json" data-zone-records>{!! json_encode($countries->flatMap->regions->flatMap->cities->flatMap->zones->values(), JSON_HEX_TAG|JSON_HEX_AMP|JSON_HEX_APOS|JSON_HEX_QUOT) !!}</script>
</div>
@endsection