{{--@if($serverstatus)
    @if(\Illuminate\Support\Facades\Auth::user()->isAbleTo('store_manage_selling_price-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">

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


            <!--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">Supplier</th>
                        <th class="min-w-123px text-black p-2 fs-9">Invoice Date</th>
                        <th class="min-w-123px text-black p-2 fs-9">Invoice No</th>
                        <th class="min-w-123px text-black p-2 fs-9">Amount</th>
                        <th class="min-w-123px text-black p-2 fs-9">Paid Amount</th>
                        <th class="min-w-123px text-black p-2 fs-9">Outstanding</th>
                        <th class="min-w-123px text-black p-2 fs-9">Last Payment Date</th>
                        <th class="min-w-123px text-black p-2 fs-9">How Old</th>


                    </tr>
                    <!--end::Table row-->
                    </thead>
                    <!--end::Table head-->
                    <!--begin::Table body-->
                    <tbody class="fw-bold text-gray-600 fs-8">
                    @if(sizeof($closingstockRegisters)>0)
                        @foreach($closingstockRegisters as $key => $tabledata)
                            <tr>
                                <td class="text-black p-2 fs-9">{{\Carbon\Carbon::parse($tabledata['created_at'])->format('d-M-Y h:m:i')}}</td>
                                <td class="text-black p-2 fs-9">{{$tabledata['item_name']}}</td>
                                <td class="text-black p-2 fs-9">{{$tabledata['brand_name']}}</td>
                                <td class="text-black p-2 fs-9">{{$tabledata['dimension_name']}}</td>
                                <td class="text-black p-2 fs-9">{{$tabledata['batch_no']}}</td>
                                <td class="text-black p-2 fs-9">{{$tabledata['purchase_info']['purchase_invoice_no']}}</td>
                                <td class="text-black p-2 fs-9">{{\Carbon\Carbon::parse($tabledata['purchase_info']['purchase_invioce_date'])->format('d-M-Y')}}</td>
                                <td class="text-black p-2 fs-9">{{$tabledata['total_amount']}}</td>

                                <!--end::Name=-->
                            </tr>
                        @endforeach
                    @else
                        <tr>
                            <td class="p-2 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">
                    {{--{{$datatables->links('livewire.pagination-livewire')}}--}}
                </div>
                {{--  @if(sizeof($datatables)>0)

                      --}}{{-- <div class="col-md-12" >
                           <center>
                               <button class="btn btn-danger btn-hover-scale me-5 " wire:click="resetvalid" >Discard</button>


                           </center>
                       </div>--}}{{--
                  @endif--}}
            </div>
            <!--end::Card body-->
        </div>
        <!--end::Card-->
        {{-- <div class="modal fade" id="kt_modal_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">Purchase 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-row-dashed fs-6 gap-4">
                                     <tbody>
                                     @if(sizeof($showdetailsarray)>0)
                                                                                  @foreach($showdetailsarray as $detail)
                                             <tr>
                                                 <td>
                                                     <div class="d-flex align-items-center gap-3">
                                                         @if(sizeof($detail['ItemImage_info']) >0)
                                                             <a href="#">
                                                                 <img src="{{\Illuminate\Support\Facades\Storage::url( json_decode($detail['ItemImage_info']['item_image'])[0])}}" width="50px">
                                                             </a>
                                                         @else
                                                             <a href="#">
                                                                 <img src="assets/icons/no-pictures.png" width="50px">
                                                             </a>
                                                         @endif
                                                         <div class="d-flex flex-column text-muted">
                                                             <a href="#" class="text-dark text-hover-primary fw-bolder">{{$detail['item_info']['item_name']}}</a>
                                                             <div class="fs-7" data-kt-docs-datatable-subtable="template_description">{{$detail['brand_info']['brand_name']}} / {{$detail['dimension_info']['dimension_name']}}</div>
                                                         </div>
                                                     </div>

                                                 </td>
                                                 <td class="text-end">
                                                     <div class="text-dark fs-7">MRP</div>
                                                     <div class="text-muted fs-7 fw-bolder">₹{{$detail['purchase_mrp']}}</div>
                                                 </td>
                                                 <td class="text-end">
                                                     <div class="text-dark fs-7">Unit Price</div>
                                                     <div class="text-muted fs-7 fw-bolder">₹{{$detail['unit_price']}}</div>
                                                 </td>
                                                 <td class="text-end">
                                                     <div class="text-dark fs-7">Qty</div>
                                                     <div class="text-muted fs-7 fw-bolder" >{{$detail['quantity']}}</div>
                                                 </td>
                                                 <td class="text-end">
                                                     <div class="text-dark fs-7">Discount Rate</div>
                                                     <div class="text-muted fs-7 fw-bolder">{{$detail['discount_rate']}}</div>
                                                 </td>
                                                 @if($detail['igst_rate'])
                                                     <td class="text-end">


                                                         <div class="text-dark fs-7">IGST Rate</div>
                                                         <div class="text-muted fs-7 fw-bolder">{{$detail['igst_rate']}}%</div>


                                                     </td>
                                                 @else
                                                     <td class="text-end">

                                                         <div class="text-dark fs-7">CGST Rate</div>
                                                         <div class="text-muted fs-7 fw-bolder">{{number_format((float)($detail['cgst_rate']), 2, '.', '')}}%</div>


                                                     </td>
                                                     <td class="text-end">


                                                         <div class="text-dark fs-7">SGST Rate</div>
                                                         <div class="text-muted fs-7 fw-bolder">{{number_format((float)($detail['sgst_rate']), 2, '.', '')}}%</div>


                                                     </td>
                                                 @endif
                                                 <td class="text-end">
                                                     <div class="text-dark fs-7">Net Amount</div>
                                                     <div class="text-muted fs-7 fw-bolder">₹{{$detail['net_amount']}}</div>
                                                                                                      </td>

                                                 <td class="text-end">
                                                     <div class="text-dark fs-7">Bar Code</div>
                                                     <div class="text-muted fs-7 fw-bolder">{{$detail['bar_code']}}</div>
                                                 </td>


                                             </tr>
                                         @endforeach
                                         <tr>
                                             <td colspan="8" class="text-end">
                                                 <div class="text-dark fs-5 fw-bolder" >Total Amount</div>
                                                 <div class="text-muted fs-5 fw-bolder">₹{{number_format((float)($totalamount), 2, '.', '')}}</div>
                                             </td>
                                         </tr>

                                     @else

                                         <tr>
                                             <td colspan="9">
                                                 <h1 class="text-danger fs-2 font-bold text-center">No Data Available</h1>
                                             </td>
                                         </tr>
                                     @endif
                                     </tbody>
                                 </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