{{-- @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">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-fluid">

                    <div class="row p-4">
                        <div class="col-md-4 fv-row mb-7">
                            <div class="row">
                                <div class="col-md-8">
                                    <label class="fs-6 fw-bold form-label mb-2">
                                        <span class="required">Invoice No.</span>

                                    </label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input class="form-control form-control-solid custominput "
                                           placeholder="Enter Invoice No." name="purchase_invoice_no" wire:model.debounce.0ms="purchase_invoice_no"/>
                                    <!--end::Input-->
                                    @error('purchase_invoice_no') <span class="text-danger">{{ $message }}</span> @enderror
                                </div>
                                <div class="col-md-4 py-6">
                                    <a href="javascript:void(0)" wire:click="showinvoicedetails" class="btn btn-info btn-hover-scale me-5 mt-1">Show</a>
                                </div>
                                <div class="col-md-12 px-4">
                                    @if($purchase_invoice_no)
                                    <a href="javascript:void(0)" data-bs-toggle="modal" data-bs-target="#kt_modal_add" wire:click="addmoretoinvoice" class="btn btn-primary btn-hover-scale me-5 mt-1 w-full">Add / Modify Items</a>
                                    @endif
                                </div>
                            </div>
                            <!--begin::Label-->


                        </div>
                        <div class="col-md-8 fv-row mb-7">
                            @if(sizeof($invoicedetailsarray)>0)
                            <div class="row p-4" style="border-radius: 10px; border: #1a1a1a solid 2px;">
                                <div class="col-md-6">
                                    <p class="fs-6 font-bold">Invoice No : {{$invoicedetailsarray['purchase_invoice_no']}}</p>
                                    <p class="fs-6 font-bold">Invoice Date : {{\Carbon\Carbon::parse($invoicedetailsarray['purchase_invioce_date'])->format('d M, Y')}}</p>
                                    <p class="fs-6 font-bold">Supplier Name : {{$invoicedetailsarray['supplier_name']}}</p>
                                    <p class="fs-6 font-bold">GST Type : {{$invoicedetailsarray['gst_type']}}</p>
                                </div>
                                <div class="col-md-6">
                                    <p class="fs-6 font-bold">Gross Amount : ₹{{$invoicedetailsarray['gross_amount']}}</p>
                                    <p class="fs-6 font-bold">Discount Amount : ₹{{$invoicedetailsarray['discount_amount']}}</p>
                                    <p class="fs-6 font-bold">Tax Amount : ₹{{$invoicedetailsarray['tax_amount']}}</p>
                                    <p class="fs-6 font-bold">Net Amount : ₹{{$invoicedetailsarray['net_amount']}}</p>
                                </div>
                            </div>
                            @endif

                        </div>
                    </div>


            <!--begin::Card-->
            <div class="card card-flush mt-5" style="box-shadow: 0px 5px 5px #1a1a1a;">


                <!--begin::Card body-->
                <div class="card-body pt-10 overflow-scroll" >
                    <!--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">Actions</th>
                            <th class="min-w-50px text-black p-2">Status</th>
                            <th class="min-w-125px text-black p-2">Item</th>
                            <th class="min-w-50px text-black p-2">Qty</th>
                            <th class="min-w-50px text-black p-2">MRP</th>
                           {{-- <th class="min-w-50px text-black p-2">PTR</th>--}}
                            <th class="min-w-50px text-black p-2">PTR</th>
                            <th class="min-w-50px text-black p-2">Total Amount</th>
                            <th class="min-w-50px text-black p-2">Discount Rate</th>
                            <th class="min-w-50px text-black p-2">Discount Amount</th>
                            <th class="min-w-50px text-black p-2">GST Rate</th>
                            <th class="min-w-50px text-black p-2">IGST Rate</th>
                            <th class="min-w-50px text-black p-2">Tax Amount</th>
                            <th class="min-w-50px text-black p-2">Net Amount</th>
                            <th class="min-w-125px text-black p-2">Barcode</th>

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


                                <tr>
                                    <!--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-6">
                                                <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=-->
                                    <td class="p-2">
                                        @if($tabledata['status'])
                                            <span class="badge badge-success  m-1 text-white" style="font-size: 10px;">Active</span>
                                        @else
                                            <span class="badge badge-secondary  m-1 text-gray-500" style="font-size: 10px;">Inactive</span>
                                        @endif
                                    </td>

                                    <!--begin::Name=-->

                                    <td class="text-black p-1">{{$tabledata['item_info']['item_name']}}</td>
                                    <td class="text-black text-end p-1">{{$tabledata['quantity']}}</td>
                                    <td class="text-black text-end p-1">₹{{$tabledata['purchase_mrp']}}</td>
                                  {{--  <td class="text-black p-1">₹{{$tabledata['ptr_amount']}}</td>--}}
                                    <td class="text-black text-end p-1">₹{{$tabledata['unit_price']}}</td>
                                    <td class="text-black text-end p-1">₹{{$tabledata['total_amount']}}</td>
                                    <td class="text-black text-end p-1">{{$tabledata['discount_rate']}}</td>
                                    <td class="text-black text-end p-1">₹{{$tabledata['discount_amount']}}</td>
                                    <td class="text-black text-end p-1">{{$tabledata['cgst_rate'] + $tabledata['sgst_rate']}}</td>
                                    <td class="text-black text-end p-1">
                                        @if($tabledata['igst_rate'])
                                            {{$tabledata['igst_rate']}}
                                            @else
                                            ₹0.00
                                            @endif
                                        </td>
                                    <td class="text-black text-end p-1">
                                        @if($tabledata['igst_amount'] != "0.00")
                                            ₹{{$tabledata['igst_amount']}}
                                            @else
                                            ₹{{$tabledata['gst_amount']}}
                                            @endif

                                    </td>
                                    <td class="text-black text-end p-1">₹{{$tabledata['net_amount']}}</td>
                                    <td class="text-black p-1">{{$tabledata['bar_code']}}</td>


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


                                </tr>
                            @endforeach
                        @else
                            <tr>
                                <td class="p-1 justify-content-center text-center" colspan="16"><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">
                        @if(sizeof($datatables)>0)
                        {{$datatables->links('livewire.pagination-livewire')}}
                            @endif
                    </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 modal-fullscreen p-9">
                    <!--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">Purchase Amendment</h2>
                            @else
                                <h2 class="fw-bolder">Add A Purchase Amendment</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">

                            <div class="row">
                                <div class="col-md-4 p-4">
                                    <div class="row">
                                        <div class="col-md-12 fv-row mb-5">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-bold form-label mb-2">
                                                <span class="required">Item Name</span>

                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid custominput"
                                                   name="item_name" wire:model.lazy="item_name" list="items" />

                                            <datalist id="items">
                                                @foreach($items as $item)
                                                    <option value="{{$item['item_name']}}">
                                                @endforeach

                                            </datalist>

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

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

                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control  custominput"
                                                   name="item_hsn_code" wire:model.lazy="item_hsn_code" readonly  />
                                            <!--end::Input-->
                                            @error('item_hsn_code') <span class="text-danger">{{ $message }}</span> @enderror

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

                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <select class="form-control form-control-solid custominput form-select"
                                                    name="dimension_id" wire:model="dimension_id">
                                                <option value="">Select </option>
                                                @foreach($dimensions as $dimension)
                                                    <option value="{{$dimension['id']}}">{{$dimension['dimension_name']}}</option>
                                                @endforeach

                                            </select>

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

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

                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <select class="form-control form-control-solid custominput form-select"
                                                    name="brand_id" wire:model="brand_id">
                                                <option value="">Select </option>
                                                @foreach($brands as $brand)
                                                    <option value="{{$brand['id']}}">{{$brand['brand_name']}}</option>
                                                @endforeach

                                            </select>

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


                                        @if($gst_type=='Yes')
                                            <div class="col-md-12 fv-row mb-5">
                                                <!--begin::Label-->
                                                <label class="fs-6 fw-bold form-label mb-2">
                                                    <span class="required">GST Rate (%)</span>

                                                </label>
                                                <!--end::Label-->
                                                <!--begin::Input-->
                                                <select class="form-control form-control-solid custominput form-select"
                                                        name="gst_rate" wire:model="gst_rate">
                                                    <option value="">Select </option>
                                                    <option value="5">5 %</option>
                                                    <option value="12">12 %</option>
                                                    <option value="18">18 %</option>

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

                                    </div>
                                </div>
                                <div class="col-md-4 p-4 border-left-2">
                                    <div class="row">

                                        <div class="col-md-6 fv-row mb-5">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-bold form-label mb-2">
                                                <span class="required">Quantity</span>
                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                   name="quantity" wire:model="quantity"  />
                                            <!--end::Input-->
                                            @error('quantity') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>

                                        <div class="col-md-6 fv-row mb-5">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-bold form-label mb-2">
                                                <span class="required">Unit Price</span>
                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                   name="unit_price" wire:model="unit_price"  />
                                            <!--end::Input-->
                                            @error('unit_price') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>

                                        <div class="col-md-12 fv-row mb-5">

                                            <!--begin::Label-->
                                            <label class="fs-6 fw-bold form-label mb-2">
                                                <span class="required">Amount</span>
                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control  custominput" onkeypress="return onlyNumberKey(event)"
                                                   name="amount" wire:model="amount" readonly  />
                                            <!--end::Input-->
                                            @error('amount') <span class="text-danger">{{ $message }}</span> @enderror

                                        </div>
                                        <div class="col-md-6 fv-row mb-5">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-bold form-label mb-2">
                                                <span class="required">Discount Rate (%)</span>
                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                   name="discount_rate" wire:model.lazy="discount_rate"  />
                                            <!--end::Input-->
                                            @error('discount_rate') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>

                                        <div class="col-md-6 fv-row mb-5">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-bold form-label mb-2">
                                                <span class="required">Discount Amount</span>
                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                   name="disc_amount" wire:model="disc_amount"  />
                                            <!--end::Input-->
                                            @error('disc_amount') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>

                                        <div class="col-md-12 fv-row mb-5">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-bold form-label mb-2">
                                                <span class="required">Total Amount</span>
                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control custominput" onkeypress="return onlyNumberKey(event)"
                                                   name="total_amt" wire:model="total_amt" readonly  />
                                            <!--end::Input-->
                                            @error('total_amt') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>

                                        <div class="col-md-6 fv-row mb-5">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-bold form-label mb-2">
                                                <span class="required">Tax Amount</span>
                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control  custominput" onkeypress="return onlyNumberKey(event)"
                                                   name="tax_amt" wire:model="tax_amt" readonly  />
                                            <!--end::Input-->
                                            @error('tax_amt') <span class="text-danger">{{ $message }}</span> @enderror

                                        </div>

                                        <div class="col-md-6 fv-row mb-5">

                                            <!--begin::Label-->
                                                <label class="fs-6 fw-bold form-label mb-2">
                                                    <span class="required">Final Amount</span>
                                                </label>
                                                <!--end::Label-->
                                                <!--begin::Input-->
                                                <input type="text" class="form-control  custominput" onkeypress="return onlyNumberKey(event)"
                                                       name="final_amount" wire:model="final_amount" readonly  />
                                                <!--end::Input-->
                                                @error('final_amount') <span class="text-danger">{{ $message }}</span> @enderror

                                        </div>

                                    </div>
                                </div>
                                <div class="col-md-4 p-4  border-left-2">
                                    <div class="row">
                                        <div class="col-md-12 fv-row mb-5">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-bold form-label mb-2">
                                                <span class="required">MFG Date</span>
                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="date" class="form-control form-control-solid custominput"
                                                   name="mfg_date" id="mfg_date" wire:model.lazy="mfg_date"  />
                                            <!--end::Input-->
                                            @error('mfg_date') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>

                                        <div class="col-md-12 fv-row mb-5">
                                        @if($mfg_date)
                                            <!--begin::Label-->
                                                <label class="fs-6 fw-bold form-label mb-2">
                                                    <span class="required">Best Before (In Months)</span>
                                                </label>
                                                <!--end::Label-->
                                                <!--begin::Input-->
                                                <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                       name="bestbefore" id="bestbefore" wire:model.lazy="bestbefore"  />
                                                <!--end::Input-->
                                                @error('bestbefore') <span class="text-danger">{{ $message }}</span> @enderror
                                            @endif
                                        </div>

                                        <div class="col-md-12 fv-row mb-5">
                                        @if($expiry_date)
                                            <!--begin::Label-->
                                                <label class="fs-6 fw-bold form-label mb-2">
                                                    <span class="required">Expiry Date</span>
                                                </label>
                                                <!--end::Label-->
                                                <!--begin::Input-->
                                                <input type="date" class="form-control  custominput"
                                                       name="expiry_date" id="expiry_date"  wire:model="expiry_date" readonly  />
                                                <!--end::Input-->
                                                @error('expiry_date') <span class="text-danger">{{ $message }}</span> @enderror
                                            @endif
                                        </div>

                                        <div class="col-md-6 fv-row mb-5">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-bold form-label mb-2">
                                                <span class="required">Batch No.</span>
                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid custominput"
                                                   name="batch_no" wire:model.lazy="batch_no"  />
                                            <!--end::Input-->
                                            @error('batch_no') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>

                                        <div class="col-md-6 fv-row mb-5">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-bold form-label mb-2">
                                                <span class="required">MRP</span>
                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                   name="purchase_mrp" wire:model.lazy="purchase_mrp"  />
                                            <!--end::Input-->
                                            @error('purchase_mrp') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>

                                        <div class="col-md-12 fv-row mb-5">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-bold form-label mb-2">
                                                <span class="required">Bar Code</span>
                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                   name="bar_code" wire:model.lazy="bar_code"  />
                                            <!--end::Input-->
                                            @error('bar_code') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>


                                    </div>
                                </div>
                            </div>
                            <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="update" class="btn btn-info">
                                    <span class="indicator-label">Update</span>
                                    <span class="indicator-progress" wire:loading wire:target="update">Please wait...
														<span
                                                            class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                </button>
                            </div>


                        </div>
                        <!--end::Modal body-->
                    </div>
                    <!--end::Modal content-->
                </div>
                <!--end::Modal dialog-->
            </div>--}}
            <!--end::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 modal-fullscreen p-9">
                    <!--begin::Modal content-->
                    <div class="modal-content" style="border-radius: 10px;">
                        <!--begin::Modal header-->
                        <div class="modal-header">
                            <!--begin::Modal title-->
                            <h2 class="fw-bolder">Purchase Amendment</h2>

                        <!--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">
                            <div class="row">
                                <div class="col-md-12">

                                    <div class="row">
                                        <div class="col-12 mb-5">
                                            <h2 class="fs-4 fw-bold">Fill Purchase Item Informations</h2>
                                            <hr/>
                                        </div>
                                        <div class="col-md-6 p-4">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <table class="table table-bordered">
                                                        <tbody>
                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Item Name</span>

                                                                </label>
                                                            </td>
                                                            <td>
                                                                <input type="text" class="form-control form-control-solid custominput"
                                                                       name="item_name" wire:model.defer="item_name" list="items" autocomplete="off" />

                                                                <datalist id="items">
                                                                    @foreach($items as $item)
                                                                        <option wire:key="item-{{ $item['id'] }}" value="{{$item['item_name']}}">
                                                                    @endforeach

                                                                </datalist>

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

                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Dimensions</span>

                                                                </label>
                                                            </td>
                                                            <td>
                                                                <select class="form-control form-control-solid custominput form-select"
                                                                        name="dimension_id" wire:model.defer="dimension_id">
                                                                    <option value="">Select </option>
                                                                    @foreach($dimensions as $dimension)
                                                                        <option wire:key="dimen-{{ $dimension['id'] }}" value="{{$dimension['id']}}">{{$dimension['dimension_name']}}</option>
                                                                    @endforeach

                                                                </select>

                                                                @error('dimension_id') <span class="text-danger">{{ $message }}</span> @enderror
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Brands</span>

                                                                </label>
                                                            </td>
                                                            <td>
                                                                <select class="form-control form-control-solid custominput form-select"
                                                                        name="brand_id" wire:model.defer="brand_id">
                                                                    <option value="">Select </option>
                                                                    @foreach($brands as $brand)
                                                                        <option wire:key="brand-{{ $brand['id'] }}" value="{{$brand['id']}}">{{$brand['brand_name']}}</option>
                                                                    @endforeach

                                                                </select>
                                                                @error('brand_id') <span class="text-danger">{{ $message }}</span> @enderror
                                                            </td>
                                                        </tr>
                                                        @if($gst_type=='Yes')
                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span class="required">GST Rate (%)</span>

                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <select class="form-control form-control-solid custominput form-select"
                                                                            name="gst_rate" wire:model.defer="gst_rate">
                                                                        <option value="">Select </option>
                                                                        <option value="0">0 %</option>
                                                                        <option value="5">5 %</option>
                                                                        <option value="12">12 %</option>
                                                                        <option value="18">18 %</option>

                                                                    </select>

                                                                    @error('gst_rate') <span class="text-danger">{{ $message }}</span> @enderror
                                                                </td>
                                                            </tr>
                                                        @endif

                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Quantity</span>
                                                                </label>
                                                            </td>
                                                            <td>
                                                                <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                       name="quantity" wire:model.defer="quantity"  />
                                                                @error('quantity') <span class="text-danger">{{ $message }}</span> @enderror
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="">Free Quantity</span>
                                                                </label>
                                                            </td>
                                                            <td>
                                                                <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                       name="free_quantity" wire:model.defer="free_quantity"  />
                                                                @error('free_quantity') <span class="text-danger">{{ $message }}</span> @enderror
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">PTR</span>
                                                                </label>
                                                            </td>
                                                            <td>
                                                                <input type="number" class="form-control form-control-solid custominput"
                                                                       name="unit_price" wire:model.defer="unit_price"  />
                                                                @error('unit_price') <span class="text-danger">{{ $message }}</span> @enderror
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">MRP</span>
                                                                </label>
                                                            </td>
                                                            <td>
                                                                <input type="number" class="form-control form-control-solid custominput"
                                                                       name="purchase_mrp" wire:model.defer="purchase_mrp"  />
                                                                @error('purchase_mrp') <span class="text-danger">{{ $message }}</span> @enderror
                                                            </td>
                                                        </tr>

                                                        </tbody>
                                                    </table>
                                                </div>

                                            </div>
                                        </div>
                                        <div class="col-md-6 p-4">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <table class="table table-bordered">
                                                        <tbody>


                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span>Discount 1</span>
                                                                </label>
                                                            </td>
                                                            <td>
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <select class="form-control form-control-solid custominput form-select"
                                                                                name="gst_rate" wire:model.defer="discount1_type">
                                                                            <option value="">Select </option>
                                                                            <option value="1">Discount Rate</option>
                                                                            <option value="2">Discount Amount</option>
                                                                        </select>

                                                                        @error('discount1_type') <span class="text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6">
                                                                        <input type="number" class="form-control form-control-solid custominput"
                                                                               name="discount1_value" wire:model.defer="discount1_value"  />
                                                                        @error('discount1_value') <span class="text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                </div>

                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span>Discount 2</span>
                                                                </label>
                                                            </td>
                                                            <td>
                                                                <div class="row">
                                                                    <div class="col-md-6">
                                                                        <select class="form-control form-control-solid custominput form-select"
                                                                                name="gst_rate" wire:model.defer="discount2_type">
                                                                            <option value="">Select </option>
                                                                            <option value="1">Discount Rate</option>
                                                                            <option value="2">Discount Amount</option>
                                                                        </select>

                                                                        @error('discount2_type') <span class="text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                    <div class="col-md-6">
                                                                        <input type="number" class="form-control form-control-solid custominput"
                                                                               name="discount2_value" wire:model.defer="discount2_value"  />
                                                                        @error('discount2_value') <span class="text-danger">{{ $message }}</span> @enderror
                                                                    </div>
                                                                </div>

                                                            </td>
                                                        </tr>



                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">MFG Date</span>
                                                                </label>
                                                            </td>
                                                            <td>
                                                                <input type="date" class="form-control form-control-solid custominput"
                                                                       name="mfg_date" id="mfg_date" wire:model.defer="mfg_date"  />

                                                                @error('mfg_date') <span class="text-danger">{{ $message }}</span> @enderror
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Expiry Date</span>
                                                                </label>
                                                            </td>
                                                            <td>
                                                                <input type="date" class="form-control form-control-solid custominput"
                                                                       name="expiry_date" id="expiry_date"  wire:model.defer="expiry_date"  />

                                                                @error('expiry_date') <span class="text-danger">{{ $message }}</span> @enderror
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Batch No.</span>
                                                                </label>
                                                            </td>
                                                            <td>
                                                                <input type="text" class="form-control form-control-solid custominput"
                                                                       name="batch_no" wire:model.defer="batch_no"  />
                                                                @error('batch_no') <span class="text-danger">{{ $message }}</span> @enderror
                                                            </td>
                                                        </tr>



                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Minimum Quantity To Buy</span>
                                                                </label>
                                                            </td>
                                                            <td>
                                                                <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                       name="minimum_quantity" wire:model.defer="minimum_quantity"  />

                                                                @error('minimum_quantity') <span class="text-danger">{{ $message }}</span> @enderror
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <td>
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span>Bar Code</span>
                                                                </label>
                                                            </td>
                                                            <td>
                                                                <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                       name="bar_code" wire:model.defer="bar_code"  />
                                                                <!--end::Input-->
                                                                @error('bar_code') <span class="text-danger">{{ $message }}</span> @enderror
                                                                @if($gst_type =="No" && $item_id !="" && $dimension_id !="" && $purchase_mrp !="")
                                                                    <br/>
                                                                    <button type="button" class="btn btn-warning w-full text-white" wire:click="generatebarcode">Generate Barcode</button>
                                                                @endif
                                                            </td>
                                                        </tr>


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


                                                <div class="col-md-12 d-inline-flex" style="padding: 5px 5px 5px 245px;">
                                                    {{-- @if($item_id !=null && $brand_id!=null && $dimension_id !=null && $quantity !=null && $unit_price !=null && $final_amount !=null && $purchase_mrp !=null && $batch_no !=null && $mfg_date !=null && $expiry_date !=null )--}}
                                                    <button type="button" class="btn btn-secondary btn-block w-200px" wire:click="clearpurchaseitem">Clear </button> &nbsp;&nbsp;
                                                    <button type="button"  class="btn btn-info btn-block w-200px" wire:click="update">Update </button>
                                                    {{--@endif--}}

                                                </div>


                                            </div>
                                        </div>

                                    </div>

                                </div>
                            </div>
                            <!--end::Modal body-->
                        </div>
                        <!--end::Modal content-->
                    </div>
                    <!--end::Modal dialog-->
                </div>
                <!--end::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 modal-fullscreen p-9">
                    <!--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">Purchase Amendment</h2>
                            @else
                                <h2 class="fw-bolder">New Purchase</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::Stepper-->
                            <div class="stepper stepper-pills stepper-column d-flex flex-column flex-xl-row flex-row-fluid"
                                 id="kt_modal_create_client_stepper">
                                <!--begin::Aside-->
                                <div
                                    class="d-flex justify-content-center justify-content-xl-start flex-row-auto w-100 w-xl-225px">
                                    <!--begin::Nav-->
                                    <div class="stepper-nav ps-lg-10" >
                                        <!--begin::Step 1-->
                                        <div class="stepper-item  @if($viewpage == 1) current @elseif($viewpage > 1) completed @endif" data-kt-stepper-element="nav">
                                            <!--begin::Line-->
                                            <div class="stepper-line w-40px"></div>
                                            <!--end::Line-->
                                            <!--begin::Icon-->
                                            <div class="stepper-icon w-40px h-40px">
                                                <i class="stepper-check fas fa-check"></i>
                                                <span class="stepper-number">1</span>
                                            </div>
                                            <!--end::Icon-->
                                            <!--begin::Label-->
                                            <div class="stepper-label">
                                                <h3 class="stepper-title fs-6">GST Type</h3>
                                                <div class="stepper-desc fs-7">Choose GST Type</div>
                                            </div>
                                            <!--end::Label-->
                                        </div>
                                        <!--end::Step 1-->
                                        <!--begin::Step 2-->
                                        <div class="stepper-item @if($viewpage == 2) current @elseif($viewpage > 2) completed @endif"  data-kt-stepper-element="nav">
                                            <!--begin::Line-->
                                            <div class="stepper-line w-40px"></div>
                                            <!--end::Line-->
                                            <!--begin::Icon-->
                                            <div class="stepper-icon w-40px h-40px">
                                                <i class="stepper-check fas fa-check"></i>
                                                <span class="stepper-number">2</span>
                                            </div>
                                            <!--begin::Icon-->
                                            <!--begin::Label-->
                                            <div class="stepper-label">
                                                <h3 class="stepper-title fs-6">Supplier Information</h3>
                                                <div class="stepper-desc fs-7">Fill Supplier Informations</div>
                                            </div>
                                            <!--begin::Label-->
                                        </div>
                                        <!--end::Step 2-->
                                        <!--begin::Step 4-->
                                        <div class="stepper-item @if($viewpage == 3) current @elseif($viewpage > 3) completed @endif"  data-kt-stepper-element="nav">
                                            <!--begin::Line-->
                                            <div class="stepper-line w-40px"></div>
                                            <!--end::Line-->
                                            <!--begin::Icon-->
                                            <div class="stepper-icon w-40px h-40px">
                                                <i class="stepper-check fas fa-check"></i>
                                                <span class="stepper-number">3</span>
                                            </div>
                                            <!--end::Icon-->
                                            <!--begin::Label-->
                                            <div class="stepper-label">
                                                <h3 class="stepper-title fs-6">Purchase Informations</h3>
                                                <div class="stepper-desc fs-7">Fill Purchase Informations</div>
                                            </div>
                                            <!--end::Label-->
                                        </div>
                                        <!--end::Step 4-->
                                        <!--begin::Step 5-->
                                        <div class="stepper-item @if($viewpage == 4) current @elseif($viewpage > 4) completed @endif"  data-kt-stepper-element="nav">
                                            <!--begin::Line-->
                                            <div class="stepper-line w-40px"></div>
                                            <!--end::Line-->
                                            <!--begin::Icon-->
                                            <div class="stepper-icon w-40px h-40px">
                                                <i class="stepper-check fas fa-check"></i>
                                                <span class="stepper-number">4</span>
                                            </div>
                                            <!--end::Icon-->
                                            <!--begin::Label-->
                                            <div class="stepper-label">
                                                <h3 class="stepper-title fs-6">Completed</h3>
                                                <div class="stepper-desc fs-7">Review and Submit</div>
                                            </div>
                                            <!--end::Label-->
                                        </div>
                                        <!--end::Step 5-->
                                    </div>
                                    <!--end::Nav-->
                                </div>
                                <!--begin::Aside-->
                                <!--begin::Content-->
                                <div class="flex-row-fluid py-lg-5 px-lg-15">
                                    <!--begin::Form-->

                                    <form class="form" novalidate="novalidate" id="kt_modal_create_client_form">
                                        <!--begin::Step 1-->
                                        <div  @if($viewpage == 1) class="current" @endif data-kt-stepper-element="content">
                                            <div class="w-100">
                                                <!--begin::Heading-->
                                                <div class="pb-10 pb-lg-15">
                                                    <!--begin::Title-->
                                                    <h2 class="fw-bolder d-flex align-items-center text-dark"
                                                        style="font-size: 20px;">Choose GST Type
                                                    </h2>
                                                    <!--end::Title-->
                                                    <!--begin::Notice-->
                                                    <div class="text-muted fw-bold fs-6">
                                                        GST Type Information
                                                    </div>
                                                    <!--end::Notice-->
                                                </div>
                                                <!--end::Heading-->
                                                <!--begin::Input group-->
                                                <div class="fv-row fv-plugins-icon-container fv-plugins-bootstrap5-row-valid">
                                                    <!--begin::Row-->
                                                    <div class="row">

                                                        <!--begin::Col-->

                                                    </div>
                                                    <div class="row mt-10">

                                                        <!--begin::Col-->
                                                        <div class="col-lg-6">
                                                            <!--begin::Option-->
                                                            <input type="radio" class="btn-check" name="client_type"
                                                                   value="Yes" wire:model.defer="gst_type"
                                                                   id="kt_client_type_lead">
                                                            <label
                                                                class="btn btn-outline btn-outline-dashed btn-outline-default p-7 d-flex align-items-center mb-10"
                                                                for="kt_client_type_lead">
                                                                <!--begin::Svg Icon | path: icons/duotune/communication/com005.svg-->
                                                                <span class="svg-icon svg-icon-3x me-5">
                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                              height="24" viewBox="0 0 24 24" fill="none">
                                                             <path
                                                                 d="M20 14H18V10H20C20.6 10 21 10.4 21 11V13C21 13.6 20.6 14 20 14ZM21 19V17C21 16.4 20.6 16 20 16H18V20H20C20.6 20 21 19.6 21 19ZM21 7V5C21 4.4 20.6 4 20 4H18V8H20C20.6 8 21 7.6 21 7Z"
                                                                 fill="black"></path>
                                                             <path opacity="0.3"
                                                                   d="M17 22H3C2.4 22 2 21.6 2 21V3C2 2.4 2.4 2 3 2H17C17.6 2 18 2.4 18 3V21C18 21.6 17.6 22 17 22ZM10 7C8.9 7 8 7.9 8 9C8 10.1 8.9 11 10 11C11.1 11 12 10.1 12 9C12 7.9 11.1 7 10 7ZM13.3 16C14 16 14.5 15.3 14.3 14.7C13.7 13.2 12 12 10.1 12C8.10001 12 6.49999 13.1 5.89999 14.7C5.59999 15.3 6.19999 16 7.39999 16H13.3Z"
                                                                   fill="black"></path>
                                                         </svg>
                                                     </span>
                                                                <!--end::Svg Icon-->
                                                                <!--begin::Info-->
                                                                <span class="d-block fw-bold text-start">
                                                         <span class="text-dark fw-bolder d-block fs-4 mb-2">Purchase With GST</span>
                                                         <span
                                                             class="text-muted fw-bold fs-6">Those who have GST bill</span>
                                                     </span>
                                                                <!--end::Info-->
                                                            </label>
                                                            <!--end::Option-->
                                                            <div
                                                                class="fv-plugins-message-container invalid-feedback"></div>
                                                        </div>
                                                        <!--end::Col-->
                                                        <!--begin::Col-->
                                                        <div class="col-lg-6">
                                                            <!--begin::Option-->
                                                            <input type="radio" class="btn-check" name="client_type"
                                                                   value="No" wire:model.defer="gst_type"
                                                                   id="kt_client_type_direct">
                                                            <label
                                                                class="btn btn-outline btn-outline-dashed btn-outline-default p-7 d-flex align-items-center"
                                                                for="kt_client_type_direct">
                                                                <!--begin::Svg Icon | path: icons/duotune/finance/fin006.svg-->
                                                                <span class="svg-icon svg-icon-3x me-5">
                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                              height="24" viewBox="0 0 24 24" fill="none">
                                                             <path opacity="0.3"
                                                                   d="M20 15H4C2.9 15 2 14.1 2 13V7C2 6.4 2.4 6 3 6H21C21.6 6 22 6.4 22 7V13C22 14.1 21.1 15 20 15ZM13 12H11C10.5 12 10 12.4 10 13V16C10 16.5 10.4 17 11 17H13C13.6 17 14 16.6 14 16V13C14 12.4 13.6 12 13 12Z"
                                                                   fill="black"></path>
                                                             <path
                                                                 d="M14 6V5H10V6H8V5C8 3.9 8.9 3 10 3H14C15.1 3 16 3.9 16 5V6H14ZM20 15H14V16C14 16.6 13.5 17 13 17H11C10.5 17 10 16.6 10 16V15H4C3.6 15 3.3 14.9 3 14.7V18C3 19.1 3.9 20 5 20H19C20.1 20 21 19.1 21 18V14.7C20.7 14.9 20.4 15 20 15Z"
                                                                 fill="black"></path>
                                                         </svg>
                                                     </span>
                                                                <!--end::Svg Icon-->
                                                                <!--begin::Info-->
                                                                <span class="d-block fw-bold text-start">
                                                         <span class="text-dark fw-bolder d-block fs-4 mb-2">Purchase Without GST</span>
                                                         <span
                                                             class="text-muted fw-bold fs-6">Those who have not GST bill</span>
                                                     </span>
                                                                <!--end::Info-->
                                                            </label>
                                                            <!--end::Option-->
                                                        </div>
                                                        @error('gst_type') <span
                                                            class="text-danger">{{ $message }}</span> @enderror
                                                    <!--end::Col-->
                                                    </div>
                                                    <!--end::Row-->
                                                </div>
                                                <!--end::Input group-->
                                            </div>
                                        </div>
                                    </form>
                                    <!--end::Step 1-->
                                    <!--begin::Step 2-->

                                    <div @if($viewpage == 2) class="current" @endif data-kt-stepper-element="content"  >
                                        <form class="form w-full" novalidate="novalidate" id="kt_modal_create_client_reg_form ">
                                            <!--begin::Input group-->
                                            <div class="pb-10 pb-lg-15">
                                                <!--begin::Title-->
                                                <h2 class="fw-bolder d-flex align-items-center text-dark"
                                                    style="font-size: 20px;">Supplier Information
                                                </h2>
                                                <!--end::Title-->
                                                <!--begin::Notice-->
                                                <div class="text-muted fw-bold fs-6">
                                                    Fill Your Supplier Information
                                                </div>
                                                <!--end::Notice-->
                                            </div>
                                            <!--end::Input group-->

                                            <div class="row mb-10">

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

                                                    </label>
                                                    <!--end::Label-->
                                                    <!--begin::Input-->
                                                    <select class="form-control form-control-solid custominput"
                                                            placeholder="Organisation" name="organisation_unit_id" wire:model.defer="organisation_unit_id">
                                                        <option value="">Select Organisation </option>
                                                        @foreach($orgnisations as $orgnisation)
                                                            <option value="{{$orgnisation['id']}}">{{$orgnisation['unit_name']}}</option>
                                                        @endforeach

                                                    </select>

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

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

                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input class="form-control form-control-solid custominput" @if($gst_type =="No") readonly @endif
                                                            placeholder="Enter Invoice No." name="purchase_invoice_no" wire:model.defer="purchase_invoice_no"/>
                                                            <!--end::Input-->
                                                            @error('purchase_invoice_no') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

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

                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input class="form-control form-control-solid custominput" type="date" @if($gst_type =="No") readonly @endif
                                                            placeholder="Enter Invoice Date" name="purchase_invioce_date" wire:model.defer="purchase_invioce_date"/>
                                                            <!--end::Input-->
                                                            @error('purchase_invioce_date') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

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

                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <select class="form-control form-control-solid custominput form-select"
                                                                    name="supplier_id" wire:model.debounce.0ms="supplier_id">
                                                                <option value="">Select Supplier </option>
                                                                @foreach($suppliers as $supplier)
                                                                    <option value="{{$supplier['id']}}">{{$supplier['supplier_name']}}</option>
                                                                @endforeach

                                                            </select>


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

                                                        @if($supplier_mobile_no)
                                                            <div class="col-md-6 fv-row mb-7">
                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Supplier Mobile No.</span>

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

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

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

                                                    </div>
                                                </div>



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


                                    <!--end::Step 2-->
                                    <!--begin::Step 3-->
                                    <div @if($viewpage == 3) class="current" @endif data-kt-stepper-element="content"  >
                                        <form class="form w-full" novalidate="novalidate" id="kt_modal_create_client_contact_form">
                                            <!--begin::Input group-->
                                            <div class="pb-10 pb-lg-15">
                                                <!--begin::Title-->
                                                <h2 class="fw-bolder d-flex align-items-center text-dark"
                                                    style="font-size: 20px;">Purchase Entry
                                                </h2>
                                                <!--end::Title-->
                                                <!--begin::Notice-->
                                                <div class="text-muted fw-bold fs-6">
                                                    Fill Your Purchase Information
                                                </div>
                                                <!--end::Notice-->
                                            </div>
                                            <!--end::Input group-->
                                            <div class="row @if($newitemshow) @else d-none @endif">
                                                <div class="col-md-4 p-4">
                                                    <div class="row">
                                                        <div class="col-md-12 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">Item Name</span>

                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput"
                                                                   name="item_name" wire:model.debounce.0ms="item_name" list="items" autocomplete="off" />

                                                            <datalist id="items">
                                                                @foreach($items as $item)
                                                                    <option value="{{$item['item_name']}}">
                                                                @endforeach

                                                            </datalist>

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

                                                        @if($item_hsn_code)
                                                            <div class="col-md-12 fv-row mb-5">
                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">HSN Code</span>

                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="text" class="form-control  custominput"
                                                                       name="item_hsn_code" wire:model.debounce.0ms="item_hsn_code" readonly  />
                                                                <!--end::Input-->
                                                                @error('item_hsn_code') <span class="text-danger">{{ $message }}</span> @enderror

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

                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <select class="form-control form-control-solid custominput form-select"
                                                                    name="dimension_id" wire:model.debounce.0ms="dimension_id">
                                                                <option value="">Select </option>
                                                                @foreach($dimensions as $dimension)
                                                                    <option value="{{$dimension['id']}}">{{$dimension['dimension_name']}}</option>
                                                                @endforeach

                                                            </select>

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

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

                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <select class="form-control form-control-solid custominput form-select"
                                                                    name="brand_id" wire:model.debounce.0ms="brand_id">
                                                                <option value="">Select </option>
                                                                @foreach($brands as $brand)
                                                                    <option value="{{$brand['id']}}">{{$brand['brand_name']}}</option>
                                                                @endforeach

                                                            </select>

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


                                                        @if($gst_type=='Yes')
                                                            <div class="col-md-12 fv-row mb-5">
                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">GST Rate (%)</span>

                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <select class="form-control form-control-solid custominput form-select"
                                                                        name="gst_rate" wire:model.debounce.0ms="gst_rate">
                                                                    <option value="">Select </option>
                                                                    <option value="0">0 %</option>
                                                                    <option value="5">5 %</option>
                                                                    <option value="12">12 %</option>
                                                                    <option value="18">18 %</option>

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

                                                    </div>
                                                </div>
                                                <div class="col-md-4 p-4 border-left-2">

                                                    <div class="row">

                                                        --}}{{--<div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="">Case</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                   name="case" wire:model.debounce.0ms="case"  />
                                                            <!--end::Input-->
                                                            @error('case') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="">Case Unit Quantity</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                   name="case_unit_quantity" wire:model.debounce.0ms="case_unit_quantity"  />
                                                            <!--end::Input-->
                                                            @error('case_unit_quantity') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>--}}{{--
                                                        --}}{{-- @if($casetotalquantity)--}}{{--
                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">Quantity</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                   name="quantity" wire:model.debounce.0ms="quantity"  />
                                                            <!--end::Input-->
                                                            @error('quantity') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        --}}{{-- @endif--}}{{--
                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">Unit Price</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="number" class="form-control form-control-solid custominput"
                                                                   name="unit_price" wire:model.debounce.0ms="unit_price"  />
                                                            <!--end::Input-->
                                                            @error('unit_price') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

                                                        @if($amount)
                                                            <div class="col-md-12 fv-row mb-5">

                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Amount</span>
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="text" class="form-control  custominput" onkeypress="return onlyNumberKey(event)"
                                                                       name="amount" wire:model.debounce.0ms="amount" readonly  />
                                                                <!--end::Input-->
                                                                @error('amount') <span class="text-danger">{{ $message }}</span> @enderror

                                                            </div>
                                                        @endif

                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-8 fw-bold form-label mb-2">
                                                                <span>Discount Rate(%)</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="number" class="form-control form-control-solid custominput"
                                                                   name="discount_rate" wire:model.debounce.0ms="discount_rate"  />
                                                            <!--end::Input-->
                                                            @error('discount_rate') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-8 fw-bold form-label mb-2">
                                                                <span >Discount Amount</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="number" class="form-control form-control-solid custominput"
                                                                   name="disc_amount" wire:model.debounce.0ms="disc_amount"  />
                                                            <!--end::Input-->
                                                            @error('disc_amount') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        @if($total_amt=null)
                                                            <div class="col-md-12 fv-row mb-5">
                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Total Amount</span>
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="text" class="form-control custominput" onkeypress="return onlyNumberKey(event)"
                                                                       name="total_amt" wire:model.debounce.0ms="total_amt" readonly  />
                                                                <!--end::Input-->
                                                                @error('total_amt') <span class="text-danger">{{ $message }}</span> @enderror
                                                            </div>
                                                        @endif
                                                        @if($tax_amt !=null)
                                                            <div class="col-md-6 fv-row mb-5">
                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Tax Amount</span>
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="text" class="form-control  custominput"
                                                                       name="tax_amt" wire:model.debounce.0ms="tax_amt" readonly  />
                                                                <!--end::Input-->
                                                                @error('tax_amt') <span class="text-danger">{{ $message }}</span> @enderror

                                                            </div>
                                                        @endif
                                                        @if($final_amount)
                                                            <div class="col-md-6 fv-row mb-5">

                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Final Amount</span>
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="text" class="form-control  custominput" onkeypress="return onlyNumberKey(event)"
                                                                       name="final_amount" wire:model.debounce.0ms="final_amount" readonly  />
                                                                <!--end::Input-->
                                                                @error('final_amount') <span class="text-danger">{{ $message }}</span> @enderror

                                                            </div>
                                                        @endif

                                                    </div>
                                                </div>
                                                <div class="col-md-4 p-4  border-left-2">
                                                    <div class="row">
                                                        <div class="col-md-12 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">MFG Date</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="date" class="form-control form-control-solid custominput"
                                                                   name="mfg_date" id="mfg_date" wire:model.debounce.0ms="mfg_date"  />
                                                            <!--end::Input-->
                                                            @error('mfg_date') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

                                                        <div class="col-md-12 fv-row mb-5">
                                                        @if($mfg_date)
                                                            <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Best Before (In Months)</span>
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                       name="bestbefore" id="bestbefore" wire:model.debounce.0ms="bestbefore"  />
                                                                <!--end::Input-->
                                                                @error('bestbefore') <span class="text-danger">{{ $message }}</span> @enderror
                                                            @endif
                                                        </div>

                                                        <div class="col-md-12 fv-row mb-5">
                                                        @if($expiry_date)
                                                            <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Expiry Date</span>
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="date" class="form-control  custominput"
                                                                       name="expiry_date" id="expiry_date"  wire:model.debounce.0ms="expiry_date" readonly  />
                                                                <!--end::Input-->
                                                                @error('expiry_date') <span class="text-danger">{{ $message }}</span> @enderror
                                                            @endif
                                                        </div>

                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">Batch No.</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput"
                                                                   name="batch_no" wire:model.debounce.0ms="batch_no"  />
                                                            <!--end::Input-->
                                                            @error('batch_no') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">MRP</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="number" class="form-control form-control-solid custominput"
                                                                   name="purchase_mrp" wire:model.debounce.0ms="purchase_mrp"  />
                                                            <!--end::Input-->
                                                            @error('purchase_mrp') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

                                                        <div class="col-md-12 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">Minimum Quantity</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                   name="minimum_quantity" wire:model.debounce.0ms="minimum_quantity"  />
                                                            <!--end::Input-->
                                                            @error('minimum_quantity') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>



                                                        <div class="col-md-12 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">Bar Code</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                   name="bar_code" wire:model.debounce.0ms="bar_code"  />
                                                            <!--end::Input-->
                                                            @error('bar_code') <span class="text-danger">{{ $message }}</span> @enderror
                                                            @if($gst_type =="No" && $item_id !="" && $dimension_id !="" && $purchase_mrp !="")
                                                                <br/>
                                                                <button type="button" class="btn btn-warning w-full text-white" wire:click="generatebarcode">Generate Barcode</button>
                                                            @endif
                                                        </div>

                                                        <div class="col-md-12 d-inline-flex">
                                                            @if($item_id !=null && $brand_id!=null && $dimension_id !=null && $quantity !=null && $unit_price !=null && $final_amount !=null && $purchase_mrp !=null && $batch_no !=null && $mfg_date !=null && $expiry_date !=null && $bar_code!=null)
                                                                <button type="button" class="btn btn-secondary btn-block w-200px" wire:click="clearpurchaseitem">Clear </button> &nbsp;&nbsp;
                                                                @if($purchase_edit_key!=null)
                                                                    <button type="button"  class="btn btn-info btn-block w-200px" wire:click="addpurchaseitem">Update </button>
                                                                @else
                                                                    <button type="button"  class="btn btn-info btn-block w-200px" wire:click="addpurchaseitem">Add </button>
                                                                @endif
                                                            @endif

                                                        </div>


                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-10 @if($newitemshow) d-none @endif">
                                                <div class="col-md-12 mb-5">
                                                    <button class="btn btn-info" type="button" style="float: right;" wire:click="addnewitem">Add New Item</button>
                                                </div>
                                                <div class="col-md-12">
                                                    <table id="purchase_item_table" class="table  table-row-bordered gy-5 gs-7 border rounded">
                                                        <thead>
                                                        <tr class="fw-bolder text-uppercase fs-8 text-gray-800 px-7">
                                                            <th class="w-150px">Product</th>
                                                            <th>HSN Code</th>
                                                            <th>PACK</th>
                                                            <th>Qty</th>
                                                            <th>FREE</th>
                                                            <th>P.Rate</th>
                                                            <th>Disc1%</th>
                                                            <th>Disc2%</th>
                                                            <th>CGST%</th>
                                                            <th>CGST AMT</th>
                                                            <th>SGST%</th>
                                                            <th>SGST AMT</th>
                                                            <th>AMOUNT</th>
                                                            <th>Action</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @if(sizeof($purchaseitemarray)>0)
                                                            @foreach($purchaseitemarray as $key => $item)
                                                                <tr class="fs-9">
                                                                    <td>{{$item['item_name']}}  / {{$item['brand_name']}} </td>
                                                                    <td>{{$item['item_hsn_code']}}</td>
                                                                    <td>{{number_format((float)$item['quantity'], 2, '.', '')}}</td>
                                                                    <td>₹{{number_format((float)$item['unit_price'], 2, '.', '')}}</td>
                                                                    <td>{{number_format((float)$item['discount_rate'], 2, '.', '')}}</td>
                                                                    <td>{{number_format((float)$item['cgst_rate'], 2, '.', '')}}</td>
                                                                    <td>₹{{number_format((float)($item['total_amt'] * ($item['cgst_rate'] /100)), 2, '.', '')}}</td>
                                                                    <td>{{number_format((float)$item['sgst_rate'], 2, '.', '')}}</td>
                                                                    <td>₹{{number_format((float)($item['total_amt'] * ($item['sgst_rate'] /100)), 2, '.', '')}}</td>
                                                                    <td>₹{{number_format((float)$item['final_amount'], 2, '.', '')}}</td>
                                                                    <td class="d-inline-flex">

                                                                        <a class="javascript:void(0);" wire:click="editpurchase({{$key}})">
                                                                 <span class="svg-icon svg-icon-muted 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>
                                                                        </a>
                                                                        &nbsp;&nbsp;&nbsp;
                                                                        <a class="javascript:void(0);" wire:click="deletepurchase({{$key}})">
                                                                <span class="svg-icon svg-icon-muted svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                                                 <path d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z" fill="black"/>
                                                                 <path opacity="0.5" d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z" fill="black"/>
                                                                 <path opacity="0.5" d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z" fill="black"/>
                                                                 </svg></span>
                                                                        </a>


                                                                    </td>

                                                                </tr>
                                                            @endforeach
                                                        @endif

                                                        </tbody>

                                                    </table>
                                                </div>




                                            </div>

                                        </form>
                                    </div>
                                    <!--end::Step 3-->
                                    <!--begin::Step 4-->
                                    <div @if($viewpage == 4) class="current" @endif data-kt-stepper-element="content"  >
                                        <div class="row mb-10 w-full">
                                            <!--end::Input group-->
                                            <div class="pb-10 pb-lg-15">
                                                <!--begin::Title-->
                                                <h2 class="fw-bolder d-flex align-items-center text-dark"
                                                    style="font-size: 20px;">Purchase Information Review
                                                </h2>
                                                <!--end::Title-->
                                                <!--begin::Notice-->
                                                <div class="text-muted fw-bold fs-6">
                                                    Review Your Purchase Information
                                                </div>
                                                <!--end::Notice-->
                                            </div>

                                            <div class="col-md-12">
                                                <div class="row">
                                                    <div class="col-md-8">
                                                        <p class="fs-1">#Invoce No : {{$purchase_invoice_no}}</p>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <p class="fs-4">Invoice Date : {{\Carbon\Carbon::parse($purchase_invioce_date)->format('d M, Y')}}</p>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <p class="fs-4">Supplier Name : {{$supplier_name}}</p>
                                                        <p class="fs-6">Contact No : {{$supplier_mobile_no}}</p>
                                                        <p class="fs-6">Address : {{$supplier_address}}</p>
                                                        <p class="fs-6">GST : {{$supplier_gst_no}}</p>
                                                    </div>
                                                </div>
                                                <div class="row mt-5">
                                                    <div class="col-md-12">
                                                        <table id="purchase_review_item_table" class="table table-striped table-row-bordered gy-5 gs-7 border rounded">
                                                            <thead>
                                                            <tr class="fw-bolder fs-8 text-gray-800 px-7">
                                                                <th>Sl. No.</th>
                                                                <th>Item</th>
                                                                <th>HSN Code</th>
                                                                <th>Price</th>
                                                                <th>Qty</th>
                                                                <th>Discount Amount (%)</th>
                                                                <th>Amount</th>
                                                                <th>GST Rate</th>
                                                                <th>GST Amount</th>
                                                                <th>Final Amount</th>
                                                                <th>MRP</th>
                                                                <th>Minimum Quantity</th>
                                                                <th>Bar Code</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            @foreach($purchaseitemarray as $key => $itemarray)
                                                                <tr class="fs-8">
                                                                    <td>{{$key+1}}</td>
                                                                    <td>{{$itemarray['item_name']}}</td>
                                                                    <td>{{$itemarray['item_hsn_code']}}</td>
                                                                    <td>₹{{$itemarray['unit_price']}}</td>
                                                                    <td>{{$itemarray['quantity']}}</td>
                                                                    <td>{{$itemarray['disc_amount']}}({{$itemarray['discount_rate']}}%)</td>
                                                                    <td>₹{{$itemarray['total_amt']}}</td>
                                                                    <td>{{$itemarray['gst_rate']}}%</td>
                                                                    <td>₹{{$itemarray['tax_amt']}}</td>
                                                                    <td>₹{{$itemarray['final_amount']}}</td>
                                                                    <td>₹{{$itemarray['purchase_mrp']}}</td>
                                                                    <td>{{$itemarray['minimum_quantity']}}</td>
                                                                    <td>{{$itemarray['bar_code']}}</td>
                                                                </tr>
                                                            @endforeach

                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <!--end::Input group-->


                                    </div>
                                    <!--end::Step 4-->
                                    <!--begin::Step 5-->

                                    <!--end::Step 5-->
                                    <!--begin::Actions-->
                                    <div class="d-flex flex-stack pt-10">
                                        <!--begin::Wrapper-->

                                        <div class="me-2">
                                            @if($viewpage > 1)
                                                <button type="button" class="btn btn-lg btn-light-info me-3 " wire:click="gotoBack({{$viewpage}})">
                                                    <!--begin::Svg Icon | path: icons/duotune/arrows/arr063.svg-->
                                                    <span class="d-inline-flex">
                                                     <span class="svg-icon svg-icon-3 me-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="11" width="13" height="2" rx="1"
                                                       fill="black"/>
                                                 <path
                                                     d="M8.56569 11.4343L12.75 7.25C13.1642 6.83579 13.1642 6.16421 12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75L5.70711 11.2929C5.31658 11.6834 5.31658 12.3166 5.70711 12.7071L11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25C13.1642 17.8358 13.1642 17.1642 12.75 16.75L8.56569 12.5657C8.25327 12.2533 8.25327 11.7467 8.56569 11.4343Z"
                                                     fill="black"/>
                                             </svg>
                                                 </span>

                                         </span>
                                                    <!--end::Svg Icon-->Back
                                                </button>
                                            @endif
                                        </div>

                                        <!--end::Wrapper-->
                                        <!--begin::Wrapper-->
                                        <div>

                                            @if($viewpage == 4)
                                                @if($modelid !=null)
                                                    <button type="button" class="btn btn-lg btn-info"  wire:click="update" >
                                             <span class="indicator-label">Update
                                                  <span class="d-inline-flex">
                                                 <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                             <span class="svg-icon svg-icon-3 ms-2 me-0">
                                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                      viewBox="0 0 24 24" fill="none">
                                                     <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1"
                                                           transform="rotate(-180 18 13)" fill="black"/>
                                                     <path
                                                         d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z"
                                                         fill="black"/>
                                                 </svg>
                                             </span>
                                                  </span>
                                                 <!--end::Svg Icon--></span>
                                                        <span class="indicator-progress">Please wait...
                                             <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                                    </button>
                                                @else
                                                    <button type="button" class="btn btn-lg btn-info"  wire:click="submit" >
                                             <span class="indicator-label">Submit
                                                  <span class="d-inline-flex">
                                                 <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                             <span class="svg-icon svg-icon-3 ms-2 me-0">
                                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                      viewBox="0 0 24 24" fill="none">
                                                     <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1"
                                                           transform="rotate(-180 18 13)" fill="black"/>
                                                     <path
                                                         d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z"
                                                         fill="black"/>
                                                 </svg>
                                             </span>
                                                  </span>
                                                 <!--end::Svg Icon--></span>
                                                        <span class="indicator-progress">Please wait...
                                             <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                                    </button>
                                                @endif

                                            @else
                                                <button type="button" class="btn  btn-lg btn-info " wire:click="gotoNext({{$viewpage}})" >Continue
                                                    <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                                    <span class="d-inline-flex">
                                                 <span class="svg-icon svg-icon-3 ms-1 me-0">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                  viewBox="0 0 24 24" fill="none">
                                                 <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1"
                                                       transform="rotate(-180 18 13)" fill="black"/>
                                                 <path
                                                     d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z"
                                                     fill="black"/>
                                             </svg>
                                                 </span>
                                         </span>
                                                    <!--end::Svg Icon--></button>
                                            @endif
                                        </div>
                                        <!--end::Wrapper-->
                                    </div>
                                    <!--end::Actions-->

                                    <!--end::Form-->
                                </div>
                                <!--end::Content-->
                            </div>
                            <!--end::Stepper-->
                        </div>
                        <!--end::Modal body-->
                    </div>
                    <!--end::Modal content-->
                </div>
                <!--end::Modal dialog-->
            </div>--}}
            <!--end::Modals-->

                <div class="modal  fade" id="deleteConfirmation" data-bs-backdrop="static" data-bs-keyboard="false"
                     tabindex="-1" aria-labelledby="deleteConfirmation" aria-hidden="true" wire:ignore.self>
                    <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title"
                                    id="staticBackdropLabel">{{ __('Delete Purchase Information') }}</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                            <span class="svg-icon svg-icon-muted svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg"
                                                                                  width="30" height="30" viewBox="0 0 24 24"
                                                                                  fill="none">
<path opacity="0.3"
      d="M12 10.6L14.8 7.8C15.2 7.4 15.8 7.4 16.2 7.8C16.6 8.2 16.6 8.80002 16.2 9.20002L13.4 12L12 10.6ZM10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 8.99999 16.4 9.19999 16.2L12 13.4L10.6 12Z"
      fill="black"/>
<path
    d="M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12ZM13.4 12L16.2 9.20001C16.6 8.80001 16.6 8.19999 16.2 7.79999C15.8 7.39999 15.2 7.39999 14.8 7.79999L12 10.6L9.2 7.79999C8.8 7.39999 8.2 7.39999 7.8 7.79999C7.4 8.19999 7.4 8.80001 7.8 9.20001L10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 9 16.4 9.2 16.2L12 13.4L14.8 16.2C15 16.4 15.3 16.5 15.5 16.5C15.7 16.5 16 16.4 16.2 16.2C16.6 15.8 16.6 15.2 16.2 14.8L13.4 12Z"
    fill="black"/>
</svg></span>
                                </button>
                            </div>
                            <div class="modal-body">
                                {{ __('Are you sure you want to delete this data ? Once the data is deleted, all of its resources and data will be permanently deleted.') }}
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                                <button type="button" class="btn btn-danger" wire:click="delete"> Delete</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal fade" id="kt_modal_add" 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 modal-fullscreen p-9">
                    <!--begin::Modal content-->
                    <div class="modal-content" style="border-radius: 10px;">
                        <!--begin::Modal header-->
                        <div class="modal-header">
                            <!--begin::Modal title-->

                            <h2 class="fw-bolder">Modify Purchase</h2>


                            <!--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">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-12 mb-5">
                                            <h2 class="fs-4 fw-bold">Fill Supplier Informations</h2>
                                            <hr/>
                                        </div>


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

                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->


                                            <select class="form-control form-control-solid custominput"
                                                    name="gst_type" wire:model.lazy="gst_type" readonly>
                                                <option value="">Select GST Type </option>
                                                <option value="Yes">GST </option>
                                                <option value="No">Non GST </option>

                                            </select>

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

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

                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input class="form-control form-control-solid custominput" @if($gst_type =="No")  @endif readonly
                                            placeholder="Enter Invoice No." name="purchase_invoice_no" wire:dirty.class="border-red-500" wire:model.defer="purchase_invoice_no"/>
                                            <!--end::Input-->
                                            @error('purchase_invoice_no') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>

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

                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input class="form-control form-control-solid custominput" type="date" @if($gst_type =="No")  @endif readonly
                                            placeholder="Enter Invoice Date" name="purchase_invioce_date" wire:model.defer="purchase_invioce_date"/>
                                            <!--end::Input-->
                                            @error('purchase_invioce_date') <span class="text-danger">{{ $message }}</span> @enderror
                                        </div>

                                        <div class="col-md-4 fv-row mb-7">
                                            <!--begin::Label-->
                                            <label class="fs-6 fw-bold form-label mb-2">
                                                <span class="required"  wire:dirty.class="text-red-500" wire:target="supplier_id">Supplier Name</span>

                                            </label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <select class="form-control form-control-solid custominput form-select"
                                                    wire:key="supplier"  name="supplier_id" wire:model.lazy="supplier_id" readonly>
                                                <option value="">Select Supplier </option>
                                                @foreach($suppliers as $supplier)
                                                    <option  value="{{$supplier['id']}}">{{$supplier['supplier_name']}}</option>
                                                @endforeach

                                            </select>


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

                                        @if($supplier_mobile_no)
                                            <div class="col-md-4 fv-row mb-7">
                                                <!--begin::Label-->
                                                <label class="fs-6 fw-bold form-label mb-2">
                                                    <span class="required">Supplier Mobile No.</span>

                                                </label>
                                                <!--end::Label-->
                                                <!--begin::Input-->
                                                <input class="form-control form-control-solid" onkeypress="return onlyNumberKey(event)"
                                                       placeholder="Enter Supplier Mobile No." name="supplier_mobile_no" wire:model.debounce.0ms="supplier_mobile_no" readonly/>
                                                <!--end::Input-->
                                                @error('supplier_mobile_no') <span class="text-danger">{{ $message }}</span> @enderror
                                            </div>

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

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

                                    </div>

                                    @if($organisation_unit_id && $gst_type && $purchase_invoice_no && $purchase_invioce_date && $supplier_id)
                                        <div class="row">
                                            <div class="col-12 mb-5">
                                                <h2 class="fs-4 fw-bold">Fill Purchase Item Informations</h2>
                                                <hr/>
                                            </div>
                                            <div class="col-md-6 p-4">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <table class="table table-bordered">
                                                            <tbody>
                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span class="required">Item Name</span>

                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <input type="text" class="form-control form-control-solid custominput"
                                                                           name="item_name" wire:model.debounce.50ms="item_name" list="items" autocomplete="off" />

                                                                    <datalist id="items">
                                                                        @foreach($items as $item)
                                                                            <option wire:key="item-{{ $item['id'] }}" value="{{$item['item_name']}}">
                                                                        @endforeach

                                                                    </datalist>

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

                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span class="required">Dimensions</span>

                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <select class="form-control form-control-solid custominput form-select"
                                                                            name="dimension_id" wire:model.defer="dimension_id">
                                                                        <option value="">Select </option>
                                                                        @foreach($dimensions as $dimension)
                                                                            <option wire:key="dimen-{{ $dimension['id'] }}" value="{{$dimension['id']}}">{{$dimension['dimension_name']}}</option>
                                                                        @endforeach

                                                                    </select>

                                                                    @error('dimension_id') <span class="text-danger">{{ $message }}</span> @enderror
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span class="required">Brands</span>

                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <select class="form-control form-control-solid custominput form-select"
                                                                            name="brand_id" wire:model.defer="brand_id">
                                                                        <option value="">Select </option>
                                                                        @foreach($brands as $brand)
                                                                            <option wire:key="brand-{{ $brand['id'] }}" value="{{$brand['id']}}">{{$brand['brand_name']}}</option>
                                                                        @endforeach

                                                                    </select>
                                                                    @error('brand_id') <span class="text-danger">{{ $message }}</span> @enderror
                                                                </td>
                                                            </tr>
                                                            @if($gst_type=='Yes')
                                                                <tr>
                                                                    <td>
                                                                        <label class="fs-6 fw-bold form-label mb-2">
                                                                            <span class="required">GST Rate (%)</span>

                                                                        </label>
                                                                    </td>
                                                                    <td>
                                                                        <select class="form-control form-control-solid custominput form-select"
                                                                                name="gst_rate" wire:model.defer="gst_rate">
                                                                            <option value="">Select </option>
                                                                            <option value="0">0 %</option>
                                                                            <option value="5">5 %</option>
                                                                            <option value="12">12 %</option>
                                                                            <option value="18">18 %</option>

                                                                        </select>

                                                                        @error('gst_rate') <span class="text-danger">{{ $message }}</span> @enderror
                                                                    </td>
                                                                </tr>
                                                            @endif

                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span class="required">Quantity</span>
                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                           name="quantity" wire:model.defer="quantity"  />
                                                                    @error('quantity') <span class="text-danger">{{ $message }}</span> @enderror
                                                                </td>
                                                            </tr>

                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span class="">Free Quantity</span>
                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                           name="free_quantity" wire:model.defer="free_quantity"  />
                                                                    @error('free_quantity') <span class="text-danger">{{ $message }}</span> @enderror
                                                                </td>
                                                            </tr>

                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span class="required">PTR</span>
                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <input type="number" class="form-control form-control-solid custominput"
                                                                           name="unit_price" wire:model.defer="unit_price"  />
                                                                    @error('unit_price') <span class="text-danger">{{ $message }}</span> @enderror
                                                                </td>
                                                            </tr>


                                                            {{-- <tr>
                                                                 <td>
                                                                     <label class="fs-6 fw-bold form-label mb-2">
                                                                         <span class="required">PTR</span>
                                                                     </label>
                                                                 </td>
                                                                 <td>
                                                                     <input type="number" class="form-control form-control-solid custominput"
                                                                            name="purchase_mrp" wire:model.defer="ptr_amount"  />
                                                                     @error('ptr_amount') <span class="text-danger">{{ $message }}</span> @enderror
                                                                 </td>
                                                             </tr>--}}

                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span class="required">MRP</span>
                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <input type="number" class="form-control form-control-solid custominput"
                                                                           name="purchase_mrp" wire:model.defer="purchase_mrp"  />
                                                                    @error('purchase_mrp') <span class="text-danger">{{ $message }}</span> @enderror
                                                                </td>
                                                            </tr>

                                                            </tbody>
                                                        </table>
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="col-md-6 p-4">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <table class="table table-bordered">
                                                            <tbody>


                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span>Discount 1</span>
                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <select class="form-control form-control-solid custominput form-select"
                                                                                    name="gst_rate" wire:model.defer="discount1_type">
                                                                                <option value="">Select </option>
                                                                                <option value="1">Discount Rate</option>
                                                                                <option value="2">Discount Amount</option>
                                                                            </select>

                                                                            @error('discount1_type') <span class="text-danger">{{ $message }}</span> @enderror
                                                                        </div>
                                                                        <div class="col-md-6">
                                                                            <input type="number" class="form-control form-control-solid custominput"
                                                                                   name="discount1_value" wire:model.defer="discount1_value"  />
                                                                            @error('discount1_value') <span class="text-danger">{{ $message }}</span> @enderror
                                                                        </div>
                                                                    </div>

                                                                </td>
                                                            </tr>

                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span>Discount 2</span>
                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <select class="form-control form-control-solid custominput form-select"
                                                                                    name="gst_rate" wire:model.defer="discount2_type">
                                                                                <option value="">Select </option>
                                                                                <option value="1">Discount Rate</option>
                                                                                <option value="2">Discount Amount</option>
                                                                            </select>

                                                                            @error('discount2_type') <span class="text-danger">{{ $message }}</span> @enderror
                                                                        </div>
                                                                        <div class="col-md-6">
                                                                            <input type="number" class="form-control form-control-solid custominput"
                                                                                   name="discount2_value" wire:model.defer="discount2_value"  />
                                                                            @error('discount2_value') <span class="text-danger">{{ $message }}</span> @enderror
                                                                        </div>
                                                                    </div>

                                                                </td>
                                                            </tr>



                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span class="required">MFG Date</span>
                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <input type="date" class="form-control form-control-solid custominput"
                                                                           name="mfg_date" id="mfg_date" wire:model.defer="mfg_date"  />

                                                                    @error('mfg_date') <span class="text-danger">{{ $message }}</span> @enderror
                                                                </td>
                                                            </tr>

                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span class="required">Expiry Date</span>
                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <input type="date" class="form-control form-control-solid custominput"
                                                                           name="expiry_date" id="expiry_date"  wire:model.defer="expiry_date"  />

                                                                    @error('expiry_date') <span class="text-danger">{{ $message }}</span> @enderror
                                                                </td>
                                                            </tr>

                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span class="required">Batch No.</span>
                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <input type="text" class="form-control form-control-solid custominput"
                                                                           name="batch_no" wire:model.defer="batch_no"  />
                                                                    @error('batch_no') <span class="text-danger">{{ $message }}</span> @enderror
                                                                </td>
                                                            </tr>



                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span class="required">Minimum Quantity To Sell</span>
                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                           name="minimum_quantity" wire:model.defer="minimum_quantity"  />

                                                                    @error('minimum_quantity') <span class="text-danger">{{ $message }}</span> @enderror
                                                                </td>
                                                            </tr>

                                                            <tr>
                                                                <td>
                                                                    <label class="fs-6 fw-bold form-label mb-2">
                                                                        <span>Bar Code</span>
                                                                    </label>
                                                                </td>
                                                                <td>
                                                                    <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                           name="bar_code" wire:model.defer="bar_code"  />
                                                                    <!--end::Input-->
                                                                    @error('bar_code') <span class="text-danger">{{ $message }}</span> @enderror
                                                                    @if($gst_type =="No" )
                                                                        <br/>
                                                                        <button type="button" class="btn btn-warning w-full text-white" wire:click="generatebarcode">Generate Barcode</button>
                                                                    @endif
                                                                </td>
                                                            </tr>


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


                                                    <div class="col-md-12 d-inline-flex" style="padding: 5px 5px 5px 245px;">
                                                        {{-- @if($item_id !=null && $brand_id!=null && $dimension_id !=null && $quantity !=null && $unit_price !=null && $final_amount !=null && $purchase_mrp !=null && $batch_no !=null && $mfg_date !=null && $expiry_date !=null )--}}
                                                        <button type="button" class="btn btn-secondary btn-block w-200px" wire:click="clearpurchaseitem">Clear </button> &nbsp;&nbsp;
                                                        @if($purchase_edit_key!="")
                                                            <button type="button"  class="btn btn-info btn-block w-200px" wire:click="addpurchaseitem">Update </button>
                                                        @else
                                                            <button type="button"  class="btn btn-info btn-block w-200px" wire:click="addpurchaseitem">Add </button>
                                                        @endif
                                                        {{--@endif--}}

                                                    </div>


                                                </div>
                                            </div>

                                        </div>
                                        <div class="row mb-10 ">
                                            {{--  <div class="col-md-12 mb-5">
                                                  <button class="btn btn-info" type="button" style="float: right;" wire:click="addnewitem">Add New Item</button>
                                              </div>--}}
                                                                                        <div class="col-md-12">

                                                <table id="purchase_item_table" class="table  table-row-bordered gy-5 gs-7 border rounded">
                                                    <thead>
                                                    <tr class="fw-bolder text-uppercase fs-8 text-gray-800 px-7">
                                                        <th class="w-150px">Product</th>

                                                        <th>Qty</th>
                                                        <th>FREE</th>
                                                        <th>P.Rate</th>
                                                        <th>Disc1%</th>
                                                        <th>Disc2%</th>
                                                        <th>CGST%</th>
                                                        <th>CGST AMT</th>
                                                        <th>SGST%</th>
                                                        <th>SGST AMT</th>
                                                        <th>AMOUNT</th>
                                                        <th>Action</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    @if(sizeof($purchaseitemarray)>0)

                                                        @foreach($purchaseitemarray as $key => $item)
                                                                                                                        <tr class="fs-9 text-black" >
                                                                <td>{{$item['item_name']}}  / {{$item['brand_name']}} </td>

                                                                <td>{{number_format((float)$item['quantity'], 2, '.', '')}}</td>
                                                                <td>{{number_format((float)$item['free_quantity'], 2, '.', '')}}</td>
                                                                <td>₹{{number_format((float)$item['unit_price'], 2, '.', '')}}</td>
                                                                <td>{{number_format((float)$item['discount_rate'], 2, '.', '')}}</td>
                                                                <td>{{number_format((float)$item['discount2_rate'], 2, '.', '')}}</td>
                                                                <td>{{number_format((float)$item['cgst_rate'], 2, '.', '')}}</td>
                                                                <td>₹{{number_format((float)($item['total_amount'] * ($item['cgst_rate'] /100)), 2, '.', '')}}</td>
                                                                <td>{{number_format((float)$item['sgst_rate'], 2, '.', '')}}</td>
                                                                <td>₹{{number_format((float)($item['total_amount'] * ($item['sgst_rate'] /100)), 2, '.', '')}}</td>
                                                                <td>₹{{number_format((float)$item['net_amount'], 2, '.', '')}}</td>
                                                                <td class="d-inline-flex">

                                                                    <a  href="javascript:void(0);"  wire:click="editpurchase('{{$key}}')">
                                                                    <span class="svg-icon svg-icon-info svg-icon-6"><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>
                                                                    </a>
                                                                    &nbsp;&nbsp;&nbsp;
                                                                    <a href="javascript:void(0);" wire:click="deletepurchase('{{$key}}')">
                                                                   <span class="svg-icon svg-icon-danger svg-icon-6"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                                                    <path d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z" fill="black"/>
                                                                    <path opacity="0.5" d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z" fill="black"/>
                                                                    <path opacity="0.5" d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z" fill="black"/>
                                                                    </svg></span>
                                                                    </a>


                                                                </td>

                                                            </tr>
                                                        @endforeach
                                                    @endif

                                                    </tbody>
                                                    <tfoot>
                                                    <tr>
                                                        <td colspan="13">
                                                            <div class="row">
                                                                <div class="col-md-4 offset-md-4 p-4" style="border: #000 solid thin; min-height: 200px;">
                                                                    <h4 class="fs-2">Discount Informations</h4>
                                                                    <table class="table table-bordered fw-bold text-dark">
                                                                        <tr>
                                                                            <th>Total Discount 1 :</th>
                                                                            <th>₹{{number_format((float)$totaldisc1, 2, '.', '')}}</th>
                                                                        </tr>
                                                                        <tr>
                                                                            <th>Total Discount 2 :</th>
                                                                            <th>₹{{number_format((float)$totaldisc2, 2, '.', '')}}</th>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                                <div class="col-md-4 p-4" style="border: #000 solid thin; min-height: 200px;">
                                                                    <table class="table table-bordered fw-bold text-dark">
                                                                        <tr>
                                                                            <th>Sub-Total Amount :</th>
                                                                            <th>₹{{number_format((float)$totalamt, 2, '.', '')}}</th>
                                                                        </tr>

                                                                        <tr>
                                                                            <th>Total CGST</th>
                                                                            <th>₹{{number_format((float)$totalcgst, 2, '.', '')}}</th>
                                                                        </tr>
                                                                        <tr>
                                                                            <th>Total SGST</th>
                                                                            <th>₹{{number_format((float)$totalsgst, 2, '.', '')}}</th>
                                                                        </tr>
                                                                        <tr class="fs-3">
                                                                            <th>Final Amount</th>
                                                                            <th>₹{{number_format((float)$totalfinal, 2, '.', '')}}</th>
                                                                        </tr>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    </tfoot>

                                                </table>
                                            </div>

                                        </div>
                                        <div class="row">
                                            <div class="col-md-2 offset-md-10">
                                                @if($modelid !=null)
                                                    <button type="button" class="btn btn-lg btn-info"  wire:click="updatepurchase" >
												<span class="indicator-label">Update
                                                     <span class="d-inline-flex">
                                                    <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
												<span class="svg-icon svg-icon-3 ms-2 me-0">
													<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                         viewBox="0 0 24 24" fill="none">
														<rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1"
                                                              transform="rotate(-180 18 13)" fill="black"/>
														<path
                                                            d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z"
                                                            fill="black"/>
													</svg>
												</span>
                                                     </span>
                                                    <!--end::Svg Icon--></span>
                                                        <span class="indicator-progress">Please wait...
												<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                                    </button>
                                                @else
                                                    <button type="button" class="btn btn-lg btn-info"  wire:click="submitpurchase" >
												<span class="indicator-label">Submit
                                                     <span class="d-inline-flex">
                                                    <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
												<span class="svg-icon svg-icon-3 ms-2 me-0">
													<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                         viewBox="0 0 24 24" fill="none">
														<rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1"
                                                              transform="rotate(-180 18 13)" fill="black"/>
														<path
                                                            d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z"
                                                            fill="black"/>
													</svg>
												</span>
                                                     </span>
                                                    <!--end::Svg Icon--></span>
                                                        <span class="indicator-progress">Please wait...
												<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                                    </button>
                                                @endif


                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </div>
                            <!--end::Modal body-->
                        </div>
                        <!--end::Modal content-->
                    </div>
                    <!--end::Modal dialog-->
                </div>
                <!--end::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 modal-fullscreen p-9">
                    <!--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">Purchase Amendment</h2>
                            @else
                                <h2 class="fw-bolder">New Purchase</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::Stepper-->
                            <div class="stepper stepper-pills stepper-column d-flex flex-column flex-xl-row flex-row-fluid"
                                 id="kt_modal_create_client_stepper">
                                <!--begin::Aside-->
                                <div
                                    class="d-flex justify-content-center justify-content-xl-start flex-row-auto w-100 w-xl-225px">
                                    <!--begin::Nav-->
                                    <div class="stepper-nav ps-lg-10" >
                                        <!--begin::Step 1-->
                                        <div class="stepper-item  @if($viewpage == 1) current @elseif($viewpage > 1) completed @endif" data-kt-stepper-element="nav">
                                            <!--begin::Line-->
                                            <div class="stepper-line w-40px"></div>
                                            <!--end::Line-->
                                            <!--begin::Icon-->
                                            <div class="stepper-icon w-40px h-40px">
                                                <i class="stepper-check fas fa-check"></i>
                                                <span class="stepper-number">1</span>
                                            </div>
                                            <!--end::Icon-->
                                            <!--begin::Label-->
                                            <div class="stepper-label">
                                                <h3 class="stepper-title fs-6">GST Type</h3>
                                                <div class="stepper-desc fs-7">Choose GST Type</div>
                                            </div>
                                            <!--end::Label-->
                                        </div>
                                        <!--end::Step 1-->
                                        <!--begin::Step 2-->
                                        <div class="stepper-item @if($viewpage == 2) current @elseif($viewpage > 2) completed @endif"  data-kt-stepper-element="nav">
                                            <!--begin::Line-->
                                            <div class="stepper-line w-40px"></div>
                                            <!--end::Line-->
                                            <!--begin::Icon-->
                                            <div class="stepper-icon w-40px h-40px">
                                                <i class="stepper-check fas fa-check"></i>
                                                <span class="stepper-number">2</span>
                                            </div>
                                            <!--begin::Icon-->
                                            <!--begin::Label-->
                                            <div class="stepper-label">
                                                <h3 class="stepper-title fs-6">Supplier Information</h3>
                                                <div class="stepper-desc fs-7">Fill Supplier Informations</div>
                                            </div>
                                            <!--begin::Label-->
                                        </div>
                                        <!--end::Step 2-->
                                        <!--begin::Step 4-->
                                        <div class="stepper-item @if($viewpage == 3) current @elseif($viewpage > 3) completed @endif"  data-kt-stepper-element="nav">
                                            <!--begin::Line-->
                                            <div class="stepper-line w-40px"></div>
                                            <!--end::Line-->
                                            <!--begin::Icon-->
                                            <div class="stepper-icon w-40px h-40px">
                                                <i class="stepper-check fas fa-check"></i>
                                                <span class="stepper-number">3</span>
                                            </div>
                                            <!--end::Icon-->
                                            <!--begin::Label-->
                                            <div class="stepper-label">
                                                <h3 class="stepper-title fs-6">Purchase Informations</h3>
                                                <div class="stepper-desc fs-7">Fill Purchase Informations</div>
                                            </div>
                                            <!--end::Label-->
                                        </div>
                                        <!--end::Step 4-->
                                        <!--begin::Step 5-->
                                        <div class="stepper-item @if($viewpage == 4) current @elseif($viewpage > 4) completed @endif"  data-kt-stepper-element="nav">
                                            <!--begin::Line-->
                                            <div class="stepper-line w-40px"></div>
                                            <!--end::Line-->
                                            <!--begin::Icon-->
                                            <div class="stepper-icon w-40px h-40px">
                                                <i class="stepper-check fas fa-check"></i>
                                                <span class="stepper-number">4</span>
                                            </div>
                                            <!--end::Icon-->
                                            <!--begin::Label-->
                                            <div class="stepper-label">
                                                <h3 class="stepper-title fs-6">Completed</h3>
                                                <div class="stepper-desc fs-7">Review and Submit</div>
                                            </div>
                                            <!--end::Label-->
                                        </div>
                                        <!--end::Step 5-->
                                    </div>
                                    <!--end::Nav-->
                                </div>
                                <!--begin::Aside-->
                                <!--begin::Content-->
                                <div class="flex-row-fluid py-lg-5 px-lg-15">
                                    <!--begin::Form-->

                                    <form class="form" novalidate="novalidate" id="kt_modal_create_client_form">
                                        <!--begin::Step 1-->
                                        <div  @if($viewpage == 1) class="current" @endif data-kt-stepper-element="content">
                                            <div class="w-100">
                                                <!--begin::Heading-->
                                                <div class="pb-10 pb-lg-15">
                                                    <!--begin::Title-->
                                                    <h2 class="fw-bolder d-flex align-items-center text-dark"
                                                        style="font-size: 20px;">Choose GST Type
                                                    </h2>
                                                    <!--end::Title-->
                                                    <!--begin::Notice-->
                                                    <div class="text-muted fw-bold fs-6">
                                                        GST Type Information
                                                    </div>
                                                    <!--end::Notice-->
                                                </div>
                                                <!--end::Heading-->
                                                <!--begin::Input group-->
                                                <div class="fv-row fv-plugins-icon-container fv-plugins-bootstrap5-row-valid">
                                                    <!--begin::Row-->
                                                    <div class="row">

                                                        <!--begin::Col-->

                                                    </div>
                                                    <div class="row mt-10">

                                                        <!--begin::Col-->
                                                        <div class="col-lg-6">
                                                            <!--begin::Option-->
                                                            <input type="radio" class="btn-check" name="client_type"
                                                                   value="Yes" wire:model.defer="gst_type"
                                                                   id="kt_client_type_lead">
                                                            <label
                                                                class="btn btn-outline btn-outline-dashed btn-outline-default p-7 d-flex align-items-center mb-10"
                                                                for="kt_client_type_lead">
                                                                <!--begin::Svg Icon | path: icons/duotune/communication/com005.svg-->
                                                                <span class="svg-icon svg-icon-3x me-5">
                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                              height="24" viewBox="0 0 24 24" fill="none">
                                                             <path
                                                                 d="M20 14H18V10H20C20.6 10 21 10.4 21 11V13C21 13.6 20.6 14 20 14ZM21 19V17C21 16.4 20.6 16 20 16H18V20H20C20.6 20 21 19.6 21 19ZM21 7V5C21 4.4 20.6 4 20 4H18V8H20C20.6 8 21 7.6 21 7Z"
                                                                 fill="black"></path>
                                                             <path opacity="0.3"
                                                                   d="M17 22H3C2.4 22 2 21.6 2 21V3C2 2.4 2.4 2 3 2H17C17.6 2 18 2.4 18 3V21C18 21.6 17.6 22 17 22ZM10 7C8.9 7 8 7.9 8 9C8 10.1 8.9 11 10 11C11.1 11 12 10.1 12 9C12 7.9 11.1 7 10 7ZM13.3 16C14 16 14.5 15.3 14.3 14.7C13.7 13.2 12 12 10.1 12C8.10001 12 6.49999 13.1 5.89999 14.7C5.59999 15.3 6.19999 16 7.39999 16H13.3Z"
                                                                   fill="black"></path>
                                                         </svg>
                                                     </span>
                                                                <!--end::Svg Icon-->
                                                                <!--begin::Info-->
                                                                <span class="d-block fw-bold text-start">
                                                         <span class="text-dark fw-bolder d-block fs-4 mb-2">Purchase With GST</span>
                                                         <span
                                                             class="text-muted fw-bold fs-6">Those who have GST bill</span>
                                                     </span>
                                                                <!--end::Info-->
                                                            </label>
                                                            <!--end::Option-->
                                                            <div
                                                                class="fv-plugins-message-container invalid-feedback"></div>
                                                        </div>
                                                        <!--end::Col-->
                                                        <!--begin::Col-->
                                                        <div class="col-lg-6">
                                                            <!--begin::Option-->
                                                            <input type="radio" class="btn-check" name="client_type"
                                                                   value="No" wire:model.defer="gst_type"
                                                                   id="kt_client_type_direct">
                                                            <label
                                                                class="btn btn-outline btn-outline-dashed btn-outline-default p-7 d-flex align-items-center"
                                                                for="kt_client_type_direct">
                                                                <!--begin::Svg Icon | path: icons/duotune/finance/fin006.svg-->
                                                                <span class="svg-icon svg-icon-3x me-5">
                                                         <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                              height="24" viewBox="0 0 24 24" fill="none">
                                                             <path opacity="0.3"
                                                                   d="M20 15H4C2.9 15 2 14.1 2 13V7C2 6.4 2.4 6 3 6H21C21.6 6 22 6.4 22 7V13C22 14.1 21.1 15 20 15ZM13 12H11C10.5 12 10 12.4 10 13V16C10 16.5 10.4 17 11 17H13C13.6 17 14 16.6 14 16V13C14 12.4 13.6 12 13 12Z"
                                                                   fill="black"></path>
                                                             <path
                                                                 d="M14 6V5H10V6H8V5C8 3.9 8.9 3 10 3H14C15.1 3 16 3.9 16 5V6H14ZM20 15H14V16C14 16.6 13.5 17 13 17H11C10.5 17 10 16.6 10 16V15H4C3.6 15 3.3 14.9 3 14.7V18C3 19.1 3.9 20 5 20H19C20.1 20 21 19.1 21 18V14.7C20.7 14.9 20.4 15 20 15Z"
                                                                 fill="black"></path>
                                                         </svg>
                                                     </span>
                                                                <!--end::Svg Icon-->
                                                                <!--begin::Info-->
                                                                <span class="d-block fw-bold text-start">
                                                         <span class="text-dark fw-bolder d-block fs-4 mb-2">Purchase Without GST</span>
                                                         <span
                                                             class="text-muted fw-bold fs-6">Those who have not GST bill</span>
                                                     </span>
                                                                <!--end::Info-->
                                                            </label>
                                                            <!--end::Option-->
                                                        </div>
                                                        @error('gst_type') <span
                                                            class="text-danger">{{ $message }}</span> @enderror
                                                    <!--end::Col-->
                                                    </div>
                                                    <!--end::Row-->
                                                </div>
                                                <!--end::Input group-->
                                            </div>
                                        </div>
                                    </form>
                                    <!--end::Step 1-->
                                    <!--begin::Step 2-->

                                    <div @if($viewpage == 2) class="current" @endif data-kt-stepper-element="content"  >
                                        <form class="form w-full" novalidate="novalidate" id="kt_modal_create_client_reg_form ">
                                            <!--begin::Input group-->
                                            <div class="pb-10 pb-lg-15">
                                                <!--begin::Title-->
                                                <h2 class="fw-bolder d-flex align-items-center text-dark"
                                                    style="font-size: 20px;">Supplier Information
                                                </h2>
                                                <!--end::Title-->
                                                <!--begin::Notice-->
                                                <div class="text-muted fw-bold fs-6">
                                                    Fill Your Supplier Information
                                                </div>
                                                <!--end::Notice-->
                                            </div>
                                            <!--end::Input group-->

                                            <div class="row mb-10">

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

                                                    </label>
                                                    <!--end::Label-->
                                                    <!--begin::Input-->
                                                    <select class="form-control form-control-solid custominput"
                                                            placeholder="Organisation" name="organisation_unit_id" wire:model.defer="organisation_unit_id">
                                                        <option value="">Select Organisation </option>
                                                        @foreach($orgnisations as $orgnisation)
                                                            <option value="{{$orgnisation['id']}}">{{$orgnisation['unit_name']}}</option>
                                                        @endforeach

                                                    </select>

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

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

                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input class="form-control form-control-solid custominput" @if($gst_type =="No") readonly @endif
                                                            placeholder="Enter Invoice No." name="purchase_invoice_no" wire:model.defer="purchase_invoice_no"/>
                                                            <!--end::Input-->
                                                            @error('purchase_invoice_no') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

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

                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input class="form-control form-control-solid custominput" type="date" @if($gst_type =="No") readonly @endif
                                                            placeholder="Enter Invoice Date" name="purchase_invioce_date" wire:model.defer="purchase_invioce_date"/>
                                                            <!--end::Input-->
                                                            @error('purchase_invioce_date') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

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

                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <select class="form-control form-control-solid custominput form-select"
                                                                    name="supplier_id" wire:model.debounce.0ms="supplier_id">
                                                                <option value="">Select Supplier </option>
                                                                @foreach($suppliers as $supplier)
                                                                    <option value="{{$supplier['id']}}">{{$supplier['supplier_name']}}</option>
                                                                @endforeach

                                                            </select>


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

                                                        @if($supplier_mobile_no)
                                                            <div class="col-md-6 fv-row mb-7">
                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Supplier Mobile No.</span>

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

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

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

                                                    </div>
                                                </div>



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


                                    <!--end::Step 2-->
                                    <!--begin::Step 3-->
                                    <div @if($viewpage == 3) class="current" @endif data-kt-stepper-element="content"  >
                                        <form class="form w-full" novalidate="novalidate" id="kt_modal_create_client_contact_form">
                                            <!--begin::Input group-->
                                            <div class="pb-10 pb-lg-15">
                                                <!--begin::Title-->
                                                <h2 class="fw-bolder d-flex align-items-center text-dark"
                                                    style="font-size: 20px;">Purchase Entry
                                                </h2>
                                                <!--end::Title-->
                                                <!--begin::Notice-->
                                                <div class="text-muted fw-bold fs-6">
                                                    Fill Your Purchase Information
                                                </div>
                                                <!--end::Notice-->
                                            </div>
                                            <!--end::Input group-->
                                            <div class="row @if($newitemshow) @else d-none @endif">
                                                <div class="col-md-4 p-4">
                                                    <div class="row">
                                                        <div class="col-md-12 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">Item Name</span>

                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput"
                                                                   name="item_name" wire:model.debounce.0ms="item_name" list="items" autocomplete="off" />

                                                            <datalist id="items">
                                                                @foreach($items as $item)
                                                                    <option value="{{$item['item_name']}}">
                                                                @endforeach

                                                            </datalist>

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

                                                        @if($item_hsn_code)
                                                            <div class="col-md-12 fv-row mb-5">
                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">HSN Code</span>

                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="text" class="form-control  custominput"
                                                                       name="item_hsn_code" wire:model.debounce.0ms="item_hsn_code" readonly  />
                                                                <!--end::Input-->
                                                                @error('item_hsn_code') <span class="text-danger">{{ $message }}</span> @enderror

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

                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <select class="form-control form-control-solid custominput form-select"
                                                                    name="dimension_id" wire:model.debounce.0ms="dimension_id">
                                                                <option value="">Select </option>
                                                                @foreach($dimensions as $dimension)
                                                                    <option value="{{$dimension['id']}}">{{$dimension['dimension_name']}}</option>
                                                                @endforeach

                                                            </select>

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

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

                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <select class="form-control form-control-solid custominput form-select"
                                                                    name="brand_id" wire:model.debounce.0ms="brand_id">
                                                                <option value="">Select </option>
                                                                @foreach($brands as $brand)
                                                                    <option value="{{$brand['id']}}">{{$brand['brand_name']}}</option>
                                                                @endforeach

                                                            </select>

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


                                                        @if($gst_type=='Yes')
                                                            <div class="col-md-12 fv-row mb-5">
                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">GST Rate (%)</span>

                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <select class="form-control form-control-solid custominput form-select"
                                                                        name="gst_rate" wire:model.debounce.0ms="gst_rate">
                                                                    <option value="">Select </option>
                                                                    <option value="0">0 %</option>
                                                                    <option value="5">5 %</option>
                                                                    <option value="12">12 %</option>
                                                                    <option value="18">18 %</option>

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

                                                    </div>
                                                </div>
                                                <div class="col-md-4 p-4 border-left-2">

                                                    <div class="row">

                                                        --}}{{--<div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="">Case</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                   name="case" wire:model.debounce.0ms="case"  />
                                                            <!--end::Input-->
                                                            @error('case') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="">Case Unit Quantity</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                   name="case_unit_quantity" wire:model.debounce.0ms="case_unit_quantity"  />
                                                            <!--end::Input-->
                                                            @error('case_unit_quantity') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>--}}{{--
                                                        --}}{{-- @if($casetotalquantity)--}}{{--
                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">Quantity</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                   name="quantity" wire:model.debounce.0ms="quantity"  />
                                                            <!--end::Input-->
                                                            @error('quantity') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        --}}{{-- @endif--}}{{--
                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">PTR</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="number" class="form-control form-control-solid custominput"
                                                                   name="unit_price" wire:model.debounce.0ms="unit_price"  />
                                                            <!--end::Input-->
                                                            @error('unit_price') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

                                                        @if($amount)
                                                            <div class="col-md-12 fv-row mb-5">

                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Amount</span>
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="text" class="form-control  custominput" onkeypress="return onlyNumberKey(event)"
                                                                       name="amount" wire:model.debounce.0ms="amount" readonly  />
                                                                <!--end::Input-->
                                                                @error('amount') <span class="text-danger">{{ $message }}</span> @enderror

                                                            </div>
                                                        @endif

                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-8 fw-bold form-label mb-2">
                                                                <span>Discount Rate(%)</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="number" class="form-control form-control-solid custominput"
                                                                   name="discount_rate" wire:model.debounce.0ms="discount_rate"  />
                                                            <!--end::Input-->
                                                            @error('discount_rate') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-8 fw-bold form-label mb-2">
                                                                <span >Discount Amount</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="number" class="form-control form-control-solid custominput"
                                                                   name="disc_amount" wire:model.debounce.0ms="disc_amount"  />
                                                            <!--end::Input-->
                                                            @error('disc_amount') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>
                                                        @if($total_amt=null)
                                                            <div class="col-md-12 fv-row mb-5">
                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Total Amount</span>
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="text" class="form-control custominput" onkeypress="return onlyNumberKey(event)"
                                                                       name="total_amt" wire:model.debounce.0ms="total_amt" readonly  />
                                                                <!--end::Input-->
                                                                @error('total_amt') <span class="text-danger">{{ $message }}</span> @enderror
                                                            </div>
                                                        @endif
                                                        @if($tax_amt !=null)
                                                            <div class="col-md-6 fv-row mb-5">
                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Tax Amount</span>
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="text" class="form-control  custominput"
                                                                       name="tax_amt" wire:model.debounce.0ms="tax_amt" readonly  />
                                                                <!--end::Input-->
                                                                @error('tax_amt') <span class="text-danger">{{ $message }}</span> @enderror

                                                            </div>
                                                        @endif
                                                        @if($final_amount)
                                                            <div class="col-md-6 fv-row mb-5">

                                                                <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Final Amount</span>
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="text" class="form-control  custominput" onkeypress="return onlyNumberKey(event)"
                                                                       name="final_amount" wire:model.debounce.0ms="final_amount" readonly  />
                                                                <!--end::Input-->
                                                                @error('final_amount') <span class="text-danger">{{ $message }}</span> @enderror

                                                            </div>
                                                        @endif

                                                    </div>
                                                </div>
                                                <div class="col-md-4 p-4  border-left-2">
                                                    <div class="row">
                                                        <div class="col-md-12 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">MFG Date</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="date" class="form-control form-control-solid custominput"
                                                                   name="mfg_date" id="mfg_date" wire:model.debounce.0ms="mfg_date"  />
                                                            <!--end::Input-->
                                                            @error('mfg_date') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

                                                        <div class="col-md-12 fv-row mb-5">
                                                        @if($mfg_date)
                                                            <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Best Before (In Months)</span>
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                       name="bestbefore" id="bestbefore" wire:model.debounce.0ms="bestbefore"  />
                                                                <!--end::Input-->
                                                                @error('bestbefore') <span class="text-danger">{{ $message }}</span> @enderror
                                                            @endif
                                                        </div>

                                                        <div class="col-md-12 fv-row mb-5">
                                                        @if($expiry_date)
                                                            <!--begin::Label-->
                                                                <label class="fs-6 fw-bold form-label mb-2">
                                                                    <span class="required">Expiry Date</span>
                                                                </label>
                                                                <!--end::Label-->
                                                                <!--begin::Input-->
                                                                <input type="date" class="form-control  custominput"
                                                                       name="expiry_date" id="expiry_date"  wire:model.debounce.0ms="expiry_date" readonly  />
                                                                <!--end::Input-->
                                                                @error('expiry_date') <span class="text-danger">{{ $message }}</span> @enderror
                                                            @endif
                                                        </div>

                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">Batch No.</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput"
                                                                   name="batch_no" wire:model.debounce.0ms="batch_no"  />
                                                            <!--end::Input-->
                                                            @error('batch_no') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

                                                        <div class="col-md-6 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">MRP</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="number" class="form-control form-control-solid custominput"
                                                                   name="purchase_mrp" wire:model.debounce.0ms="purchase_mrp"  />
                                                            <!--end::Input-->
                                                            @error('purchase_mrp') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>

                                                        <div class="col-md-12 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">Minimum Quantity</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                   name="minimum_quantity" wire:model.debounce.0ms="minimum_quantity"  />
                                                            <!--end::Input-->
                                                            @error('minimum_quantity') <span class="text-danger">{{ $message }}</span> @enderror
                                                        </div>



                                                        <div class="col-md-12 fv-row mb-5">
                                                            <!--begin::Label-->
                                                            <label class="fs-6 fw-bold form-label mb-2">
                                                                <span class="required">Bar Code</span>
                                                            </label>
                                                            <!--end::Label-->
                                                            <!--begin::Input-->
                                                            <input type="text" class="form-control form-control-solid custominput" onkeypress="return onlyNumberKey(event)"
                                                                   name="bar_code" wire:model.debounce.0ms="bar_code"  />
                                                            <!--end::Input-->
                                                            @error('bar_code') <span class="text-danger">{{ $message }}</span> @enderror
                                                            @if($gst_type =="No" && $item_id !="" && $dimension_id !="" && $purchase_mrp !="")
                                                                <br/>
                                                                <button type="button" class="btn btn-warning w-full text-white" wire:click="generatebarcode">Generate Barcode</button>
                                                            @endif
                                                        </div>

                                                        <div class="col-md-12 d-inline-flex">
                                                            @if($item_id !=null && $brand_id!=null && $dimension_id !=null && $quantity !=null && $unit_price !=null && $final_amount !=null && $purchase_mrp !=null && $batch_no !=null && $mfg_date !=null && $expiry_date !=null && $bar_code!=null)
                                                                <button type="button" class="btn btn-secondary btn-block w-200px" wire:click="clearpurchaseitem">Clear </button> &nbsp;&nbsp;
                                                                @if($purchase_edit_key!=null)
                                                                    <button type="button"  class="btn btn-info btn-block w-200px" wire:click="addpurchaseitem">Update </button>
                                                                @else
                                                                    <button type="button"  class="btn btn-info btn-block w-200px" wire:click="addpurchaseitem">Add </button>
                                                                @endif
                                                            @endif

                                                        </div>


                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row mb-10 @if($newitemshow) d-none @endif">
                                                <div class="col-md-12 mb-5">
                                                    <button class="btn btn-info" type="button" style="float: right;" wire:click="addnewitem">Add New Item</button>
                                                </div>
                                                <div class="col-md-12">
                                                    <table id="purchase_item_table" class="table  table-row-bordered gy-5 gs-7 border rounded">
                                                        <thead>
                                                        <tr class="fw-bolder text-uppercase fs-8 text-gray-800 px-7">
                                                            <th class="w-150px">Product</th>
                                                            <th>HSN Code</th>
                                                            <th>PACK</th>
                                                            <th>Qty</th>
                                                            <th>FREE</th>
                                                            <th>P.Rate</th>
                                                            <th>Disc1%</th>
                                                            <th>Disc2%</th>
                                                            <th>CGST%</th>
                                                            <th>CGST AMT</th>
                                                            <th>SGST%</th>
                                                            <th>SGST AMT</th>
                                                            <th>AMOUNT</th>
                                                            <th>Action</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        @if(sizeof($purchaseitemarray)>0)
                                                            @foreach($purchaseitemarray as $key => $item)
                                                                <tr class="fs-9">
                                                                    <td>{{$item['item_name']}}  / {{$item['brand_name']}} </td>
                                                                    <td>{{$item['item_hsn_code']}}</td>
                                                                    <td>{{number_format((float)$item['quantity'], 2, '.', '')}}</td>
                                                                    <td>₹{{number_format((float)$item['unit_price'], 2, '.', '')}}</td>
                                                                    <td>{{number_format((float)$item['discount_rate'], 2, '.', '')}}</td>
                                                                    <td>{{number_format((float)$item['cgst_rate'], 2, '.', '')}}</td>
                                                                    <td>₹{{number_format((float)($item['total_amt'] * ($item['cgst_rate'] /100)), 2, '.', '')}}</td>
                                                                    <td>{{number_format((float)$item['sgst_rate'], 2, '.', '')}}</td>
                                                                    <td>₹{{number_format((float)($item['total_amt'] * ($item['sgst_rate'] /100)), 2, '.', '')}}</td>
                                                                    <td>₹{{number_format((float)$item['final_amount'], 2, '.', '')}}</td>
                                                                    <td class="d-inline-flex">

                                                                        <a class="javascript:void(0);" wire:click="editpurchase({{$key}})">
                                                                 <span class="svg-icon svg-icon-muted 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>
                                                                        </a>
                                                                        &nbsp;&nbsp;&nbsp;
                                                                        <a class="javascript:void(0);" wire:click="deletepurchase({{$key}})">
                                                                <span class="svg-icon svg-icon-muted svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                                                 <path d="M5 9C5 8.44772 5.44772 8 6 8H18C18.5523 8 19 8.44772 19 9V18C19 19.6569 17.6569 21 16 21H8C6.34315 21 5 19.6569 5 18V9Z" fill="black"/>
                                                                 <path opacity="0.5" d="M5 5C5 4.44772 5.44772 4 6 4H18C18.5523 4 19 4.44772 19 5V5C19 5.55228 18.5523 6 18 6H6C5.44772 6 5 5.55228 5 5V5Z" fill="black"/>
                                                                 <path opacity="0.5" d="M9 4C9 3.44772 9.44772 3 10 3H14C14.5523 3 15 3.44772 15 4V4H9V4Z" fill="black"/>
                                                                 </svg></span>
                                                                        </a>


                                                                    </td>

                                                                </tr>
                                                            @endforeach
                                                        @endif

                                                        </tbody>

                                                    </table>
                                                </div>




                                            </div>

                                        </form>
                                    </div>
                                    <!--end::Step 3-->
                                    <!--begin::Step 4-->
                                    <div @if($viewpage == 4) class="current" @endif data-kt-stepper-element="content"  >
                                        <div class="row mb-10 w-full">
                                            <!--end::Input group-->
                                            <div class="pb-10 pb-lg-15">
                                                <!--begin::Title-->
                                                <h2 class="fw-bolder d-flex align-items-center text-dark"
                                                    style="font-size: 20px;">Purchase Information Review
                                                </h2>
                                                <!--end::Title-->
                                                <!--begin::Notice-->
                                                <div class="text-muted fw-bold fs-6">
                                                    Review Your Purchase Information
                                                </div>
                                                <!--end::Notice-->
                                            </div>

                                            <div class="col-md-12">
                                                <div class="row">
                                                    <div class="col-md-8">
                                                        <p class="fs-1">#Invoce No : {{$purchase_invoice_no}}</p>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <p class="fs-4">Invoice Date : {{\Carbon\Carbon::parse($purchase_invioce_date)->format('d M, Y')}}</p>
                                                    </div>
                                                    <div class="col-md-12">
                                                        <p class="fs-4">Supplier Name : {{$supplier_name}}</p>
                                                        <p class="fs-6">Contact No : {{$supplier_mobile_no}}</p>
                                                        <p class="fs-6">Address : {{$supplier_address}}</p>
                                                        <p class="fs-6">GST : {{$supplier_gst_no}}</p>
                                                    </div>
                                                </div>
                                                <div class="row mt-5">
                                                    <div class="col-md-12">
                                                        <table id="purchase_review_item_table" class="table table-striped table-row-bordered gy-5 gs-7 border rounded">
                                                            <thead>
                                                            <tr class="fw-bolder fs-8 text-gray-800 px-7">
                                                                <th>Sl. No.</th>
                                                                <th>Item</th>
                                                                <th>HSN Code</th>
                                                                <th>Price</th>
                                                                <th>Qty</th>
                                                                <th>Discount Amount (%)</th>
                                                                <th>Amount</th>
                                                                <th>GST Rate</th>
                                                                <th>GST Amount</th>
                                                                <th>Final Amount</th>
                                                                <th>MRP</th>
                                                                <th>Minimum Quantity</th>
                                                                <th>Bar Code</th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            @foreach($purchaseitemarray as $key => $itemarray)
                                                                <tr class="fs-8">
                                                                    <td>{{$key+1}}</td>
                                                                    <td>{{$itemarray['item_name']}}</td>
                                                                    <td>{{$itemarray['item_hsn_code']}}</td>
                                                                    <td>₹{{$itemarray['unit_price']}}</td>
                                                                    <td>{{$itemarray['quantity']}}</td>
                                                                    <td>{{$itemarray['disc_amount']}}({{$itemarray['discount_rate']}}%)</td>
                                                                    <td>₹{{$itemarray['total_amt']}}</td>
                                                                    <td>{{$itemarray['gst_rate']}}%</td>
                                                                    <td>₹{{$itemarray['tax_amt']}}</td>
                                                                    <td>₹{{$itemarray['final_amount']}}</td>
                                                                    <td>₹{{$itemarray['purchase_mrp']}}</td>
                                                                    <td>{{$itemarray['minimum_quantity']}}</td>
                                                                    <td>{{$itemarray['bar_code']}}</td>
                                                                </tr>
                                                            @endforeach

                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                        <!--end::Input group-->


                                    </div>
                                    <!--end::Step 4-->
                                    <!--begin::Step 5-->

                                    <!--end::Step 5-->
                                    <!--begin::Actions-->
                                    <div class="d-flex flex-stack pt-10">
                                        <!--begin::Wrapper-->

                                        <div class="me-2">
                                            @if($viewpage > 1)
                                                <button type="button" class="btn btn-lg btn-light-info me-3 " wire:click="gotoBack({{$viewpage}})">
                                                    <!--begin::Svg Icon | path: icons/duotune/arrows/arr063.svg-->
                                                    <span class="d-inline-flex">
                                                     <span class="svg-icon svg-icon-3 me-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="11" width="13" height="2" rx="1"
                                                       fill="black"/>
                                                 <path
                                                     d="M8.56569 11.4343L12.75 7.25C13.1642 6.83579 13.1642 6.16421 12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75L5.70711 11.2929C5.31658 11.6834 5.31658 12.3166 5.70711 12.7071L11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25C13.1642 17.8358 13.1642 17.1642 12.75 16.75L8.56569 12.5657C8.25327 12.2533 8.25327 11.7467 8.56569 11.4343Z"
                                                     fill="black"/>
                                             </svg>
                                                 </span>

                                         </span>
                                                    <!--end::Svg Icon-->Back
                                                </button>
                                            @endif
                                        </div>

                                        <!--end::Wrapper-->
                                        <!--begin::Wrapper-->
                                        <div>

                                            @if($viewpage == 4)
                                                @if($modelid !=null)
                                                    <button type="button" class="btn btn-lg btn-info"  wire:click="update" >
                                             <span class="indicator-label">Update
                                                  <span class="d-inline-flex">
                                                 <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                             <span class="svg-icon svg-icon-3 ms-2 me-0">
                                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                      viewBox="0 0 24 24" fill="none">
                                                     <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1"
                                                           transform="rotate(-180 18 13)" fill="black"/>
                                                     <path
                                                         d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z"
                                                         fill="black"/>
                                                 </svg>
                                             </span>
                                                  </span>
                                                 <!--end::Svg Icon--></span>
                                                        <span class="indicator-progress">Please wait...
                                             <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                                    </button>
                                                @else
                                                    <button type="button" class="btn btn-lg btn-info"  wire:click="submit" >
                                             <span class="indicator-label">Submit
                                                  <span class="d-inline-flex">
                                                 <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                             <span class="svg-icon svg-icon-3 ms-2 me-0">
                                                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                      viewBox="0 0 24 24" fill="none">
                                                     <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1"
                                                           transform="rotate(-180 18 13)" fill="black"/>
                                                     <path
                                                         d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z"
                                                         fill="black"/>
                                                 </svg>
                                             </span>
                                                  </span>
                                                 <!--end::Svg Icon--></span>
                                                        <span class="indicator-progress">Please wait...
                                             <span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
                                                    </button>
                                                @endif

                                            @else
                                                <button type="button" class="btn  btn-lg btn-info " wire:click="gotoNext({{$viewpage}})" >Continue
                                                    <!--begin::Svg Icon | path: icons/duotune/arrows/arr064.svg-->
                                                    <span class="d-inline-flex">
                                                 <span class="svg-icon svg-icon-3 ms-1 me-0">
                                             <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                  viewBox="0 0 24 24" fill="none">
                                                 <rect opacity="0.5" x="18" y="13" width="13" height="2" rx="1"
                                                       transform="rotate(-180 18 13)" fill="black"/>
                                                 <path
                                                     d="M15.4343 12.5657L11.25 16.75C10.8358 17.1642 10.8358 17.8358 11.25 18.25C11.6642 18.6642 12.3358 18.6642 12.75 18.25L18.2929 12.7071C18.6834 12.3166 18.6834 11.6834 18.2929 11.2929L12.75 5.75C12.3358 5.33579 11.6642 5.33579 11.25 5.75C10.8358 6.16421 10.8358 6.83579 11.25 7.25L15.4343 11.4343C15.7467 11.7467 15.7467 12.2533 15.4343 12.5657Z"
                                                     fill="black"/>
                                             </svg>
                                                 </span>
                                         </span>
                                                    <!--end::Svg Icon--></button>
                                            @endif
                                        </div>
                                        <!--end::Wrapper-->
                                    </div>
                                    <!--end::Actions-->

                                    <!--end::Form-->
                                </div>
                                <!--end::Content-->
                            </div>
                            <!--end::Stepper-->
                        </div>
                        <!--end::Modal body-->
                    </div>
                    <!--end::Modal content-->
                </div>
                <!--end::Modal dialog-->
            </div>--}}
            <!--end::Modals-->

                <div class="modal  fade" id="deleteConfirmation" data-bs-backdrop="static" data-bs-keyboard="false"
                     tabindex="-1" aria-labelledby="deleteConfirmation" aria-hidden="true" wire:ignore.self>
                    <div class="modal-dialog modal-dialog-centered">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title"
                                    id="staticBackdropLabel">{{ __('Delete Purchase Information') }}</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                            <span class="svg-icon svg-icon-muted svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg"
                                                                                  width="30" height="30" viewBox="0 0 24 24"
                                                                                  fill="none">
<path opacity="0.3"
      d="M12 10.6L14.8 7.8C15.2 7.4 15.8 7.4 16.2 7.8C16.6 8.2 16.6 8.80002 16.2 9.20002L13.4 12L12 10.6ZM10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 8.99999 16.4 9.19999 16.2L12 13.4L10.6 12Z"
      fill="black"/>
<path
    d="M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12ZM13.4 12L16.2 9.20001C16.6 8.80001 16.6 8.19999 16.2 7.79999C15.8 7.39999 15.2 7.39999 14.8 7.79999L12 10.6L9.2 7.79999C8.8 7.39999 8.2 7.39999 7.8 7.79999C7.4 8.19999 7.4 8.80001 7.8 9.20001L10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 9 16.4 9.2 16.2L12 13.4L14.8 16.2C15 16.4 15.3 16.5 15.5 16.5C15.7 16.5 16 16.4 16.2 16.2C16.6 15.8 16.6 15.2 16.2 14.8L13.4 12Z"
    fill="black"/>
</svg></span>
                                </button>
                            </div>
                            <div class="modal-body">
                                {{ __('Are you sure you want to delete this data ? Once the data is deleted, all of its resources and data will be permanently deleted.') }}
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                                <button type="button" class="btn btn-danger" wire:click="delete"> Delete</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--end::Modals-->

           {{-- <div class="modal  fade" id="deleteConfirmation" data-bs-backdrop="static" data-bs-keyboard="false"
                 tabindex="-1" aria-labelledby="deleteConfirmation" aria-hidden="true" wire:ignore.self>
                <div class="modal-dialog modal-dialog-centered">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title"
                                id="staticBackdropLabel">{{ __('Delete Purchase Information') }}</h5>
                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
                            <span class="svg-icon svg-icon-muted svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg"
                                                                                  width="30" height="30" viewBox="0 0 24 24"
                                                                                  fill="none">
<path opacity="0.3"
      d="M12 10.6L14.8 7.8C15.2 7.4 15.8 7.4 16.2 7.8C16.6 8.2 16.6 8.80002 16.2 9.20002L13.4 12L12 10.6ZM10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 8.99999 16.4 9.19999 16.2L12 13.4L10.6 12Z"
      fill="black"/>
<path
    d="M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12ZM13.4 12L16.2 9.20001C16.6 8.80001 16.6 8.19999 16.2 7.79999C15.8 7.39999 15.2 7.39999 14.8 7.79999L12 10.6L9.2 7.79999C8.8 7.39999 8.2 7.39999 7.8 7.79999C7.4 8.19999 7.4 8.80001 7.8 9.20001L10.6 12L7.8 14.8C7.4 15.2 7.4 15.8 7.8 16.2C8 16.4 8.3 16.5 8.5 16.5C8.7 16.5 9 16.4 9.2 16.2L12 13.4L14.8 16.2C15 16.4 15.3 16.5 15.5 16.5C15.7 16.5 16 16.4 16.2 16.2C16.6 15.8 16.6 15.2 16.2 14.8L13.4 12Z"
    fill="black"/>
</svg></span>
                            </button>
                        </div>
                        <div class="modal-body">
                            {{ __('Are you sure you want to delete this data ? Once the data is deleted, all of its resources and data will be permanently deleted.') }}
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                            <button type="button" class="btn btn-danger" wire:click="delete"> Delete</button>
                        </div>
                    </div>
                </div>
            </div>--}}
        </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>
        $("#invoice_date").flatpickr({
            maxDate: "today"
        });
        /* $("#mfg_date").flatpickr({
             altInput: true,
             altFormat: "d-m-Y",
             dateFormat: "Y-m-d",
         });
         $("#expiry_date").flatpickr({
             altInput: true,
             altFormat: "Y-m-d",
             dateFormat: "Y-m-d",
         });*/
        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