<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasEditProvinsi" aria-labelledby="offcanvasEditProvinsiLabel">
    <div class="offcanvas-header border-bottom">
        <h5 id="offcanvasEditProvinsiLabel" class="offcanvas-title">Edit Provinsi</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="editProvinsiForm" class="pt-0">
            @csrf
            <input type="hidden" id="edit-provinsi-id" name="id">
            
            <div class="mb-6 form-control-validation">
                <label class="form-label" for="edit-provinsi-code">Kode Provinsi<span class="text-danger">*</span></label>
                <input 
                    type="text" 
                    class="form-control" 
                    id="edit-provinsi-code" 
                    name="kode" 
                    maxlength="2"
                    inputmode="numeric"
                    pattern="[0-9]*"
                    oninput="this.value = this.value.replace(/[^0-9]/g, '')" />
            </div>
            
            <div class="mb-6 form-control-validation">
                <label class="form-label" for="edit-provinsi-name">Nama Provinsi<span class="text-danger">*</span></label>
                <input type="text" class="form-control" id="edit-provinsi-name" name="nama" />
            </div>
            
            <div class="mb-6 form-control-validation">
                <label class="form-label" for="edit-provinsi-path">Path</label>
                <textarea class="form-control" id="edit-provinsi-path" name="path" rows="3"></textarea>
            </div>
            
            <div class="mb-6 form-control-validation">
                <label class="form-label" for="edit-provinsi-iso">ISO<span class="text-danger">*</span></label>
                <input type="text" id="edit-provinsi-iso" class="form-control" name="iso" />
            </div>
            
            <button type="submit" class="btn btn-primary me-3">Update Data</button>
            <button type="reset" class="btn btn-label-danger" data-bs-dismiss="offcanvas">Cancel</button>
        </form>
    </div>
</div>