@extends('layouts.petugas')
@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('petugas.dashboard') }}">Dashboard</a><span class="breadcrumb-sep">›</span><a href="{{ route('petugas.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('petugas.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') }}">
                @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">
                    <option value="desa" {{ old('jenis')==='desa' ? 'selected' : '' }}>Desa</option>
                    <option value="kelurahan" {{ old('jenis')==='kelurahan' ? 'selected' : '' }}>Kelurahan</option>
                </select>
            </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('petugas.desas.index') }}" class="btn btn-outline">Batal</a></div>
    </form>
</div></div>
@endsection