{{--@if($serverstatus)
    @if(\Illuminate\Support\Facades\Auth::user()->isAbleTo('store_manage_selling_price-read'))--}}
<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-fluid">
            <!--begin::Card-->
            <div class="card card-flush mt-5" style="box-shadow: 0px 5px 5px #1a1a1a;">

                <!--begin::Card header-->
                <div class="card-header mt-6">

                    <!--begin::Card title-->
                    <div class="col-md-12 fv-row mb-7">
                        <div class="row">

                            <div class="col-md-3">
                                <label class="fs-6 fw-bold form-label mb-2">
                                    <span >Supplier</span>

                                </label>
                                <!--end::Label-->
                                <!--begin::Input-->
                                <select class="form-control form-control-solid custominput"
                                         name="supplier_id" wire:model="supplier_id">
                                    <option value="">Select</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>
                            <div class="col-md-3">
                                <label class="fs-6 fw-bold form-label mb-2">
                                    <span >From Date</span>

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

                            <div class="col-md-3">
                                <label class="fs-6 fw-bold form-label mb-2">
                                    <span >To Date</span>

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


                            <div class="col-md-3 py-6">
                                <a href="javascript:void(0)" wire:click="showinvoicedetails" class="btn btn-info btn-hover-scale me-5">Show</a>
                            </div>



                        </div>
                        <!--begin::Label-->


                    </div>

                    <!--end::Card title-->

                </div>
                <!--end::Card header-->
                <!--begin::Card body-->
                <div class="card-body table-responsive pt-0 overflow-scroll" >
                    <!--begin::Table-->
                    <table class="table align-middle table-row-dashed text-start fs-6 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-120px text-black p-2 fs-9">Created On</th>
                            <th class="min-w-125px text-black p-2 fs-9">Invoice Date</th>
                            <th class="min-w-125px text-black p-2 fs-9">Invoice No</th>
                            <th class="min-w-50px text-black p-2 fs-9">No. Of Item</th>
                            <th class="min-w-50px text-black p-2 fs-9">Gross Value</th>
                            <th class="min-w-50px text-black p-2 fs-9">GST</th>
                            <th class="min-w-50px text-black p-2 fs-9">Net Amount</th>
                            <th class="min-w-50px text-black p-2 fs-9">Return GST</th>
                            <th class="min-w-60px text-black p-2 fs-9">Return Amount</th>

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

                            @foreach($invoicedetailsarray as $key => $tabledata)
                                <tr>
                                    <td class="text-black p-2 fs-9">{{\Carbon\Carbon::parse($tabledata['created_at'])->format('d-M-Y')}}</td>
                                    <td class="text-black p-2 fs-9">{{\Carbon\Carbon::parse($tabledata['purchase_invioce_date'])->format('d-M-Y')}}</td>
                                    <td class="text-black p-2 fs-9">
                                        <a href="javascript:void(0)" class="text-info" wire:click="getPurchaseInfo({{$tabledata['id']}})" data-bs-toggle="modal"
                                           data-bs-target="#kt_modal_purchase_info">
                                            {{$tabledata['purchase_invoice_no']}}
                                        </a>
                                    </td>

                                    <td class="text-center text-black p-2 fs-9">{{$tabledata['no_of_items']}}</td>
                                    <td class="text-end text-black p-2 fs-9">{{$tabledata['gross_value']}}</td>
                                    <td class="text-end text-black p-2 fs-9">{{$tabledata['gst']}}</td>
                                    <td class="text-end text-black p-2 fs-9">{{$tabledata['net_amount']}}</td>
                                    <td class="text-end text-black p-2 fs-9">{{$tabledata['return_gst']}}</td>
                                    <td class="text-end text-black p-2 fs-9">{{$tabledata['return_amount']}}</td>
                                    <!--end::Name=-->
                                </tr>
                            @endforeach


                            </tbody>
                            <!--end::Table body-->
                            <tfoot>
                            <tr class="fw-bold">
                                <td class="text-black p-2 fs-8" colspan="2">Total</td>

                                <td class="text-black p-2 fs-8">{{$no_of_invoice}}</td>

                                <td class="text-black p-2 fs-8 text-center">{{$no_of_items}}</td>
                                <td class="text-black p-2 fs-8 text-right">{{$total_gross_values}}</td>
                                <td class="text-black p-2 fs-8 text-right">{{$total_gst}}</td>
                                <td class="text-black p-2 fs-8 text-right">{{$total_net_amount}}</td>
                                <td class="text-black p-2 fs-8 text-right">{{$total_return_gst}}</td>
                                <td class="text-black p-2 fs-8 text-right">{{$total_return_amount}}</td>


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

                    </table>

                    <!--end::Table-->
                    <div class="col-12 justify-content-end">
                        {{--{{$datatables->links('livewire.pagination-livewire')}}--}}
                    </div>
                    @if(sizeof($invoicedetailsarray)>0)
                        <center>
                            <div class="col-md-12 py-6 align-middle">
                                <a href="/export_supplier_pdf_report" wire:click="export_supplier_pdf" class="btn btn-info btn-hover-scale me-5">Export PDF</a>
                            </div>
                        </center>
                    @endif
                </div>
                <!--end::Card body-->
            </div>
            <!--end::Card-->

            <div class="modal fade" id="kt_modal_supplier_purchase_info" 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">Supplier Invoice Information</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-12">
                                                                        <table class="table table-responsive table-bordered table-row-dashed fs-8 gap-4 text-dark">
                                        <thead class="text-dark font-bold">
                                        <tr>
                                            <td>Item/Brand/Dimension</td>
                                            <td>Quantity</td>
                                            <td>MRP</td>
                                            <td>Unit Price</td>
                                            <td>Discount</td>
                                            <td>Gross Amount</td>
                                            <td style="text-align: center;">GST</td>
                                            <td style="text-align: center;">IGST</td>
                                            <td>GST Amount</td>
                                            <td>Net Amount</td>
                                            <td>Return Qty</td>
                                            <td>Return GST</td>
                                            <td>Return Amount</td>
                                            <td>Batch No</td>
                                            <td>Manufacturing Date</td>
                                            <td>MRP</td>
                                        </tr>
                                        </thead>
                                        <tbody class="text-dark">
                                        @if(sizeof($showdetailsarray)>0)

                                            <tr>

                                                                                                @foreach($showdetailsarray as $pdetails)
                                                    <td class="text-end">
                                                        <div >{{$pdetails->item_name}}/{{$pdetails->brand_name}}/{{$pdetails->dimension_name}}</div>
                                                    </td>
                                                    <td class="text-end">
                                                        <div >{{$pdetails->quantity}}</div>
                                                    </td>
                                                    <td class="text-end">
                                                        <div>₹{{$pdetails->purchase_mrp}}</div>
                                                    </td>
                                                    <td class="text-end">
                                                        <div >₹{{$pdetails->unit_price}}</div>
                                                    </td>
                                                    <td class="text-end">
                                                        <div >₹{{$pdetails->discount_amount}}</div>
                                                    </td>
                                                    <td class="text-end">
                                                        <div >₹{{$pdetails->subtotal_amount}}</div>
                                                    </td>
                                                    <td class="text-end">
                                                        <div >{{$pdetails->sgst_rate+$pdetails->cgst_rate}}%</div>
                                                    </td>
                                                    <td class="text-end">
                                                        <div >{{$pdetails->igst_rate}}%</div>
                                                    </td>
                                                    <td class="text-end">
                                                        <div >₹{{$pdetails->gst_amount}}</div>

                                                    </td>
                                                    <td class="text-end">
                                                        <div >₹{{$pdetails->net_amount}}</div>
                                                                                                            </td>
                                                    <td class="text-end">
                                                        <div >₹{{$pdetails->adjust_quantity}}</div>

                                                    </td>
                                                    <td class="text-end">
                                                        <div >₹ {{$pdetails->rgst_amount}}</div>
                                                    </td>
                                                    <td class="text-end">
                                                        <div >₹ {{$pdetails->net_amount}}</div>
                                                    </td>
                                                    <td class="text-end">
                                                    <div ></div>
                                                    </td>
                                                    <td class="text-end">
                                                    <div ></div>
                                                    </td>
                                                    <td class="text-end">
                                                    <div></div>
                                                    </td>
                                            </tr>

                                            @endforeach

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

                                        </tbody>
                                        <tfoot class="text-dark font-bold fs-6">
                                        <tr>
                                            <td colspan="9" class="text-end">
                                                Total Amount
                                            </td>

                                            <td class="text-right">₹{{number_format((float)($totalamount), 2, '.', '')}}</td>
                                        </tr>


                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </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