<div class="offcanvas offcanvas-end" id="offcanvasAddKomoditas" aria-labelledby="offcanvasAddKomoditasLabel">
    <div class="offcanvas-header border-bottom">
        <h5 id="offcanvasAddKomoditasLabel" class="offcanvas-title">Tambah Komoditas</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-record pt-0" id="addKomoditasForm" action="{{ route('komoditas.store') }}" method="POST">
            @csrf
            <div class="mb-4 form-control-validation">
                <label class="form-label" for="add-nama">Nama Komoditas<span class="text-danger">*</span></label>
                <input type="text" class="form-control" id="add-nama" name="nama" placeholder="Cth: Padi Sabrang" />
            </div>
            <div class="mt-4">
                <button type="submit" class="btn btn-primary me-sm-3 me-1 data-submit">Simpan</button>
                <button type="reset" class="btn btn-label-secondary" data-bs-dismiss="offcanvas">Batal</button>
            </div>
        </form>
    </div>
</div>