@extends('admin.dashboard.layouts.app')

@section('main')
<div class="content-wrapper">
    <section class="content-header">
        <h1>Edit District</h1>
    </section>

    <section class="content">
        <div class="card card-primary">
            <div class="card-header">
                <h3 class="card-title">Edit District</h3>
            </div>

            <form action="{{ route('districts.update', $district->id) }}" method="POST">
                @csrf
                @method('PUT')
                <div class="card-body">

                    <div class="form-group">
                        <label for="state_id">Select State</label>
                        <select name="state_id" class="form-control" required>
                            <option value="">-- Select State --</option>
                            @foreach ($states as $state)
                                <option value="{{ $state->id }}" {{ $district->state_id == $state->id ? 'selected' : '' }}>
                                    {{ $state->state }}
                                </option>
                            @endforeach
                        </select>
                        @error('state_id')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>

                    <div class="form-group">
                        <label for="district">District Name</label>
                        <input type="text" name="district" class="form-control" value="{{ old('district', $district->district) }}" required>
                        @error('district')
                            <span class="text-danger">{{ $message }}</span>
                        @enderror
                    </div>

                </div>

                <div class="card-footer">
                    <button class="btn btn-primary" type="submit">Update District</button>
                </div>
            </form>

        </div>
    </section>
</div>
@endsection
