<div class="offcanvas offcanvas-end" id="offcanvasViewKecamatan" aria-labelledby="offcanvasViewKecamatanLabel">
    <div class="offcanvas-header border-bottom">
        <h5 id="offcanvasViewKecamatanLabel" class="offcanvas-title">Detail Kecamatan</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 id="viewKecamatanForm" class="pt-0" onsubmit="return false;">
            
            <div class="mb-4">
                <label class="form-label" for="view-kec-provinsi">Provinsi</label>
                <input type="text" class="form-control" id="view-kec-provinsi" readonly />
            </div>

            <div class="mb-4">
                <label class="form-label" for="view-kec-kabupaten">Kabupaten/Kota</label>
                <input type="text" class="form-control" id="view-kec-kabupaten" readonly />
            </div>

            <div class="mb-4">
                <label class="form-label" for="view-kec-code">Kode Kecamatan</label>
                <input type="text" class="form-control" id="view-kec-code" readonly />
            </div>

            <div class="mb-4">
                <label class="form-label" for="view-kec-name">Nama Kecamatan</label>
                <input type="text" class="form-control" id="view-kec-name" readonly />
            </div>

            <div class="mb-6">
                <label class="form-label" for="view-kec-path">Path (Koordinat)</label>
                <textarea class="form-control" id="view-kec-path" rows="4" readonly></textarea>
            </div>

            <div class="mt-8">
                <button type="button" class="btn btn-label-secondary d-grid w-100" data-bs-dismiss="offcanvas">Tutup</button>
            </div>
        </form>
    </div>
</div>