{{-- @if($serverstatus) --}}
    @if(\Illuminate\Support\Facades\Auth::user()->isAbleTo('store_purchase-read'))  {{--Permissions--}}
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content" wire:init="loadPosts">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-fluid">


            <!--begin::Card-->
            <div class="card card-flush" style="box-shadow: 0px 5px 10px #4f55da;">
                <!--begin::Card header-->
                <div class="container">
                    <div class="row pt-5">
                        <div class="col-lg-3 col-md-4 col-12">
                            <div class="fv-row mb-6">
                                <!--begin::Label-->
                                <label class="fs-6 fw-bold form-label mb-2">
                                    <span class="required">Barcode </span>
                                </label>
                                <!--end::Label-->
                                <!--begin::Input-->
                                <input class="form-control form-control-solid"
                                       placeholder="Enter barcode" name="barcode" wire:model.lazy="barcode"/>
                                <!--end::Input-->
                                @error('barcode') <span class="text-danger">{{ $message }}</span> @enderror
                                <!--end::Input-->
                            </div>
                            </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="fv-row mb-6">

                                <!--begin::Label-->
                                    <label class="fs-6 fw-bold form-label mb-2">
                                        <span class="required">Item Name</span>
                                    </label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <select class="form-control form-control-solid custominput"
                                            placeholder="Enter Item Name" name="item_id" wire:model.debounce.0ms="item_id">
                                        <option value="">Select Item</option>
                                        @foreach($itemnames as $itemname)
                                            <option value="{{$itemname['id']}}">{{$itemname['item_name']}}</option>
                                        @endforeach

                                    </select>
                                    <!--end::Input-->
                                    @error('item_id') <span class="text-danger">{{ $message }}</span> @enderror


                            </div>
                        </div>
                    </div>
                </div>

                <!--end::Card header-->
                <!--begin::Card body-->
                <div class="card-body pt-0" >
                    <!--begin::Table-->
                    <table class="table align-middle table-row-dashed text-start fs-8 gy-5 mb-0" id="kt_table">
                        <!--begin::Table head-->
                        <thead>
                        <!--begin::Table row-->
                        <tr class="text-start text-gray-400 fw-bolder fs-8 text-uppercase gs-0">
                             <th class="min-w-50px text-black p-2">Status</th>
                            <th class="min-w-100px text-black p-2">Invoice No</th>
                            <th class="min-w-100px text-black p-2">Invoice Date</th>
                            <th class="min-w-100px text-black p-2">Item</th>
                            <th class="min-w-100px text-black p-2">Brand</th>
                            <th class="min-w-100px text-black p-2">Dimension</th>
                            <th class="min-w-100px text-black p-2">Batch No</th>
                            <th class="min-w-100px text-black p-2">Available Qty</th>
                            <th class="text-end min-w-100px text-black p-2">Actions</th>
                        </tr>
                        <!--end::Table row-->
                        </thead>
                        <!--end::Table head-->
                        <!--begin::Table body-->
                        <tbody class="fw-bold text-gray-600">
                        @if(sizeof($itemarray)>0)
                            @foreach($itemarray as $tabledata)
                                <tr>
                                    <td class="p-2">
                                        @if($tabledata['status'])
                                            <span class="badge badge-success fs-7 m-1 text-white">Active</span>
                                        @else
                                            <span class="badge badge-secondary fs-7 m-1 text-gray-500">Inactive</span>
                                        @endif
                                    </td>
                                    <!--begin::Name=-->
                                    <td class="text-black p-2">{{$tabledata['getpurchase']['purchase_invoice_no']}}</td>
                                    <td class="text-black p-2">{{$tabledata['getpurchase']['purchase_invioce_date']}}</td>
                                    <td class="text-black p-2">{{$tabledata['item_name']}}</td>
                                    <td class="text-black p-2">{{$tabledata['brand_name']}}</td>
                                    <td class="text-black p-2">{{$tabledata['dimension_name']}}</td>
                                    <td class="text-black p-2">{{$tabledata['batch_no']}}</td>
                                    <td class="text-black p-2">{{$tabledata['balance_quantity']}}</td>
                                    <!--end::Name=-->

                                    <!--begin::Action=-->
                                    <td class="text-end p-2">
                                    @if(\Illuminate\Support\Facades\Auth::user()->isAbleTo('store_purchase-update'))
                                        <!--begin::Update-->
                                        <button class="btn btn-icon btn-active-light-info w-30px h-30px me-3"
                                                data-bs-toggle="modal" data-bs-target="#kt_modal_add_upadate" title="Edit/Update"
                                                wire:click="updateclick({{$tabledata['id']}})">
                                            <!--begin::Svg Icon | path: icons/duotune/general/gen019.svg-->
                                            <span class="svg-icon svg-icon-info svg-icon-2">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                            <path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M2 4.63158C2 3.1782 3.1782 2 4.63158 2H13.47C14.0155 2 14.278 2.66919 13.8778 3.04006L12.4556 4.35821C11.9009 4.87228 11.1726 5.15789 10.4163 5.15789H7.1579C6.05333 5.15789 5.15789 6.05333 5.15789 7.1579V16.8421C5.15789 17.9467 6.05333 18.8421 7.1579 18.8421H16.8421C17.9467 18.8421 18.8421 17.9467 18.8421 16.8421V13.7518C18.8421 12.927 19.1817 12.1387 19.7809 11.572L20.9878 10.4308C21.3703 10.0691 22 10.3403 22 10.8668V19.3684C22 20.8218 20.8218 22 19.3684 22H4.63158C3.1782 22 2 20.8218 2 19.3684V4.63158Z" fill="black"/>
                                            <path d="M10.9256 11.1882C10.5351 10.7977 10.5351 10.1645 10.9256 9.77397L18.0669 2.6327C18.8479 1.85165 20.1143 1.85165 20.8953 2.6327L21.3665 3.10391C22.1476 3.88496 22.1476 5.15129 21.3665 5.93234L14.2252 13.0736C13.8347 13.4641 13.2016 13.4641 12.811 13.0736L10.9256 11.1882Z" fill="black"/>
                                            <path d="M8.82343 12.0064L8.08852 14.3348C7.8655 15.0414 8.46151 15.7366 9.19388 15.6242L11.8974 15.2092C12.4642 15.1222 12.6916 14.4278 12.2861 14.0223L9.98595 11.7221C9.61452 11.3507 8.98154 11.5055 8.82343 12.0064Z" fill="black"/>
                                            </svg></span>
                                            <!--end::Svg Icon-->
                                        </button>
                                        <!--end::Update-->
                                        @endif
                                    </td>
                                    <!--end::Action=-->
                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td class="p-2 justify-content-center text-center " colspan="12"><h2 class="fs-2 text-danger">No Data Available</h2></td>
                            </tr>
                        @endif

                        </tbody>
                        <!--end::Table body-->

                    </table>
                    <!--end::Table-->
                    <div class="col-12 justify-content-end">

                    </div>
                </div>
                <!--end::Card body-->

            </div>
<div class="p-7">
    <p>Stock Adjustment Details</p>
</div>
            <div class="card card-flush" style="box-shadow: 0px 5px 10px #4f55da;">
                <div class="card-header mt-6">
                    <!--begin::Card title-->
                    <div class="card-title">
                        <!--begin::Search-->
                        <div class="d-flex align-items-center position-relative my-1 me-5">
                            <!--begin::Svg Icon | path: icons/duotune/general/gen021.svg-->
                            <span class="svg-icon svg-icon-1 position-absolute ms-6">
												<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                     viewBox="0 0 24 24" fill="none">
													<rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546"
                                                          height="2" rx="1" transform="rotate(45 17.0365 15.1223)"
                                                          fill="black"/>
													<path
                                                        d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z"
                                                        fill="black"/>
												</svg>
											</span>
                            <!--end::Svg Icon-->
                            <input type="text" data-kt-table-filter="search" wire:model="search"
                                   class="form-control form-control-solid w-500px ps-15"
                                   placeholder="Search ..." style="box-shadow: 0px 0px 2px #000!important; border-radius: 5px;"/>

                        </div>
                        <!--end::Search-->
                    </div>
                    <!--end::Card title-->

                </div>
                <!--begin::Card body-->
                <div class="card-body pt-0" >
                    <!--begin::Table-->
                    <table class="table align-middle table-row-dashed text-start fs-8 gy-5 mb-0" id="kt_table">
                        <!--begin::Table head-->
                        <thead>
                        <!--begin::Table row-->
                        <tr class="text-start text-gray-400 fw-bolder fs-8 text-uppercase gs-0">
                            <th class="min-w-50px text-black p-2">Status</th>
                            <th class="min-w-100px text-black p-2">Adjustment No</th>
                            <th class="min-w-100px text-black p-2">Adjustment Date</th>
                            <th class="min-w-100px text-black p-2">Type</th>
                            <th class="min-w-100px text-black p-2">Item</th>
                            <th class="min-w-100px text-black p-2">Brand</th>
                            <th class="min-w-100px text-black p-2">Dimension</th>
                            <th class="min-w-100px text-black p-2">Damaged Qty</th>

                        </tr>
                        <!--end::Table row-->
                        </thead>
                        <!--end::Table head-->
                        <!--begin::Table body-->
                        <tbody class="fw-bold text-gray-600">
                        @if(sizeof($datatables)>0)
                            @foreach($datatables as $tabledata)


                                <tr>
                                    <td class="p-2">
                                        @if($tabledata['status'])
                                            <span class="badge badge-success fs-9 m-1 text-white">Active</span>
                                        @else
                                            <span class="badge badge-secondary fs-9 m-1 text-gray-500">Inactive</span>
                                        @endif
                                    </td>
                                    <!--begin::Name=-->
                                    <td class="text-black p-2">{{$tabledata['adj_no']}}</td>
                                    <td class="text-black p-2">{{$tabledata['damagestock_date']}}</td>
                                    <td class="text-black p-2">{{$tabledata['adj_type']}}</td>
                                    <td class="text-black p-2">{{$tabledata['item_name']}}</td>
                                    <td class="text-black p-2">{{$tabledata['brand_name']}}</td>
                                    <td class="text-black p-2">{{$tabledata['dimension_name']}}</td>
                                    <td class="text-black p-2">{{$tabledata['damage_qty']}}</td>

                                    <!--end::Name=-->


                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td class="p-2 justify-content-center text-center " colspan="12"><h2 class="fs-2 text-danger">No Data Available</h2></td>
                            </tr>
                        @endif

                        </tbody>
                        <!--end::Table body-->

                    </table>
                    <!--end::Table-->
                    <div class="col-12 justify-content-end">
                        {{$datatables->links('livewire.pagination-livewire')}}
                    </div>
                </div>
                <!--end::Card body-->
            </div>
            <!--end::Card-->
            <!--begin::Modals-->
            <!--begin::Modal - Add permissions-->
            <div class="modal fade" id="kt_modal_add_upadate" tabindex="-1" aria-hidden="true" data-bs-backdrop="static" data-bs-keyboard="false" wire:ignore.self>
                <!--begin::Modal dialog-->
                <div class="modal-dialog modal-dialog-centered mw-550px">
                    <!--begin::Modal content-->
                    <div class="modal-content" style="border-radius: 10px;">
                        <!--begin::Modal header-->
                        <div class="modal-header">
                            <!--begin::Modal title-->
                            @if($modelid)
                                <h2 class="fw-bolder">Update Stock Adjustment</h2>
                            @else
                                <h2 class="fw-bolder">Add Stock Adjustment</h2>
                        @endif

                        <!--end::Modal title-->
                            <!--begin::Close-->
                            <div class="btn btn-icon btn-sm btn-active-icon-primary"
                                 data-kt-permissions-modal-action="close" onclick="popupmodal()" wire:click="resetvalid">
                                <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                                <span class="svg-icon svg-icon-1">
													<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                         viewBox="0 0 24 24" fill="none">
														<rect opacity="0.5" x="6" y="17.3137" width="16" height="2"
                                                              rx="1" transform="rotate(-45 6 17.3137)" fill="black"/>
														<rect x="7.41422" y="6" width="16" height="2" rx="1"
                                                              transform="rotate(45 7.41422 6)" fill="black"/>
													</svg>
												</span>
                                <!--end::Svg Icon-->
                            </div>
                            <!--end::Close-->
                        </div>
                        <!--end::Modal header-->
                        <!--begin::Modal body-->
                        <div class="modal-body scroll-y mx-5 mx-xl-15 my-7">
                            <!--begin::Form-->
                            <form id="kt_modal_add_permission_form" class="form" action="#">
                                <!--begin::Input group-->

                                <div class="row">

                                    <div class="col-md-12 fv-row mb-7">
                                        <!--begin::Label-->
                                        <label class="fs-6 fw-bold form-label mb-2">
                                            <span class="required">Adjust Quantity</span>

                                        </label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input class="form-control form-control-solid" onkeypress="return onlyNumberKey(event)"
                                               placeholder="Enter Adjust Quantity" name="damage_qty" wire:model.lazy="damage_qty"/>
                                        <!--end::Input-->
                                        @error('damage_qty') <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>

                                    <div class="fv-row mb-6 ">

                                        <!--begin::Label-->
                                        <label class="fs-6 fw-bold form-label mb-2">
                                            <span class="required">Adjustment Type</span>
                                        </label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <select class="form-control form-control-solid custominput"
                                                name="adj_type" wire:model.debounce.0ms="adj_type">
                                            <option value="">Select</option>
                                            <option value="Damage">Damage</option>
                                            <option value="Adjustment">Adjustment</option>


                                        </select>
                                        <!--end::Input-->
                                        @error('adj_type') <span class="text-danger">{{ $message }}</span> @enderror


                                    </div>

                                </div>
                                <div class="row">

                                    <div class="col-md-12 fv-row mb-7">
                                        <!--begin::Label-->
                                        <label class="fs-6 fw-bold form-label mb-2">
                                            <span class="required">Reason</span>

                                        </label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input class="form-control form-control-solid"
                                               placeholder="Enter Reason" name="remark" wire:model.lazy="remark"/>
                                        <!--end::Input-->
                                        @error('remark') <span class="text-danger">{{ $message }}</span> @enderror
                                    </div>



                                </div>


                            <!--end::Input group-->
                                <!--begin::Actions-->
                                <div class="text-center pt-15">
                                    <button type="reset" class="btn btn-light me-3"
                                            data-kt-permissions-modal-action="cancel" onclick="popupmodal()"
                                            wire:click="resetvalid">Discard
                                    </button>

                                        <button type="button" wire:click="submit" class="btn btn-info">
                                            <span class="indicator-label">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>
            <!--end::Modal - Add permissions-->

            <!--end::Modals-->


        </div>
        <!--end::Container-->
    </div>
@else
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-fluid">
            <div class="card card-flush">
                <div class="card-body">
                    <h1 class=" text-center text-bold" style="font-size: 25px; font-weight: bold; color: red;">Sorry !!! Unauthorized Access.</h1>
                </div>
            </div>
        </div>
    </div>
@endif
@else
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-fluid">
            <div class="card card-flush">
                <div class="card-body">
                    <h1 class=" text-center text-bold" style="font-size: 25px; font-weight: bold; color: red;">Sorry !!! Service Is Not Available.</h1>
                </div>
            </div>
        </div>
    </div>
@endif

@section('externaljs')

    <script>
        function popupmodal() {
            Swal.fire({
                text: "Are you sure you would like to close?",
                icon: "warning",
                showCancelButton: !0,
                buttonsStyling: !1,
                confirmButtonText: "Yes, close it!",
                cancelButtonText: "No, return",
                customClass: {
                    confirmButton: "btn btn-info",
                    cancelButton: "btn btn-active-light"
                }
            }).then((function (result) {

                if (result.isConfirmed) {
                    closemodal();
                } else if (
                    /* Read more about handling dismissals below */
                    result.dismiss === Swal.DismissReason.cancel
                ) {
                    swalWithBootstrapButtons.fire(
                        'Cancelled',
                        'Your imaginary file is safe :)',
                        'error'
                    )
                }


            }))
        }

        function showsuccessmsg($msg) {
            Swal.fire({
                text: $msg,
                icon: "success",
                buttonsStyling: false,
                confirmButtonText: "Ok, got it!",
                customClass: {
                    confirmButton: "btn btn-success"
                }
            });
        }

        function showerrorsmsg($msg) {
            Swal.fire({
                text: $msg,
                icon: "error",
                buttonsStyling: false,
                confirmButtonText: "Ok, got it!",
                customClass: {
                    confirmButton: "btn btn-danger"
                }
            });
        }

        function closemodal() {
            $('.modal').modal('hide');
        }
        window.addEventListener('closemodal', event => {
            closemodal();
        });

        window.addEventListener('showsuccessmsg', event => {
            if(event.detail.type =="success"){
                showsuccessmsg(event.detail.message);
            }else{
                showerrorsmsg(event.detail.message);
            }
            //showsuccessmsg();
        });


    </script>
@endsection