@extends('admin.layout.master')
@section('content')
    <div class="row">
        <div class="col-12" style="max-height: calc(100vh - 60px); overflow: auto;">
            <table class="table mb-0 rounded-2 cl-table table-bordered" id="cart_table">
                <thead class="sticky-top">
                    <tr>
                        <th class="text-center">{{ __('obs.sl') }}</th>
                        <th class="text-center">{{ __('obs.product') }}</th>
                        <th class="text-center">{{ __('obs.unit') }}</th>
                        <th class="text-center">{{ __('obs.qty') }}</th>
                        <th class="text-center">{{ __('obs.note') }}</th>
                    </tr>
                </thead>
                <tbody>
                    {{-- @php
                        $products = $products->sortBy(function ($q) {
                            return [
                                $q->accGroup->serial,
                                $q->catByCatCode->serial,
                                $q->serial,
                            ];
                        });
                        $cat_code = null;
                        $acc_group_id = null;
                        $orderCart = [];
                        $i = -1;
                    @endphp --}}
                    @foreach ($orderCarts as $i => $item)
                        {{-- @if ($item->acc_group_id != $acc_group_id)
                            @php $acc_group_id = $item->acc_group_id @endphp
                            <tr class="sticky-top" style="top: 34px;">
                                <td class="d-none"></td>
                                <td class="d-none"></td>
                                <td class="d-none"></td>
                                <td class="d-none"></td>
                                <td colspan="5" class="text-center bg-info text-light py-0"><strong>{{ $item->accGroup->name }}</strong></td>
                            </tr>
                        @endif
                        @if ($item->cat_code != $cat_code)
                            @php $cat_code = $item->cat_code @endphp
                            <tr class="sticky-top" style="top: 55px">
                                <td class="d-none"></td>
                                <td class="d-none"></td>
                                <td class="d-none"></td>
                                <td class="d-none"></td>
                                <td colspan="5" class="text-center bg-dark text-light py-0"><strong>{{ $item->catByCatCode->name_eng }}</strong></td>
                            </tr>
                        @endif --}}
                        @php
                            // $i++;
                            // $orderCart[] = [
                            //     'id'=> $item->orderCart?->id??0,
                            //     'product_id'=> $item->id,
                            //     'unit_qty'=> 1,
                            //     'order_qty'=> $item->orderCart?->order_qty??0,
                            //     'order_price'=> $item->orderCart?->order_qty??$item->sell_price,
                            //     'note'=> $item->orderCart?->note,
                            //     'acc_group_id'=> $item->acc_group_id,
                            //     'transaction_type'=> 14
                            // ];
                        @endphp
                        <tr>
                            <td class="text-center">{{ $i+1 }}</td>
                            <td>{{ $item->product->name_eng }}</td>
                            <td class="text-center">{{ $item->product->primaryUnit->name }}</td>
                            <td> <input type="number" class="form-control" NsModelBind="orderCartObj[{{ $i }}].order_qty" value="{{ $item->order_qty }}"> </td>
                            <td> <input type="text" class="form-control" NsModelBind="orderCartObj[{{ $i }}].note" value="{{ $item->note }}"> </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="col-12 d-flex">
            <div class="row" style="position: fixed; bottom: 20px; left: 50%; transform: translate(-50%, 0); z-index: 999">
                <div>
                    <button class="btn btn-success btn-pill pe-2" onclick="submitOrderCart()">Save</button>
                    <button class="btn btn-success btn-pill" onclick="submitCartToOrder()">Confirm Order</button>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    @include('v2.party.order.cart_script')
@endsection