@extends('admin.layouts.app')
@section('title', isset($feature) ? 'Edit Spatial Feature' : 'Add Spatial Feature')
@section('breadcrumb')
    <a href="{{ route('admin.spatial.index') }}">Spatial Intelligence</a>
    <span class="separator">/</span>
    <a href="{{ route('admin.spatial.features') }}">Features</a>
    <span class="separator">/</span>
    <span class="current">{{ isset($feature) ? 'Edit' : 'Add' }}</span>
@endsection

@section('content')
<div class="page-header">
    <h1 class="page-title">
        <span class="title-icon"><i data-lucide="shield-alert" style="width:20px;height:20px;"></i></span>
        {{ isset($feature) ? 'Edit Spatial Feature' : 'Add Spatial Feature' }}
    </h1>
    <p class="page-subtitle">Configure restriction zones with geographic location data</p>
</div>

<div style="max-width:720px;">
    <div class="glass-card" style="padding:24px;">
        @if($errors->any())
            <div class="alert alert-error">
                <i data-lucide="alert-circle" class="alert-icon" style="width:15px;height:15px;"></i>
                <div>@foreach($errors->all() as $err)<div>{{ $err }}</div>@endforeach</div>
            </div>
        @endif

        <form method="POST" action="{{ isset($feature) ? route('admin.spatial.features.update', $feature) : route('admin.spatial.features.store') }}">
            @csrf
            @if(isset($feature)) @method('PUT') @endif

            <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;">
                <div class="form-group" style="grid-column:1/-1;">
                    <label class="form-label">Feature Name</label>
                    <input type="text" name="name" value="{{ old('name', $feature->name ?? '') }}"
                           class="form-control" placeholder="e.g., Mumbai Western Coast CRZ-II" required>
                </div>

                <div class="form-group">
                    <label class="form-label">State</label>
                    <select name="state_id" class="form-control" required>
                        <option value="">Select State</option>
                        @foreach($states as $state)
                            <option value="{{ $state->id }}"
                                {{ old('state_id', $feature->state_id ?? '') == $state->id ? 'selected' : '' }}>
                                {{ $state->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label class="form-label">City (Optional)</label>
                    <select name="city_id" class="form-control">
                        <option value="">— No specific city —</option>
                        @foreach($cities as $city)
                            <option value="{{ $city->id }}"
                                {{ old('city_id', $feature->city_id ?? '') == $city->id ? 'selected' : '' }}>
                                {{ $city->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label class="form-label">Feature Type</label>
                    <select name="feature_type" class="form-control" required>
                        @foreach(['crz'=>'CRZ Zone','flood_zone'=>'Flood Zone','eco_sensitive'=>'Eco-Sensitive','heritage'=>'Heritage Zone','nhai_buffer'=>'NHAI Buffer','airport_funnel'=>'Airport Funnel','water_body'=>'Water Body','green_belt'=>'Green Belt','road_buffer'=>'Road Buffer'] as $val => $label)
                            <option value="{{ $val }}"
                                {{ old('feature_type', $feature->feature_type ?? '') == $val ? 'selected' : '' }}>
                                {{ $label }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label class="form-label">Buffer Distance (meters)</label>
                    <input type="number" name="buffer_distance_m" value="{{ old('buffer_distance_m', $feature->buffer_distance_m ?? '') }}"
                           class="form-control" placeholder="e.g., 200" step="1" min="0">
                </div>

                <div class="form-group">
                    <label class="form-label">Latitude</label>
                    <input type="number" name="latitude" value="{{ old('latitude', '') }}"
                           class="form-control" placeholder="e.g., 19.0760" step="0.000001" min="-90" max="90">
                </div>

                <div class="form-group">
                    <label class="form-label">Longitude</label>
                    <input type="number" name="longitude" value="{{ old('longitude', '') }}"
                           class="form-control" placeholder="e.g., 72.8777" step="0.000001" min="-180" max="180">
                </div>

                <div class="form-group">
                    <label class="form-label">Data Source</label>
                    <input type="text" name="data_source" value="{{ old('data_source', $feature->data_source ?? '') }}"
                           class="form-control" placeholder="e.g., MOEF Notification 2019">
                </div>

                <div class="form-group">
                    <label class="form-label">Effective Date</label>
                    <input type="date" name="effective_date" value="{{ old('effective_date', isset($feature->effective_date) ? $feature->effective_date->format('Y-m-d') : '') }}"
                           class="form-control">
                </div>

                <div class="form-group" style="grid-column:1/-1;">
                    <label class="form-label">Description</label>
                    <textarea name="description" rows="3" class="form-control"
                              placeholder="Details about this restriction zone...">{{ old('description', $feature->description ?? '') }}</textarea>
                </div>

                <div class="form-group" style="grid-column:1/-1;">
                    <label style="display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--vsc-text-primary);">
                        <input type="checkbox" name="is_active" value="1"
                               {{ old('is_active', $feature->is_active ?? 1) ? 'checked' : '' }}
                               style="accent-color:var(--vsc-blue);">
                        Feature is Active
                    </label>
                </div>
            </div>

            <div class="divider"></div>
            <div style="display:flex;gap:10px;justify-content:flex-end;">
                <a href="{{ route('admin.spatial.features') }}" class="btn btn-secondary">
                    <i data-lucide="x" style="width:13px;height:13px;"></i> Cancel
                </a>
                <button type="submit" class="btn btn-primary">
                    <i data-lucide="save" style="width:13px;height:13px;"></i>
                    {{ isset($feature) ? 'Save Changes' : 'Add Feature' }}
                </button>
            </div>
        </form>
    </div>
</div>
@endsection