@php
    $titleText = 'Tambah Desa';
    $description = 'Lengkapi referensi desa atau kelurahan dengan struktur wilayah yang jelas dan form yang lebih rapi.';
    $eyebrow = 'Master Data';
    $formAction = route('admin.master-desa.store');
    $backRoute = route('admin.master-desa.index');
    $submitLabel = 'Simpan Data';
@endphp

@component('admin.master.partials.form-shell', compact('titleText', 'description', 'eyebrow', 'formAction', 'backRoute', 'submitLabel'))
    <div class="form-section">
        <span class="form-section__title">Informasi Wilayah</span>
        <div class="row">
            <div class="form-group col-md-4">
                <label>Kecamatan</label>
                <select name="kecamatan_id" class="form-control @error('kecamatan_id') is-invalid @enderror">
                    <option value="">- Pilih -</option>
                    @foreach($kecamatan as $row)
                        <option value="{{ $row->id }}" {{ old('kecamatan_id') == $row->id ? 'selected' : '' }}>{{ $row->nama_kecamatan }} - {{ $row->kabupaten->nama_kabupaten ?? '-' }}</option>
                    @endforeach
                </select>
                @error('kecamatan_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="form-group col-md-2">
                <label>Kode Desa</label>
                <input type="text" name="kode_desa" class="form-control @error('kode_desa') is-invalid @enderror" value="{{ old('kode_desa') }}">
                @error('kode_desa') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="form-group col-md-3">
                <label>Nama Desa</label>
                <input type="text" name="nama_desa" class="form-control @error('nama_desa') is-invalid @enderror" value="{{ old('nama_desa') }}">
                @error('nama_desa') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="form-group col-md-1">
                <label>Kode Pos</label>
                <input type="text" name="kode_pos" class="form-control @error('kode_pos') is-invalid @enderror" value="{{ old('kode_pos') }}">
                @error('kode_pos') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="form-group col-md-2">
                <label>Tipe</label>
                <input type="text" name="tipe" class="form-control @error('tipe') is-invalid @enderror" value="{{ old('tipe') }}">
                @error('tipe') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
        </div>
    </div>

    <div class="form-section mb-0">
        <span class="form-section__title">Status Data</span>
        <div class="custom-control custom-switch">
            <input type="checkbox" class="custom-control-input" id="is_active" name="is_active" value="1" {{ old('is_active', true) ? 'checked' : '' }}>
            <label class="custom-control-label" for="is_active">Aktif</label>
        </div>
    </div>
@endcomponent