<div class="offcanvas offcanvas-end" id="offcanvasAddAdat" aria-labelledby="offcanvasAddAdatLabel">
    <div class="offcanvas-header border-bottom">
        <h5 id="offcanvasAddAdatLabel" class="offcanvas-title">Tambah Adat</h5>
        <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    
    <div class="offcanvas-body mx-0 flex-grow-0 p-6 h-100">
        <form class="add-new-adat pt-0" id="addNewAdatForm" action="{{ route('adat.store') }}" method="POST">
            @csrf
            
            <div class="mb-4">
                <label class="form-label" for="add-adat-provinsi">Provinsi</label>
                <select id="add-adat-provinsi" class="select2 form-select" data-placeholder="Pilih Provinsi">
                    <option value="">Pilih Provinsi</option>
                    @foreach($provinsi as $prov)
                        <option value="{{ $prov->id }}">{{ $prov->nama }}</option>
                    @endforeach
                </select>
            </div>

            <div class="mb-4">
                <label class="form-label" for="add-adat-kabupaten">Kabupaten/Kota</label>
                <select id="add-adat-kabupaten" class="select2 form-select" data-placeholder="Pilih Kabupaten/Kota" disabled>
                    <option value="">Pilih Kabupaten/Kota</option>
                </select>
            </div>

            <div class="mb-4">
                <label class="form-label" for="add-adat-kecamatan">Kecamatan</label>
                <select id="add-adat-kecamatan" class="select2 form-select" data-placeholder="Pilih Kecamatan" disabled>
                    <option value="">Pilih Kecamatan</option>
                </select>
            </div>

            <div class="mb-6 form-control-validation">
                <label class="form-label" for="add-adat-desa">Desa/Kelurahan<span class="text-danger">*</span></label>
                <select id="add-adat-desa" name="desa_kelurahan_id" class="select2 form-select" data-placeholder="Pilih Desa/Kelurahan" disabled>
                    <option value="">Pilih Desa/Kelurahan</option>
                </select>
            </div>

            <div class="mb-6 form-control-validation">
                <label class="form-label" for="add-adat-nama">Nama Adat<span class="text-danger">*</span></label>
                <input type="text" class="form-control" id="add-adat-nama" placeholder="Contoh: Adat Perkawinan" name="nama" />
            </div>

            <div class="mt-8">
                <button type="submit" class="btn btn-primary me-3 data-submit">Submit</button>
                <button type="reset" class="btn btn-label-danger" data-bs-dismiss="offcanvas">Cancel</button>
            </div>
        </form>
    </div>
</div>