@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 ($products as $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++;
                            $orderCarts[] = [
                                'unit_qty'               =>  1,
                                'product_id'             =>  $item->id,
                                'acc_group_id'           =>  $item->acc_group_id,
                                'transaction_type'       =>  request()->tran_type,
                                'id'                     =>  $item->orderCart?->id??null,
                                'description'            =>  $item->orderCart?->description,
                                'order_qty'              =>  $item->orderCart?->order_qty??0,
                                'order_price'            =>  $item->orderCart?->order_qty??$item->sell_price,
                                'attribute_transactions' => []
                            ];
                        @endphp
                        <tr>
                            <td class="text-center">{{ $i+1 }}</td>
                            <td>{{ $item->name_eng }}</td>
                            <td class="text-center">{{ $item->primaryUnit->name }}</td>
                            <td> <input type="number" class="form-control" NsModelBind="orderCartObj[{{ $i }}].order_qty" value="{{ $orderCarts[$i]['order_qty'] }}"> </td>
                            <td> <input type="text" class="form-control" NsModelBind="orderCartObj[{{ $i }}].description" value="{{ $orderCarts[$i]['description'] }}"> </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="col-3">
            <button class="btn btn-success btn-pill" onclick="submitOrderCart()" style="position: fixed; bottom: 20px; left: 50%; transform: translate(-50%, 0); z-index: 999">Save</button>
        </div>
    </div>
@endsection
@section('script')
    @include('v2.party.order.cart_script')
@endsection