@extends('admin.layouts.app')
@section('title', 'Spatial Features')
@section('breadcrumb')
    <a href="{{ route('admin.spatial.index') }}">Spatial Intelligence</a>
    <span class="separator">/</span>
    <span class="current">Features</span>
@endsection

@section('content')
@include('admin.spatial._tabs')

<div class="page-header" style="display:flex;align-items:center;justify-content:space-between;">
    <div>
        <h1 class="page-title">
            <span class="title-icon"><i data-lucide="shield-alert" style="width:20px;height:20px;"></i></span>
            Spatial Restriction Features
        </h1>
        <p class="page-subtitle">CRZ zones, flood areas, heritage buffers, eco-sensitive zones</p>
    </div>
    <a href="{{ route('admin.spatial.features.create') }}" class="btn btn-primary">
        <i data-lucide="plus" style="width:14px;height:14px;"></i>
        Add Feature
    </a>
</div>

<div class="admin-table-wrap">
    <div class="admin-table-header">
        <div class="admin-table-title">
            <i data-lucide="shield-alert" class="icon" style="width:14px;height:14px;"></i>
            Restriction Features
        </div>
        <form method="GET" style="display:flex;gap:8px;">
            <select name="state_id" class="form-control" style="width:150px;">
                <option value="">All States</option>
                @foreach($states as $state)
                    <option value="{{ $state->id }}" {{ request('state_id') == $state->id ? 'selected' : '' }}>
                        {{ $state->name }}
                    </option>
                @endforeach
            </select>
            <select name="feature_type" class="form-control" style="width:150px;">
                <option value="">All Types</option>
                @foreach(['crz','flood_zone','eco_sensitive','heritage','nhai_buffer','airport_funnel','water_body','green_belt','road_buffer'] as $type)
                    <option value="{{ $type }}" {{ request('feature_type') == $type ? 'selected' : '' }}>
                        {{ str_replace('_', ' ', ucfirst($type)) }}
                    </option>
                @endforeach
            </select>
            <button type="submit" class="btn btn-secondary btn-sm">
                <i data-lucide="filter" style="width:12px;height:12px;"></i> Filter
            </button>
        </form>
    </div>
    <div class="table-responsive">
        <table class="admin-table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>State</th>
                    <th>Type</th>
                    <th>Buffer (m)</th>
                    <th>Source</th>
                    <th>Status</th>
                    <th style="text-align:right;">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($features as $feature)
                    <tr>
                        <td><span style="font-weight:500;color:var(--vsc-text-active);">{{ $feature->name }}</span></td>
                        <td><span class="badge badge-teal">{{ $feature->state?->code ?? '—' }}</span></td>
                        <td>
                            @php
                                $ftColors = [
                                    'crz'=>'badge-blue','flood_zone'=>'badge-red','eco_sensitive'=>'badge-green',
                                    'heritage'=>'badge-purple','nhai_buffer'=>'badge-orange','airport_funnel'=>'badge-teal',
                                    'water_body'=>'badge-blue','green_belt'=>'badge-green','road_buffer'=>'badge-gray',
                                ];
                            @endphp
                            <span class="badge {{ $ftColors[$feature->feature_type] ?? 'badge-gray' }}">
                                {{ str_replace('_', ' ', ucfirst($feature->feature_type)) }}
                            </span>
                        </td>
                        <td style="color:var(--vsc-teal);font-weight:600;">{{ $feature->buffer_distance_m ? $feature->buffer_distance_m.'m' : '—' }}</td>
                        <td style="color:var(--vsc-text-secondary);font-size:12px;">{{ $feature->data_source ?? '—' }}</td>
                        <td>
                            <span class="badge {{ $feature->is_active ? 'badge-green' : 'badge-gray' }}">
                                {{ $feature->is_active ? 'Active' : 'Inactive' }}
                            </span>
                        </td>
                        <td>
                            <div style="display:flex;justify-content:flex-end;gap:4px;">
                                <a href="{{ route('admin.spatial.features.edit', $feature) }}"
                                   class="btn btn-icon btn-secondary" data-tooltip="Edit">
                                    <i data-lucide="pencil" style="width:13px;height:13px;"></i>
                                </a>
                                <form method="POST" action="{{ route('admin.spatial.features.destroy', $feature) }}">
                                    @csrf @method('DELETE')
                                    <button type="submit" class="btn btn-icon btn-danger"
                                            data-tooltip="Delete"
                                            data-confirm-delete="Delete feature {{ $feature->name }}?">
                                        <i data-lucide="trash-2" style="width:13px;height:13px;"></i>
                                    </button>
                                </form>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="7" style="text-align:center;padding:48px;color:var(--vsc-text-secondary);">
                            <i data-lucide="shield-alert" style="width:32px;height:32px;display:block;margin:0 auto 12px;opacity:0.3;"></i>
                            No spatial features configured
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    {{ $features->links('vendor.pagination.admin') }}
</div>
@endsection