@extends('admin.layout.master')
@section('content')
    <div id="sale_create_blade" class="cl-card card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="card-title m-0 col-3">{{__('obs.admin_order')}}</h4>
			<h6 class="card-title m-0 col-2"><input type="text" id="order_no" name="order_no" disabled NsModelBind="order.order_no" class="form-control cl-form-control text-center" style="border: 0; background-color: var(--cl-gray-50);"></h6>
			{{-- <div class="col-sm-3 col-5">
				<div class="d-flex align-items-center">
                    <label for="" style="width: 150px;">
                        <b class="w-100">{{__('obs.sell_type')}}</b>
                    </label>
                    <select class="form-select cl-form-select" NsModelBind="invoice.sell_type" name="sell_type" id="sell_type" onchange="setSalesTypeWisePrice(-1)">
                        <option value="1" selected>{{__('obs.regular')}}</option>
                        <option value="2">{{__('obs.retail')}}</option>
                        <option value="3">{{__('obs.whole')}}</option>
                        <option value="4">{{__('obs.flash')}}</option>
                    </select>
				</div>
			</div> --}}
        </div>
        @php
            if (@$order) $order->date = date('d-m-Y H:i:s', strtotime($order->date));
        @endphp
        <div class="card-body">
            <div class="row mb-2">
                <div class="col-3">
                    <label for="party_id">{{ __('obs.party') }}</label>
                    @include('v2.inventory.global.party_live_dd', ['type'=> 2, 'binder'=> 'order.party_id', 'skip_add_new'=> 1, 'selected_party'=> @$order?@$order->party:null])
                </div>
                <div class="col-3">
                    <label for="date">Date</label>
                    @include('v2.admin.global.date', [
                        'binder'=> 'order.date',
                        'value'=> @$order?date('d-m-Y', strtotime($order->date)):date('d-m-Y')
                    ])
                </div>
            </div>
            <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.rate') }}</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;
                                $orderDetails = [];
                                $i = -1;
                                
                                if (@$order) $order->date = date('d-m-Y H:i:s', strtotime($order->date));
                            @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 class="d-none"></td>
                                        <td colspan="6" 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 class="d-none"></td>
                                        <td colspan="6" class="text-center bg-dark text-light py-0"><strong>{{ $item->catByCatCode->name_eng }}</strong></td>
                                    </tr>
                                @endif
                                @php
                                    $i++;
                                    $odrDet = null;
                                    if (@$order && $odrDet = $order->details->where('product_id', $item->id)->first()) $odrDet->product = $item;
                                    $orderDetails[] = $odrDet ?? (object) [
                                        'unit_qty'               =>  1,
                                        'order_qty'              =>  0,
                                        'description'            =>  '',
                                        'dr_cr'                  =>  request()->tran_type==14?2:1,
                                        'id'                     =>  null,
                                        'party_id'               =>  null,
                                        'order_invoice_id'       =>  null,
                                        'product'                =>  $item,
                                        'product_id'             =>  $item->id,
                                        'price'                  =>  $item->sell_price,
                                        'order_price'            =>  $item->sell_price,
                                        // 'acc_group_id'           =>  $item->acc_group_id,
                                        'transaction_type'       =>  request()->tran_type,
                                        'attribute_transactions' => [],
                                    ];
                                @endphp
                                <tr>
                                    <td class="text-center">{{ $i+1 }}</td>
                                    <td class="d-flex justify-content-between">
                                        {{ $item->name_eng }} 
                                        <button type="button" class="badge badge-success" style="border: none !important; display: none !important;" onclick="viewSerializedModal({{ $i }})" id="add_sl_btn_{{ $i }}"> <i class="icofont-plus"></i> </button>
                                    </td>
                                    <td class="text-center">{{ $item->primaryUnit->name }}</td>
                                    <td class="text-center"> {{ $orderDetails[$i]->price }} </td>
                                    <td> <input type="number" class="form-control" NsModelBind="order.details[{{ $i }}].order_qty" id="order_qty{{ $i }}" value="{{ $orderDetails[$i]->order_qty }}" onchange="calculateOrderTotal()"> </td>
                                    <td> <input type="text" class="form-control" NsModelBind="order.details[{{ $i }}].description" id="description{{ $i }}" value="{{ $orderDetails[$i]->description }}"> </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="col-3">
                    <button class="btn btn-success btn-pill" id="save_order" onclick="submitOrderForm()" style="position: fixed; bottom: 20px; left: 50%; transform: translate(-50%, 0); z-index: 999">Save</button>
                </div>
            </div>
            <!-- size Modal Div -->
            <div id="div_product_serial"> </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        const edit_invoice = @json(@$order??null);
        const party = @json(@$party);
        const edit_order_invoice = null;
    </script>
    @include('v2.inventory.global.init_default_settings_in_js', ['tran_type'=> 14])    

    <script>
        varObj.t_type = 14;
    </script>

    <script type="text/javascript" src="{{ asset('v2/inventory/order/order.js'.getJsVersion()) }}"></script>
    
    <script>
        if (edit_invoice) {
            order = deepClone(edit_invoice);
        }

        order.details = @json($orderDetails);
        varObj.index = order.details.length;
        console.log(order, @json($orderDetails));

        $(document).ready(function () {
            $('#cart_table').dataTable({
                paging: false,        // disables pagination
                ordering: false,      // disables column sorting
                info: false,          // hides "Showing x of y entries"
                searching: true       // enables the search box (default is true)
            });
            
            for (const [i, item] of order.details.entries()) {
                const pro = item.product;
                if (pro.serialized_product != 1 && !pro.parent_id && pro.attribute_group_ids.length) {
                    $('#add_sl_btn_' + i).show('slow');
                    $('#order_qty' + i).prop("disabled", true);
                }
                if (!pro.parent_id && pro.attribute_group_ids.length) setAttributeParametersForOrder(i, edit_invoice?1:null);
            }
            viewSetter(order, 'order');
        });
    </script>
@endsection