<div>
    <!-- Modal -->
    <div wire:ignore.self class="modal fade " id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Item Not Found</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
                        wire:click="resetModal"></button>
                </div>
                <div class="modal-body">
                    <small class="text-danger d-block mt-1"> {{ $errMsg }}</small>

                    <div class="form-group">
                        <div class="form-group">
                            <label for="barcode">Item Code Bars</label>
                            <input type="text" wire:model.live="itemcodebars" id="itemcodebars" class="form-control">
                            @error('itemcodebars')
                                <small class="text-danger d-block mt-1"> {{ $message }}</small>
                            @enderror
                        </div>
                        <label for="code">Item Code</label>
                        <input type="text" wire:model.live="itemcode" id="itemcode" class="form-control">
                        @error('itemcode')
                            <small class="text-danger d-block mt-1"> {{ $message }}</small>
                        @enderror
                        <input class="mt-2" type="checkbox" wire:model.live="codeNull">
                        <label for="codeNull">Null Item Code</label>

                    </div>
                    <div class="form-group">
                        <label for="name">Item Name</label>
                        <input type="text" wire:model.live="itemname" id="itemname" class="form-control">
                        @error('itemname')
                            <small class="text-danger d-block mt-1"> {{ $message }}</small>
                        @enderror
                    </div>
                    <div class="form-group">
                        <label for="ItemPrice">Price</label>
                        <input type="text" wire:model.live="itemprice" id="itemprice" class="form-control">
                        @error('itemprice')
                            <small class="text-danger d-block mt-1"> {{ $message }}</small>
                        @enderror
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="button-custom-secondary" data-bs-dismiss="modal"
                        wire:click="resetModal">Close</button>
                    <button type="button" class="custom-button1" wire:click="{{ $actionButton }}"  @if($itemprice > 1000) @else disabled @endif>Save
                        changes</button>
                </div>
            </div>
        </div>
    </div>
</div>
