@extends('admin.layouts.app')
@section('title', isset($city) ? 'Edit City' : 'Add City')
@section('breadcrumb')
    <a href="{{ route('admin.cities.index') }}" class="breadcrumb-link">Cities</a>
    <span class="breadcrumb-sep">/</span>
    <span class="current">{{ isset($city) ? 'Edit' : 'Add' }}</span>
@endsection
@section('content')
<div class="page-header">
    <h1 class="page-title">
        <span class="title-icon"><i data-lucide="{{ isset($city) ? 'edit-2' : 'plus-circle' }}" style="width:20px;height:20px;"></i></span>
        {{ isset($city) ? 'Edit City: '.$city->name : 'Add City' }}
    </h1>
</div>

<div class="admin-table-wrap" style="max-width:700px;">
    <form method="POST" action="{{ isset($city) ? route('admin.cities.update', $city) : route('admin.cities.store') }}">
        @csrf
        @if(isset($city)) @method('PUT') @endif

        <div class="form-grid" style="padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px;">
            <div class="form-group" style="grid-column:span 2;">
                <label class="form-label">State <span style="color:var(--vsc-red);">*</span></label>
                <select name="state_id" class="form-control @error('state_id') is-invalid @enderror" required>
                    <option value="">Select State</option>
                    @foreach($states as $state)
                        <option value="{{ $state->id }}" {{ old('state_id', $city->state_id ?? '') == $state->id ? 'selected' : '' }}>{{ $state->name }}</option>
                    @endforeach
                </select>
                @error('state_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="form-group">
                <label class="form-label">City Name <span style="color:var(--vsc-red);">*</span></label>
                <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
                    value="{{ old('name', $city->name ?? '') }}" required placeholder="e.g. Mumbai">
                @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="form-group">
                <label class="form-label">City Code</label>
                <input type="text" name="code" class="form-control @error('code') is-invalid @enderror"
                    value="{{ old('code', $city->code ?? '') }}" placeholder="e.g. MUM" maxlength="10">
                @error('code')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="form-group">
                <label class="form-label">Planning Authority</label>
                <input type="text" name="planning_authority" class="form-control"
                    value="{{ old('planning_authority', $city->planning_authority ?? '') }}" placeholder="e.g. MCGM">
            </div>

            <div class="form-group">
                <label class="form-label">DCR Version</label>
                <input type="text" name="dcr_version" class="form-control"
                    value="{{ old('dcr_version', $city->dcr_version ?? '') }}" placeholder="e.g. DCPR 2034">
            </div>

            <div class="form-group" style="grid-column:span 2;">
                <label class="form-label">Master Plan Year</label>
                <input type="number" name="master_plan_year" class="form-control" style="max-width:160px;"
                    value="{{ old('master_plan_year', $city->master_plan_year ?? '') }}" placeholder="e.g. 2034" min="1950" max="2100">
            </div>

            <div class="form-group" style="grid-column:span 2;">
                <label style="display:flex;align-items:center;gap:8px;cursor:pointer;">
                    <input type="hidden" name="is_active" value="0">
                    <input type="checkbox" name="is_active" value="1" {{ old('is_active', $city->is_active ?? true) ? 'checked' : '' }}>
                    <span class="form-label" style="margin:0;">Active</span>
                </label>
            </div>
        </div>

        <div style="padding:16px 20px;border-top:1px solid var(--vsc-border-light);display:flex;gap:8px;">
            <button type="submit" class="btn btn-primary"><i data-lucide="save" style="width:14px;height:14px;"></i> {{ isset($city) ? 'Update' : 'Create' }}</button>
            <a href="{{ route('admin.cities.index') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>
@endsection