@extends('panel.layouts.main')
@section('content')
<div class="post d-flex flex-column-fluid" id="kt_post">
    <div id="kt_content_container" class="container">
        <div class="card">
            <div class="card-header border-0 pt-6">

                <div class="card-toolbar">
{{--                    <div >--}}
                        <form action="" class="input-group input-group-solid mb-5 ajax-ative">
{{--                            <input placeholder="کد فاکتور" class="form-control" name="factor_code" value="{{ $request->factor_code }}">--}}
                            <input placeholder="کد مشتری" class="form-control " name="customer_code" value="{{ $request->customer_code }}">
                            <input placeholder="نام مشتری" class="form-control " name="customer_name" value="{{ $request->customer_name }}">
                            <button type="submit" class="btn btn-primary">
                                جستجو
                            </button>
                        </form>
{{--                    </div>--}}

                    <div class="d-flex justify-content-end" data-kt-customer-table-toolbar="base">


                        <a href="/panel/factor/add" class="btn btn-primary me-3 mb-10">
                         <span class="svg-icon svg-icon-2"><svg xmlns="http://www.w3.org/2000/svg"
                                                       xmlns:xlink="http://www.w3.org/1999/xlink"
                                                       width="24px" height="24px" viewBox="0 0 24 24"
                                                       version="1.1"><rect fill="#000000" x="4" y="11"
                                                                           width="16" height="2"
                                                                           rx="1"></rect><rect
                            fill="#000000" opacity="0.5"
                            transform="translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000)"
                            x="4" y="11" width="16" height="2" rx="1"></rect></svg></span>
                            فاکتور جدید
                        </a>


                        <div class="menu menu-sub menu-sub-dropdown w-300px w-md-325px" data-kt-menu="true" id="kt-toolbar-filter" style="">
                            <div class="separator border-gray-200"></div>
                            <form action="" method="get">
                                <div class="px-7 py-5">
                                <div class="mb-10">
                                    <label class="form-label fs-5 fw-bold mb-3">جستجوی فاکتور:</label>
                                    <div class="d-flex flex-column flex-wrap fw-bold" data-kt-docs-table-filter="payment_type">
{{--                                        @foreach(\App\Models\board_types::all() as $type)--}}
{{--                                        <label class="form-check form-check-sm form-check-custom form-check-solid mb-3 me-5">--}}
{{--                                            <input class="form-check-input" type="radio" name="type" value="{{ $type->id }}" checked="checked">--}}
{{--                                            <span class="form-check-label text-gray-600">{{ $type->name }}</span>--}}
{{--                                        </label>--}}
{{--                                        @endforeach--}}
                                    </div>
                                    <!--end::Options-->
                                </div>
                                <!--end::Input group-->
                                <!--begin::Actions-->
                                <div class="d-flex justify-content-end">
                                    <a href="/panel/boards/list" class="btn btn-light btn-active-light-primary me-2" data-kt-menu-dismiss="true" data-kt-docs-table-filter="reset">همه</a>
                                    <button type="submit" class="btn btn-primary" data-kt-menu-dismiss="true" data-kt-docs-table-filter="filter">اعمال</button>
                                </div>
                                <!--end::Actions-->
                            </div>
                            </form>
                            <!--end::Content-->
                        </div>



                        <div style="padding: calc(0.75rem + 1px) calc(1.5rem + 1px);font-size: 14px!important;">
{{--                            تعداد: <strong>{{ empty($request->factor_code)   empty($request->customer_code) ?  : count($factors) }}</strong></div>--}}
                    </div>
                    <div class="d-flex justify-content-end align-items-center d-none"
                         data-kt-customer-table-toolbar="selected">
                        <div class="fw-bolder me-5">
                            <span class="me-2" data-kt-customer-table-select="selected_count"></span>انتخاب شده
                        </div>
                        <button type="button" class="btn btn-outline-danger"
                                data-kt-customer-table-select="delete_selected">حذف انتخاب شده
                        </button>
                    </div>
                </div>
            </div>

            <div class="card-body pt-0">
                <div class="table-responsive">
                    <table class="table table-striped gy-7 gs-7">
                        <thead>
                        <tr class="fw-bold fs-6 text-gray-800 border-bottom-2 border-gray-200">
                            <th>شماره فاکتور</th>
                            <th>شرکت</th>
                            <th>مشتری</th>
                            <th>مبلغ کل</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody id="ajax-list">
                        @foreach($factors as $b)
                        <tr>
                            <td>#{{ $b->id }}</td>
                            <td>{{ $b->company }}</td>
                            <td>{{ \App\Models\customers::find($b->customer_id)->name  }}</td>
                            <td style="
                            direction: rtl;text-align: right">{{ number_format(\App\Models\factors::kol($b->id)) . " ریال"  }}</td>
                            <td style="direction: rtl;text-align: right">{{ \Hekmatinasser\Verta\Verta::instance($b->date)->format("Y/m/d") }}</td>
                            <td style="direction: ltr">
                                @if(auth::user()->company == $b->company)
                                <a href="/panel/factor/delete/{{$b->id}}" class="btn btn-icon btn-outline-danger"><i class="las la-trash fs-2"></i></a>
                                <a href="/panel/factor/edit/{{$b->id}}" class="btn btn-icon btn-primary"><i class="las la-pencil-alt fs-2"></i></a>
                                @endif
                                <a href="/panel/factor/pdf/{{$b->id}}" class="btn btn-icon btn-success"><i class="las la-download fs-2"></i></a>
                            </td>
                        </tr>
                        @endforeach
                        </tbody>
                    </table>

                </div>


            </div>

        </div>

    </div>
</div>

@endsection
@section("script")
        <script>
            var step = 1;
            var loading = false;
            @if(!(!empty($request->factor_code) || !empty($request->customer_code) || !empty($request->customer_name)))
                $(window).on("scroll.once", function() {
                if ($(window).scrollTop() == $(document).height()-$(window).height()){
                    console.log("sctroll")
                    if(loading === false){
                        loading = true;
                        $.ajax({
                            url: '/panel/factor/ajax/'+step,
                            success: function (data) {
                                step++;
                                $.each(data, function(i,d) {
                                    $('#ajax-list').append("" +
                                        "<tr>" +
                                        "   <td>#"+d.id+"</td>" +
                                        "   <td>"+d.cus_name+"</td>" +
                                        "   <td>"+d.price+"</td>" +
                                        "   <td>"+d.date+"</td>" +
                                        "   <td style='direction: ltr'>" +
                                        "        <a href='/panel/factor/delete/"+d.id+"' class='btn btn-icon btn-outline-danger'><i class='las la-trash fs-2'></i></a>" +
                                        "        <a href='/panel/factor/edit/"+d.id+"' class='btn btn-icon btn-primary'><i class='las la-pencil-alt fs-2'></i></a>" +
                                        "        <a href='/panel/factor/pdf/"+d.id+"' class='btn btn-icon btn-success'><i class='las la-download fs-2'></i></a>" +
                                        "</td>" +
                                        "</tr>"
                                    );
                                });

                                loading = false;
                            },
                        });
                    }
                }
            });
            @endif
        </script>
@endsection