Writeoff/Resources/views/livewire/rekening/rekening-modal.blade.php

<div class="modal fade" id="kt_modal_add_rekening" tabindex="-1" aria-hidden="true" wire:ignore.self>
    <!--begin::Modal dialog-->
    <div class="modal-dialog modal-dialog-centered mw-650px">
        <!--begin::Modal content-->
        <div class="modal-content">
            <!--begin::Modal header-->
            <div class="modal-header" id="kt_modal_add_rekening_header">
                <!--begin::Modal title-->
                <h2 class="fw-bold">Add Rekening</h2>
                <!--end::Modal title-->
                <!--begin::Close-->
                <div class="btn btn-icon btn-sm btn-active-icon-primary" data-bs-dismiss="modal" aria-label="Close">
                    {!! getIcon('cross','fs-1') !!}
                </div>
                <!--end::Close-->
            </div>
            <!--end::Modal header-->
            <!--begin::Modal body-->
            <div class="modal-body px-5 my-7">
                <!--begin::Form-->
                <form id="kt_modal_add_rekening_form" class="form" action="#" wire:submit.prevent="submit">
                    <!--begin::Scroll-->
                    <div class="d-flex flex-column scroll-y px-5 px-lg-10" id="kt_modal_add_rekening_scroll" data-kt-scroll="true" data-kt-scroll-activate="true" data-kt-scroll-max-height="auto" data-kt-scroll-dependencies="#kt_modal_add_rekening_header" data-kt-scroll-wrappers="#kt_modal_add_rekening_scroll" data-kt-scroll-offset="300px">

                        <!--begin::Input group-->
                        <div class="fv-row mb-7">
                            <!--begin::Label-->
                            <label class="required fw-semibold fs-6 mb-2">Nomor Rekening</label>
                            <!--end::Label-->
                            <!--begin::Input-->
                            <input type="text" wire:model.defer="nomor_rekening" name="nomor_rekening" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Nomor Rekening"/>
                            <!--end::Input-->
                            @error('nomor_rekening')
                            <span class="text-danger">{{ $message }}</span> @enderror
                        </div>
                        <!--end::Input group-->
                        <!--begin::Input group-->
                        <div class="fv-row mb-7">
                            <!--begin::Label-->
                            <label class="required fw-semibold fs-6 mb-2">Cabang</label>
                            <!--end::Label-->
                            <!--begin::Input-->
                            <select wire:model.defer="branch_id" name="branch_id" class="form-control form-control-solid mb-3 mb-lg-0">
                                <option value="">Pilih Cabang</option>
                                @foreach($cabang as $item)
                                    <option value="{{ $item->id }}">{{ $item->kode }} - {{ $item->name }}</option>
                                @endforeach
                            </select>
                            <!--end::Input-->
                            @error('branch_id')
                            <span class="text-danger">{{ $message }}</span> @enderror
                        </div>
                        <!--end::Input group-->
                        <!--begin::Input group-->
                        <div class="fv-row mb-7">
                            <!--begin::Label-->
                            <label class="required fw-semibold fs-6 mb-2">Debitur</label>
                            <!--end::Label-->
                            <!--begin::Input-->
                            <select wire:model.defer="debitur_id" name="debitur_id" class="form-control form-control-solid mb-3 mb-lg-0">
                                <option value="">Pilih Debitur</option>
                                @foreach($debitur as $item)
                                    <option value="{{ $item->id }}">{{ $item->kode }} - {{ $item->name }}</option>
                                @endforeach
                            </select>
                            <!--end::Input-->
                            @error('debitur_id')
                            <span class="text-danger">{{ $message }}</span> @enderror
                        </div>
                        <!--end::Input group-->
                        <!--begin::Input group-->
                        <div class="fv-row mb-7">
                            <!--begin::Label-->
                            <label class="required fw-semibold fs-6 mb-2">Produk</label>
                            <!--end::Label-->
                            <!--begin::Input-->
                            <select wire:model.defer="product_id" name="product_id" class="form-control form-control-solid mb-3 mb-lg-0">
                                <option value="">Pilih Produk</option>
                                @foreach($product as $item)
                                    <option value="{{ $item->id }}">{{ $item->kode }} - {{ $item->name }}</option>
                                @endforeach
                            </select>
                            <!--end::Input-->
                            @error('debitur_id')
                            <span class="text-danger">{{ $message }}</span> @enderror
                        </div>
                        <!--end::Input group-->
                        <!--begin::Input group-->
                        <div class="fv-row mb-7">
                            <!--begin::Label-->
                            <label class="required fw-semibold fs-6 mb-2">Mata Uang</label>
                            <!--end::Label-->
                            <!--begin::Input-->
                            <select wire:model.defer="currency_id" name="currency_id" class="form-control form-control-solid mb-3 mb-lg-0">
                                <option value="">Pilih Mata Uang</option>
                                @foreach($currency as $item)
                                    <option value="{{ $item->id }}">{{ $item->kode }} - {{ $item->name }}</option>
                                @endforeach
                            </select>
                            <!--end::Input-->
                            @error('currency_id')
                            <span class="text-danger">{{ $message }}</span> @enderror
                        </div>
                        <!--end::Input group-->
                        <!--begin::Input group-->
                        <div class="fv-row mb-7">
                            <!--begin::Label-->
                            <label class="required fw-semibold fs-6 mb-2">Tanggal Buka Rekening</label>
                            <!--end::Label-->
                            <!--begin::Input-->
                            <input type="date" wire:model.defer="registered_at" name="registered_at" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Tanggal Buka Rekekning"/>
                            <!--end::Input-->
                            @error('registered_at')
                            <span class="text-danger">{{ $message }}</span> @enderror
                        </div>
                        <!--end::Input group-->
                        <!--begin::Input group-->
                        <div class="fv-row mb-7">
                            <!--begin::Label-->
                            <label class="fw-semibold fs-6 mb-2">Limit Reff</label>
                            <!--end::Label-->
                            <!--begin::Input-->
                            <input type="text" wire:model.defer="limit_ref" name="limit_ref" class="form-control form-control-solid mb-3 mb-lg-0" placeholder="Limit Ref"/>
                            <!--end::Input-->
                            @error('limit_ref')
                            <span class="text-danger">{{ $message }}</span> @enderror
                        </div>
                        <!--end::Input group-->
                        <label class="fw-semibold fs-6 mb-2">Status Rekening</label>
                        <div class="form-check form-switch form-check-custom form-check-solid mb-5" style="display: block!important;">
                            <input class="form-check-input h-20px w-30px me-5" type="checkbox" wire:model.defer="status_rekening" id="status_rekening" name="status_rekening"/>
                            <label class="form-check-label" for="status_rekening">
                                Aktif
                            </label>
                            @error('status_rekening')
                            <span class="text-danger">{{ $message }}</span> @enderror
                        </div>

                        <label class="fw-semibold fs-6 mb-2">Status Data</label>
                        <div class="form-check form-switch form-check-custom form-check-solid" style="display: block!important;">
                            <input class="form-check-input h-20px w-30px me-5" type="checkbox" wire:model.defer="status" id="status" name="status"/>
                            <label class="form-check-label" for="status">
                                Aktif
                            </label>
                            @error('status')
                            <span class="text-danger">{{ $message }}</span> @enderror
                        </div>

                    </div>
                    <!--end::Scroll-->
                    <!--begin::Actions-->
                    <div class="text-center pt-15">
                        <button type="reset" class="btn btn-light me-3" data-bs-dismiss="modal" aria-label="Close" wire:loading.attr="disabled">Discard</button>
                        <button type="submit" class="btn btn-primary" data-kt-rekening-modal-action="submit">
                            <span class="indicator-label" wire:loading.remove>Submit</span>
                            <span class="indicator-progress" wire:loading wire:target="submit">
                                Please wait...
                                <span class="spinner-border spinner-border-sm align-middle ms-2"></span>
                            </span>
                        </button>
                    </div>
                    <!--end::Actions-->
                </form>
                <!--end::Form-->
            </div>
            <!--end::Modal body-->
        </div>
        <!--end::Modal content-->
    </div>
    <!--end::Modal dialog-->
</div>