<form action="{{route('vendor.pos.order-place')}}" id='order_place' method="post" >
    @csrf
    <div id="cart">
        <div class="table-responsive pos-cart-table border">
            <table class="table table-align-middle m-0">
                <thead class="text-capitalize bg-light">
                <tr>
                    <th class="border-0 min-w-120">{{ translate('item') }}</th>
                    <th class="border-0">{{ translate('qty') }}</th>
                    <th class="border-0">{{ translate('price') }}</th>
                    <th class="border-0 text-center">{{ translate('delete') }}</th>
                </tr>
                </thead>
                <tbody>
                @foreach($cartItems['cartItemValue'] as $key => $item)
                    @if(is_array($item))
                        <tr>
                            <td>
                                <div class="media align-items-center gap-10">
                                    <img class="avatar avatar-sm" src="{{getValidImage(path:'storage/app/public/product/thumbnail/'.$item['image'],type: 'backend-product')}}"
                                         alt="{{$item['name'].translate('image')}}">
                                    <div class="media-body">
                                        <h5 class="text-hover-primary mb-0">
                                            {{Str::limit($item['name'], 12)}}
                                            @if($item['tax_model'] == 'include')
                                                <span class="ml-2" data-toggle="tooltip" data-placement="top" title="{{ translate('tax_included') }}">
                                                <img class="info-img" src="{{dynamicAsset(path: 'public/assets/back-end/img/info-circle.svg') }}" alt="img">
                                            </span>
                                            @endif
                                        </h5>
                                        <small>{{Str::limit($item['variant'], 20)}}</small>
                                    </div>
                                </div>
                            </td>
                            <td>
                                <input type="number" data-key="{{$key}}"
                                       class="form-control qty action-pos-update-quantity"
                                       value="{{$item['quantity']}}" min="1"
                                       data-product-key="{{ $item['id'] }}"
                                       data-product-variant="{{ $item['variant'] }}">
                            </td>
                            <td>
                                <div>
                                    {{ setCurrencySymbol(amount: usdToDefaultCurrency(amount:$item['productSubtotal']), currencyCode: getCurrencyCode()) }}
                                </div>
                            </td>
                            <td>
                                <div class="d-flex justify-content-center">
                                    <a href="javascript:" class="btn btn-sm rounded-circle remove-from-cart" data-id="{{$item['id']}}" data-variant ="{{$item['variant']}}">
                                        <img src="{{ dynamicAsset(path: 'public/assets/back-end/img/icons/pos-delete-icon.svg') }}" alt="">
                                    </a>
                                </div>
                            </td>
                        </tr>
                    @endif
                @endforeach
                </tbody>
            </table>
        </div>
        <div class="pt-4">
            <dl>
                <div class="d-flex gap-2 justify-content-between">
                    <dt class="title-color text-capitalize font-weight-normal">{{ translate('sub_total') }} : </dt>
                    <dd>{{setCurrencySymbol(amount: usdToDefaultCurrency(amount:$cartItems['subtotal']+$cartItems['discountOnProduct']), currencyCode: getCurrencyCode())}}</dd>
                </div>

                <div class="d-flex gap-2 justify-content-between">
                    <dt class="title-color text-capitalize font-weight-normal">{{ translate('product_Discount') }} :</dt>
                    <dd>{{setCurrencySymbol(amount: usdToDefaultCurrency(amount:round($cartItems['discountOnProduct'],2)), currencyCode: getCurrencyCode()) }}</dd>
                </div>

                <div class="d-flex gap-2 justify-content-between">
                    <dt class="title-color text-capitalize font-weight-normal">{{ translate('extra_Discount') }} :</dt>
                    <dd>
                        <button id="extra_discount" class="btn btn-sm p-0" type="button" data-toggle="modal" data-target="#add-discount">
                            <i class="tio-edit"></i>
                        </button>
                        {{setCurrencySymbol(amount: usdToDefaultCurrency(amount:$cartItems['extraDiscount']), currencyCode: getCurrencyCode())}}
                    </dd>
                </div>

                <div class="d-flex justify-content-between">
                    <dt class="title-color gap-2 text-capitalize font-weight-normal">{{ translate('coupon_Discount') }} :</dt>
                    <dd>
                        <button id="coupon_discount" class="btn btn-sm p-0" type="button" data-toggle="modal" data-target="#add-coupon-discount">
                            <i class="tio-edit"></i>
                        </button>
                        {{setCurrencySymbol(amount: usdToDefaultCurrency(amount:$cartItems['couponDiscount']), currencyCode: getCurrencyCode())}}
                    </dd>
                </div>

                <div class="d-flex gap-2 justify-content-between">
                    <dt class="title-color text-capitalize font-weight-normal">{{ translate('tax') }} : </dt>
                    <dd>{{setCurrencySymbol(amount: usdToDefaultCurrency(amount:round($cartItems['totalTax'],2)), currencyCode: getCurrencyCode())}}</dd>
                </div>

                <div class="d-flex gap-2 border-top justify-content-between pt-2">
                    <dt class="title-color text-capitalize font-weight-bold title-color">{{ translate('total') }} : </dt>
                    <dd class="font-weight-bold title-color">{{setCurrencySymbol(amount: usdToDefaultCurrency(amount:round($cartItems['total']+$cartItems['totalTax']-$cartItems['couponDiscount'], 2)), currencyCode: getCurrencyCode())}}</dd>
                </div>
            </dl>

            <div class="form-group col-12">
                <input type="hidden" class="form-control" name="amount" min="0" step="0.01"
                       value="{{usdToDefaultCurrency(amount: $cartItems['total']+$cartItems['totalTax']-$cartItems['couponDiscount'])}}"
                       readonly>
            </div>
            <div class="pt-4 mb-4">
                <div class="title-color d-flex mb-2">{{ translate('paid_By') }}:</div>
                <ul class="list-unstyled option-buttons">
                    <li>
                        <input type="radio" id="cash" value="cash" name="type" hidden checked>
                        <label for="cash" class="btn btn--bordered btn--bordered-black px-4 mb-0">{{ translate('cash') }}</label>
                    </li>
                    <li>
                        <input type="radio" value="card" id="card" name="type" hidden>
                        <label for="card" class="btn btn--bordered btn--bordered-black px-4 mb-0">{{ translate('card') }}</label>
                    </li>
                    @php( $walletStatus = getWebConfig('wallet_status') ?? 0)
                    @if ($walletStatus)
                        <li class="{{ (str_contains(session('current_user'), 'walking-customer')) ? 'd-none':'' }}">
                            <input type="radio" value="wallet" id="wallet" name="type" hidden>
                            <label for="wallet" class="btn btn--bordered btn--bordered-black px-4 mb-0">{{ translate('wallet') }}</label>
                        </li>
                    @endif
                </ul>
            </div>
        </div>

        <div class="d-flex gap-2 justify-content-between align-items-center pt-3 bottom-sticky-buttons">

            @if($cartItems['countItem'])
                <span class="btn btn-danger btn-block action-empty-cart">
                <i class="fa fa-times-circle"></i>
                {{ translate('cancel_Order') }}
            </span>

                <button id="submit_order" type="button" class="btn btn--primary btn-block m-0 action-form-submit" data-toggle="modal" data-target="#paymentModal">
                    <i class="fa fa-shopping-bag"></i>
                    {{ translate('place_Order') }}
                </button>
            @else
                <span class="btn btn-danger btn-block action-empty-alert-show">
                <i class="fa fa-times-circle"></i>
                {{ translate('cancel_Order') }}
            </span>
                <button type="button" class="btn btn--primary btn-block m-0 action-empty-alert-show">
                    <i class="fa fa-shopping-bag"></i>
                    {{ translate('place_Order') }}
                </button>
            @endif

        </div>
    </div>

</form>

@push('script_2')
    <script>
        'use strict';
        $('#type_ext_dis').on('change', function (){
            let type = $('#type_ext_dis').val();
            if(type === 'amount'){
                $('#dis_amount').attr('placeholder', 'Ex: 500');
            }else if(type === 'percent'){
                $('#dis_amount').attr('placeholder', 'Ex: 10%');
            }
        });
        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        })
    </script>
@endpush

• [D] modals
• [F] _cart-summary.blade.php
  Delete
• [F] _cart.blade.php
  Delete
• [F] _quick-view.blade.php
  Delete
• [F] _search-product.blade.php
  Delete
• [F] _single-product.blade.php
  Delete
• [F] _view-hold-orders.blade.php
  Delete