@php
    $titleText = 'Tambah Kabupaten';
    $description = 'Masukkan referensi kabupaten atau kota agar data wilayah siap dipakai dengan struktur yang rapi.';
    $eyebrow = 'Master Data';
    $formAction = route('admin.master-kabupaten.store');
    $backRoute = route('admin.master-kabupaten.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>Kode Kabupaten</label>
                <input type="text" name="kode_kabupaten" class="form-control @error('kode_kabupaten') is-invalid @enderror" value="{{ old('kode_kabupaten') }}">
                @error('kode_kabupaten') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="form-group col-md-4">
                <label>Nama Kabupaten</label>
                <input type="text" name="nama_kabupaten" class="form-control @error('nama_kabupaten') is-invalid @enderror" value="{{ old('nama_kabupaten') }}">
                @error('nama_kabupaten') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="form-group col-md-2">
                <label>Provinsi</label>
                <input type="text" name="provinsi" class="form-control @error('provinsi') is-invalid @enderror" value="{{ old('provinsi') }}">
                @error('provinsi') <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