{{--@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 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 Name</span>
                            </label>
                            <!--end::Label-->
                            <!--begin::Input-->
                            <select class="form-control form-control-solid custominput"
                                    name="sup_id" wire:model="sup_id">
                                <option value="">Select</option>
                                @foreach($suppliers as $supplier)
                                    <option value="{{$supplier->id}}">{{$supplier->supplier_name}}</option>
                                @endforeach
                            </select>
                            <!--end::Input-->
                            @error('sup_id') <span class="text-danger">{{ $message }}</span> @enderror
                        </div>
                        <div class="col-md-4">
                            <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" max="{{date('Y-m-d')}}" wire:model.lazy="start_date"/>
                            <!--end::Input-->
                            @error('start_date') <span class="text-danger">{{ $message }}</span> @enderror
                        </div>

                        <div class="col-md-4">
                            <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" max="{{date('Y-m-d')}}" wire:model.lazy="end_date"/>
                            <!--end::Input-->
                            @error('end_date') <span class="text-danger">{{ $message }}</span> @enderror
                        </div>


                        <div class="col-md-1 py-6">
                            <a href="javascript:void(0)" wire:click="showsupledgerdetails" 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">date</th>
                        <th class="min-w-125px text-black p-2 fs-9">Invoice / Voucher No</th>
                        <th class="min-w-125px text-black p-2 fs-9">Voucher Particulars</th>
                        <th class="min-w-50px text-black p-2 fs-9">Debit</th>
                        <th class="min-w-50px text-black p-2 fs-9">Credit</th>

                    </tr>
                    <!--end::Table row-->
                    </thead>
                    <!--end::Table head-->
                    <!--begin::Table body-->
                    <tbody class="fw-bold text-gray-600 fs-8">
                    @if(sizeof($purchaseregister)>0)
                        @foreach($purchaseregister 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-black p-2 fs-9">{{$tabledata['supplier_name']}}</td>
                                <td class="text-black p-2 fs-9">{{sizeof($tabledata['purchaseItems'])}}</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>
    <!--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