@extends('layouts.dashboard')

@section('dashboard-content')
    <div class="search-card">
        <h2 class="section-title">Register boundary</h2>
        <p class="section-desc">Submit a new boundary or amendment for review. It will be created with workflow stage &quot;Submitted&quot;.</p>

        @if(session('error'))
            <div class="alert alert-error">{{ session('error') }}</div>
        @endif
        @if($errors->any())
            <div class="alert alert-error">
                <ul style="margin: 0; padding-left: 20px;">
                    @foreach($errors->all() as $e)
                        <li>{{ $e }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form method="post" action="{{ route('boundaries.store') }}">
            @csrf
            <div class="form-grid">
                <div class="form-group">
                    <label class="form-label">Boundary number <span style="color: var(--text-muted);">(required)</span></label>
                    <input type="text" class="form-input" name="boundary_number" value="{{ old('boundary_number') }}" required maxlength="50" placeholder="e.g. BND-001">
                </div>
                <div class="form-group">
                    <label class="form-label">Name <span style="color: var(--text-muted);">(required)</span></label>
                    <input type="text" class="form-input" name="name" value="{{ old('name') }}" required maxlength="255">
                </div>
                <div class="form-group">
                    <label class="form-label">Boundary type <span style="color: var(--text-muted);">(required)</span></label>
                    <select class="form-select" name="boundary_type" required>
                        <option value="">-- Select --</option>
                        <option value="interstate" {{ old('boundary_type') === 'interstate' ? 'selected' : '' }}>Interstate</option>
                        <option value="international" {{ old('boundary_type') === 'international' ? 'selected' : '' }}>International</option>
                        <option value="administrative" {{ old('boundary_type') === 'administrative' ? 'selected' : '' }}>Administrative</option>
                        <option value="electoral" {{ old('boundary_type') === 'electoral' ? 'selected' : '' }}>Electoral</option>
                        <option value="regional" {{ old('boundary_type') === 'regional' ? 'selected' : '' }}>Regional</option>
                        <option value="customary" {{ old('boundary_type') === 'customary' ? 'selected' : '' }}>Customary</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">State A <span style="color: var(--text-muted);">(required)</span></label>
                    <input type="text" class="form-input" name="state_a" value="{{ old('state_a') }}" required maxlength="100">
                </div>
                <div class="form-group">
                    <label class="form-label">State B <span style="color: var(--text-muted);">(required)</span></label>
                    <input type="text" class="form-input" name="state_b" value="{{ old('state_b') }}" required maxlength="100">
                </div>
                <div class="form-group">
                    <label class="form-label">Length (km)</label>
                    <input type="number" class="form-input" name="length_km" value="{{ old('length_km') }}" step="0.01">
                </div>
                <div class="form-group">
                    <label class="form-label">Established date</label>
                    <input type="date" class="form-input" name="established_date" value="{{ old('established_date') }}">
                </div>
                <div class="form-group">
                    <label class="form-label">Assigned commissioner</label>
                    <select class="form-select" name="assigned_commissioner_id">
                        <option value="">— None —</option>
                        @foreach($commissioners ?? [] as $c)
                            <option value="{{ $c->id }}" {{ old('assigned_commissioner_id') == $c->id ? 'selected' : '' }}>{{ $c->name }} @if($c->role)({{ $c->role }})@endif</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group" style="grid-column: 1 / -1;">
                    <label class="form-label">Legal basis</label>
                    <textarea class="form-input" name="legal_basis" rows="2">{{ old('legal_basis') }}</textarea>
                </div>
                <div class="form-group" style="grid-column: 1 / -1;">
                    <label class="form-label">Description</label>
                    <textarea class="form-input" name="description" rows="2">{{ old('description') }}</textarea>
                </div>
            </div>
            <div class="button-group">
                <button type="submit" class="btn btn-primary">Submit for review</button>
                <a href="{{ url('/dashboard?section=boundary') }}" class="btn btn-secondary">Cancel</a>
            </div>
        </form>
    </div>
@endsection