@extends('layouts.admin')
@section('title','Tambah Desa')
@section('page-title','Tambah Desa')
@section('content')
<div class="page-header">
    <div class="page-header-left">
        <div class="breadcrumb"><a href="{{ route('admin.dashboard') }}">Dashboard</a><span class="breadcrumb-sep">›</span><a href="{{ route('admin.desas.index') }}">Desa</a><span class="breadcrumb-sep">›</span><span>Tambah</span></div>
        <h1 class="page-header-title">Tambah Desa / Kelurahan</h1>
    </div>
</div>
<div class="card" style="max-width:520px;">
    <div class="card-body">
        <form method="POST" action="{{ route('admin.desas.store') }}">
            @csrf
            <div class="form-group">
                <label class="form-label">Kecamatan <span class="required">*</span></label>
                <select name="kecamatan_id" class="form-select @error('kecamatan_id') is-invalid @enderror">
                    <option value="">— Pilih Kecamatan —</option>
                    @foreach($kecamatans as $kec)
                    <option value="{{ $kec->id }}" {{ old('kecamatan_id')==$kec->id ? 'selected' : '' }}>{{ $kec->nama }}</option>
                    @endforeach
                </select>
                @error('kecamatan_id')<span class="invalid-feedback">{{ $message }}</span>@enderror
            </div>
            <div class="form-row form-row-2">
                <div class="form-group mb-0">
                    <label class="form-label">Kode Desa <span class="required">*</span></label>
                    <input type="text" name="kode" class="form-control @error('kode') is-invalid @enderror" value="{{ old('kode') }}" placeholder="Kode BPS">
                    @error('kode')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
                <div class="form-group mb-0">
                    <label class="form-label">Jenis <span class="required">*</span></label>
                    <select name="jenis" class="form-select @error('jenis') is-invalid @enderror">
                        <option value="desa"       {{ old('jenis')==='desa'       ? 'selected' : '' }}>Desa</option>
                        <option value="kelurahan"  {{ old('jenis')==='kelurahan'  ? 'selected' : '' }}>Kelurahan</option>
                    </select>
                    @error('jenis')<span class="invalid-feedback">{{ $message }}</span>@enderror
                </div>
            </div>
            <div class="form-group" style="margin-top:16px;">
                <label class="form-label">Nama Desa / Kelurahan <span class="required">*</span></label>
                <input type="text" name="nama" class="form-control @error('nama') is-invalid @enderror" value="{{ old('nama') }}">
                @error('nama')<span class="invalid-feedback">{{ $message }}</span>@enderror
            </div>
            <div style="display:flex;gap:8px;">
                <button type="submit" class="btn btn-primary">Simpan</button>
                <a href="{{ route('admin.desas.index') }}" class="btn btn-outline">Batal</a>
            </div>
        </form>
    </div>
</div>
@endsection