@switch($type)

@case($type == 'store_id')
    <a class="btn fs-6" data-bs-toggle="modal" data-bs-target="#view_stores_{{$order->id}}"> 
        <div class="symbol-group symbol-hover">
            @foreach($order->stores?->take(2) as $store)
                <div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="{{ $store->title }}">
                    @if($store->logo)
                        <img alt="Pic" src="{{ asset('storage/'.$store->logo) }}">
                    @else
                        <span class="symbol-label bg-primary text-inverse-primary fw-bolder">
                            {{ strtoupper(substr($store->title, 0, 1)) }}
                        </span>
                    @endif
                </div>
            @endforeach
            @if($order->stores?->count() > 2)
                <div class="symbol symbol-35px symbol-circle" data-bs-toggle="tooltip" title="And {{ $order->stores->count() - 2 }} more">
                    <span class="symbol-label bg-primary text-inverse-primary fw-bolder">
                        +{{ $order->stores?->count() - 2 }}
                    </span>
                </div>
            @endif
        </div>
    </a>
    <div class="modal fade" id="view_stores_{{$order->id}}" tabindex="-1" aria-modal="true" role="dialog">
        <!--begin::Modal dialog-->
        <div class="modal-dialog mw-650px">
            <!--begin::Modal content-->
            <div class="modal-content">
                <!--begin::Modal header-->
                <div class="modal-header pb-0 border-0 justify-content-end">
                    <!--begin::Close-->
                    <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                        <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                        <span class="svg-icon svg-icon-1">
                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1" transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
                                <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)" fill="currentColor"></rect>
                            </svg>
                        </span>
                        <!--end::Svg Icon-->
                    </div>
                    <!--end::Close-->
                </div>
                <!--begin::Modal header-->
                <!--begin::Modal body-->
                <div class="modal-body scroll-y mx-5 mx-xl-18 pt-0 pb-15">
                    <!--begin::Heading-->
                    <div class="text-center mb-13">
                        <!--begin::Title-->
                        <h1 class="mb-3">Browse Stores</h1>
                        <!--end::Title-->
                        <!--begin::Description-->
                        <!-- <div class="text-muted fw-bold fs-5">If you need more info, please check out our
                        <a href="#" class="link-primary fw-bolder">Users Directory</a>.</div> -->
                        <!--end::Description-->
                    </div>
                    <!--end::Heading-->
                    <!--begin::List-->
                    <div class="mh-375px scroll-y me-n7 pe-7">
                        @foreach($order->stores as $store)
                            <div class="d-flex flex-stack py-5 border-bottom border-gray-300 border-bottom-dashed">
                                <!--begin::Details-->
                                <div class="d-flex align-items-center">
                                    <!--begin::Avatar-->
                                    <div class="symbol symbol-35px symbol-circle">
                                        @if(!empty($store->logo))
                                            <img alt="Pic" src="{{ asset('storage/'.$store->logo) }}">
                                        @else
                                            <span class="symbol-label bg-light-info text-info fw-bold">
                                                {{ strtoupper(substr($store->name, 0, 1)) }}
                                            </span>
                                        @endif
                                    </div>
                                    <!--end::Avatar-->
                                    
                                    <!--begin::Details-->
                                    <div class="ms-6">
                                        <!--begin::Name-->
                                        <a href="#" class="d-flex align-items-center fs-5 fw-bolder text-dark text-hover-primary">
                                            {{ $store->getTranslation('title',app()->getLocale()) }}
                                            @if($store->sale_status == '1')
                                                <span class="badge badge-light-success fs-8 fw-bold ms-2">{{ __('New') }}</span>
                                            @else
                                                <span class="badge badge-light-warning fs-8 fw-bold ms-2">{{ __('Used') }}</span>
                                            @endif
                                        </a>
                                        <!--end::Name-->

                                        <!--begin::Email-->
                                        <div class="fw-bold text-muted">{{ $store->owner?->email }}</div>
                                        <!--end::Email-->
                                    </div>
                                    <!--end::Details-->
                                </div>
                                <!--end::Details-->

                                <!--begin::Stats-->
                                <div class="d-flex">
                                    <!--begin::Sales-->
                                    <div class="text-end">
                                                                                <div class="fs-5 fw-bolder text-dark">{{ number_format($total ?? 0) }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></div>
                                        <div class="fs-7 text-muted">{{ __('Sales') }}</div>
                                    </div>
                                    <!--end::Sales-->
                                </div>
                                <!--end::Stats-->
                            </div>
                        @endforeach
                    </div>
                    <!--end::List-->
                </div>
                <!--end::Modal body-->
            </div>
            <!--end::Modal content-->
        </div>
        <!--end::Modal dialog-->
    </div>
@break
@case($type == 'user_id')
    <div class="d-flex align-items-center justify-content-center">
        <!--begin:: Avatar -->
        <div class="symbol symbol-circle symbol-50px overflow-hidden" style="border-radius: 0!important;">
            <a href="#" class="d-flex align-items-center">
                <div class="symbol-label" style="background-color: transparent;border-radius: 0!important;">
                    <img @if($order->user?->image) style="height:30px;border-radius: 50%;" src="{{ asset('storage/'.$order->user?->image) }}" @else src="{{ asset('admin/authentication.png') }}" @endif alt="{{ $order->user?->name }}" class="w-75">
                </div>
                <div>
                    <span class="text-gray-800 fs-5 fw-bolder">{{ $order->user?->name }} <br> {{ $order->user?->mobile }}</span>
                </div>
            </a>
        </div>
        <!--end::Avatar-->
    </div>
@break
@case($type == 'product_ids')
    <a class="btn fs-6" data-bs-toggle="modal" data-bs-target="#view_products_{{$order->id}}"> <i class="fa fa-eye"></i>{{ __('View') }}</a>

    <div class="modal fade" id="view_products_{{$order->id}}" tabindex="-1" aria-hidden="true">
        <!--begin::Modal dialog-->
        <div class="modal-dialog modal-xl">
            <!--begin::Modal content-->
            <div class="modal-content">
                <div class="d-flex justify-content-between align-items-center">
                    <!--begin::Modal header-->
                    <div class="modal-header pb-0 border-0 justify-content-start">
                        <!--begin::Title-->
                        <h2>{{ __('Order Products') }}</h2>
                        <!--end::Title-->
                    </div>

                    <div class="modal-header pb-0 border-0 justify-content-end">
                        <!--begin::Close-->
                        <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                            <span class="svg-icon svg-icon-1">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
                                        transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
                                    <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)"
                                        fill="currentColor"></rect>
                                </svg>
                            </span>
                            <!--end::Svg Icon-->
                        </div>
                        <!--end::Close-->
                    </div>
                    <!--begin::Modal header-->
                </div>
                <hr>
                <!--begin::Modal body-->
                <div class="modal-body scroll-y mx-5 mx-xl-18 pt-0 pb-15">
                    <div class="card card-flush py-4 flex-row-fluid overflow-hidden">
                        <!--begin::Card header-->
                        <div class="card-header">
                            <div class="card-title">
                                <h2>{{ __('Order') }} #{{$order->id}}</h2>
                            </div>
                        </div>
                        <!--end::Card header-->
                        <!--begin::Card body-->
                        <div class="card-body pt-0">
                            <div class="table-responsive">
                                <!--begin::Table-->
                                <table class="table align-middle table-row-dashed fs-6 gy-5 mb-0">
                                    <!--begin::Table head-->
                                    <thead>
                                        <tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
                                            <th class="min-w-150px">{{ __('Product') }}</th>
                                            <th class="min-w-75px text-end">{{ __('Waybill') }}</th>
                                            <th class="min-w-100px text-end">{{ __('SALE STATUS') }}</th>
                                            <th class="min-w-70px text-end">{{ __('Qty') }}</th>
                                            <th class="min-w-100px text-end">{{ __('Unit Price') }}</th>
                                            <th class="min-w-100px text-end">{{ __('Shipping Type') }}</th>
                                            <th class="min-w-100px text-end">{{ __('Shipping Price') }}</th>
                                            <th class="min-w-100px text-end">{{ __('Total') }}</th>
                                        </tr>
                                    </thead>
                                    <!--end::Table head-->
                                    <!--begin::Table body-->
                                    <tbody class="fw-bold text-gray-600">
                                        @foreach($order->orderProductsByUser() as $key => $product)
                                        <!--begin::Products-->
                                        <tr>
                                            <!--begin::Product-->
                                            <td>
                                                <div class="d-flex align-items-center" style="text-align: start;gap: 10px;">
                                                    <!--begin::Thumbnail-->
                                                    <a href="#" class="symbol symbol-50px">
                                                        <span class="symbol-label" style="background-image:url({{ asset('storage/'.$product->product?->images?->first()->image) }});"></span>
                                                    </a>
                                                    <!--end::Thumbnail-->
                                                    <!--begin::Title-->
                                                    <div>
                                                        <a href="#" class="fw-bolder text-gray-600 text-hover-primary">{{ __('Product') }} {{ $key + 1 }}</a>
                                                        <div class="fs-7 text-muted">{{ $product->product?->getTranslation('title',app()->getLocale()) }}</div>
                                                    </div>
                                                    <!--end::Title-->
                                                </div>
                                            </td>
                                            <!--end::Product-->
                                            <!--begin::waybill-->
                                            <td class="text-end">
                                                @if ($product->shipping_data && $product->shipping_pdf_url)
                                                
                                                    <a href="{{ $product->shipping_pdf_url }}" target="_blank" title="{{ __('Download Shipping Label') }}">
                                                        <i class="fas fa-file-pdf text-danger fs-4"></i>
                                                    </a>
                                                @else
                                                    <span class="text-muted">—</span>
                                                @endif
                                            </td>
                                            <!--end::waybill-->
                                            <!--begin::Sale Status-->
                                            <td class="text-end">
                                                @if($product->store?->sale_status == '1')
                                                    <span class="badge badge-light-success fs-8 fw-bold ms-2">{{ __('New') }}</span>
                                                @else
                                                    <span class="badge badge-light-warning fs-8 fw-bold ms-2">{{ __('Used') }}</span>
                                                @endif
                                            </td>
                                            <!--end::Sale Status-->
                                            <!--begin::Quantity-->
                                            <td class="text-end">{{ $product->qty }}</td>
                                            <!--end::Quantity-->
                                            <!--begin::Price-->
                                            <td class="text-end">{{ $product->price }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                            <!--end::Price-->
                                            <!--begin::Shipping Type-->
                                            @if($product->shipping_type == 1)
                                                <td class="text-end">{{ __('Pickup') }}</td>
                                            @elseif($product->shipping_type == 2)
                                                <td class="text-end"> {{ __('Store Delivery') }}</td>
                                            @else
                                                <td class="text-end">{{ __('Company') }} <br>({{ $product->shippingCompany?->title }})</td>
                                            @endif
                                            <!--end::Shipping Type-->
                                            <!--begin::Shipping Cost-->
                                            @if($product->shipping_type == 1)
                                                <td class="text-end">0</td>
                                            @elseif($product->shipping_type == 2)
                                                <td class="text-end">{{ $product->shipping_cost }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                            @else
                                                <td class="text-end">{{ $product->shippingCompany?->shipping_costs }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                            @endif
                                            <!--end::Shipping Cost-->
                                            <!--begin::Total-->
                                            <td class="text-end">{{ ($product->qty * $product->price) + $product->shipping_cost }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                            <!-- @if($product->shipping_type == 2)
                                                <td class="text-end">{{ ($product->qty * $product->price) + $product->shipping_cost }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                            @else
                                                <td class="text-end">{{ $product->qty * $product->price }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                            @endif -->
                                            <!--end::Total-->
                                        </tr>
                                        @endforeach
                                        <!--end::Products-->
                                        <!--begin::Subtotal-->
                                        <tr>
                                            <td colspan="7" class="text-end">{{ __('Subtotal') }}</td>
                                            <td class="text-end">{{ $order->subtotalByUser() }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                        </tr>
                                        <!--end::Subtotal-->
                                        <!--begin::Discount Amount-->
                                        <tr>
                                            <td colspan="7" class="text-end">{{ __('Discount Amount') }}</td>
                                            <td class="text-end">{{ $order->discountByUser() }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                        </tr>
                                        <!--end::Discount Amount-->
                                        <!--begin::Subtotal-->
                                        <tr>
                                            <td colspan="7" class="text-end">{{ __('Subtotal') }}</td>
                                            <td class="text-end">{{ $order->netSubtotalByUser() }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                        </tr>
                                        <!--end::Subtotal-->
                                        <!--begin::Subtotal + VAT-->
                                        <tr>
                                            <td colspan="7" class="text-end">{{ __('Subtotal + VAT(15%)') }}</td>
                                            <td class="text-end">{{ $order->totalWithVatByUser() }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                        </tr>
                                        <!--end::Subtotal + VAT-->
                                        <!--begin::VAT-->
                                        <tr>
                                            <td colspan="7" class="text-end">{{ __('VAT(15%)') }}</td>
                                            <td class="text-end">{{ $order->vatAmountByUser() }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                        </tr>
                                        <!--end::VAT-->
                                        <!--begin::Shipping-->
                                        <tr>
                                            <td colspan="7" class="text-end">{{ __('Company Shipping Cost') }}</td>
                                            <td class="text-end">{{ $order->shippingCostByUser() }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                        </tr>
                                        <!--end::Shipping-->
                                        <!--begin::Commission-->
                                        <tr>
                                            <td colspan="7" class="text-end">{{ __('Commission') }} ({{ $order->commissionTextByUser() }})</td>
                                            <td class="text-end">{{ $order->commissionByUser() }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                        </tr>
                                        <!--end::Commission-->
                                        <!--begin::Grand total-->
                                        <tr>
                                            <td colspan="7" class="fs-5 text-dark text-end">{{ __('Grand Total') }}</td>
                                            <td class="text-dark fs-5 fw-boldest text-end">{{ $order->grandTotalByUser() }} <img src="{{ asset('site/img/light/sar.svg') }}" class="mode_icon" data-light="{{ asset('site/img/light/sar.svg') }}" data-dark="{{ asset('site/img/dark/sar.svg') }}" alt=""></td>
                                        </tr>
                                        <!--end::Grand total-->
                                    </tbody>
                                    <!--end::Table head-->
                                </table>
                                <!--end::Table-->
                            </div>
                        </div>
                        <!--end::Card body-->
                    </div>
                </div>
                <!--end::Modal body-->
            </div>
            <!--end::Modal content-->
        </div>
        <!--end::Modal dialog-->
    </div>
@break
@case($type == 'shipping_status')
    <div class="d-flex flex-column mw-200px">
        <div class="d-flex align-items-center mb-2">
            <span class="text-gray-700 fs-6 fw-bold me-2">{{ $order->shipping_progress }} %</span>
            <span class="text-muted fs-8">{{ __('Job Success') }}</span>
        </div>
        <div class="progress h-6px w-200px">
            <div class="progress-bar bg-primary" role="progressbar" style="width: {{ $order->shipping_progress }}%" aria-valuenow="{{ $order->shipping_progress }}" aria-valuemin="0" aria-valuemax="100"></div>
        </div>
    </div>
@break
@case($type == 'payment_status')
    @if($order->payment_status == 'paid')
        <span class="badge badge-light-success fw-bolder me-auto px-4 py-3">{{ __('Paid') }}</span>
    @elseif($order->payment_status == 'failed')
        <span class="badge badge-light-danger fw-bolder me-auto px-4 py-3">{{ __('Failed') }}</span>
    @else
        <span class="badge badge-light-warning fw-bolder me-auto px-4 py-3">{{ __('Pending') }}</span>
    @endif
@break
@case($type == 'notes')
    <a class="btn fs-6" data-bs-toggle="modal" data-bs-target="#view_notes_{{$order->id}}"> <i class="fa fa-eye"></i>{{ __('View') }}</a>
    <div class="modal fade" id="view_notes_{{$order->id}}" tabindex="-1" aria-hidden="true">
        <!--begin::Modal dialog-->
        <div class="modal-dialog mw-650px">
            <!--begin::Modal content-->
            <div class="modal-content">
                <div class="d-flex justify-content-between align-items-center">
                    <!--begin::Modal header-->
                    <div class="modal-header pb-0 border-0 justify-content-start">
                        <!--begin::Title-->
                        <h2>{{ __('Order Notes') }}</h2>
                        <!--end::Title-->
                    </div>

                    <div class="modal-header pb-0 border-0 justify-content-end">
                        <!--begin::Close-->
                        <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                            <span class="svg-icon svg-icon-1">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
                                        transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
                                    <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)"
                                        fill="currentColor"></rect>
                                </svg>
                            </span>
                            <!--end::Svg Icon-->
                        </div>
                        <!--end::Close-->
                    </div>
                    <!--begin::Modal header-->
                </div>
                <hr>
                <!--begin::Modal body-->
                <div class="modal-body scroll-y mx-5 mx-xl-18 pt-0 pb-15">
                    <div class="d-flex flex-wrap justify-content-center">
                        <!--begin::Col-->
                        {{ $order->notes ?? '---'}}
                        <!--end::Col-->
                    </div>
                </div>
                <!--end::Modal body-->
            </div>
            <!--end::Modal content-->
        </div>
        <!--end::Modal dialog-->
    </div>
@break
@case($type == 'actions')
    <div class="d-flex justify-content-center">
        @can('orders-update')
            <a class="btn p-0" data-bs-toggle="modal" data-bs-target="#update_products_{{$order->id}}"><i class="fas fa-edit" style="color:#009EF7;font-size: 16px;"></i></a>
        @endcan
        @can('orders-delete')
            <a onclick="deleteId({{ $order->id }})" class="btn p-0"><i class="fas fa-trash" style="color:#D9214E;font-size: 16px;"></i></a>
        @endcan
    </div>

    <div class="modal fade" id="update_products_{{$order->id}}" tabindex="-1" aria-hidden="true">
        <!--begin::Modal dialog-->
        <div class="modal-dialog modal-xl">
            <!--begin::Modal content-->
            <div class="modal-content">
                <div class="d-flex justify-content-between align-items-center">
                    <!--begin::Modal header-->
                    <div class="modal-header pb-0 border-0 justify-content-start">
                        <!--begin::Title-->
                        <h2>{{ __('Update Order') }} #{{$order->id}}</h2>
                        <!--end::Title-->
                    </div>

                    <div class="modal-header pb-0 border-0 justify-content-end">
                        <!--begin::Close-->
                        <div class="btn btn-sm btn-icon btn-active-color-primary" data-bs-dismiss="modal">
                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr061.svg-->
                            <span class="svg-icon svg-icon-1">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                                    <rect opacity="0.5" x="6" y="17.3137" width="16" height="2" rx="1"
                                        transform="rotate(-45 6 17.3137)" fill="currentColor"></rect>
                                    <rect x="7.41422" y="6" width="16" height="2" rx="1" transform="rotate(45 7.41422 6)"
                                        fill="currentColor"></rect>
                                </svg>
                            </span>
                            <!--end::Svg Icon-->
                        </div>
                        <!--end::Close-->
                    </div>
                    <!--begin::Modal header-->
                </div>
                <hr>
                <!--begin::Modal body-->
                <div class="modal-body scroll-y mx-5 mx-xl-18 pt-0 pb-15">
                    <div class="card card-flush py-4 flex-row-fluid overflow-hidden">
                        @if(auth()->user()->type == 1)
                        <!--begin::Card header-->
                        <div class="card-header">
                            <div class="card-title d-flex align-items-center justify-content-between w-100">
                                <h2>{{ __('Order Payment') }}</h2>
                                <!--begin::Input group-->
                                <div>
                                    <select id="change_payment_status{{ $order->id }}" name="payment_status" onchange="changePayment(this,{{$order->id}})" aria-label="{{ __('Select order payment status') }}" data-control="select2" data-placeholder="{{ __('Select order payment status') }}" class="form-select form-select-solid form-select-lg select2-hidden-accessible selectTwo" tabindex="-1" aria-hidden="true">
                                        <option value="">{{ __('Select order payment status') }}</option>
                                        <option value="pending" {{ $order->payment_status == 'pending' ? 'selected' : ''}}>{{ __('Pending') }}</option>
                                        <!-- <option value="failed" {{ $order->payment_status == 'failed' ? 'selected' : ''}}>{{ __('Failed') }}</option> -->
                                        <option value="paid" {{ $order->payment_status == 'paid' ? 'selected' : ''}}>{{ __('Paid') }}</option>
                                    </select>
                                </div>
                                <!--end::Input group-->
                            </div>
                        </div>
                        <!--end::Card header-->
                        <hr>
                        @endif
                        <!--begin::Card body-->
                        <div class="card-body pt-0">
                            <div class="table-responsive">
                                <!--begin::Table-->
                                <table class="table align-middle table-row-dashed fs-6 gy-5 mb-0">
                                    <!--begin::Table head-->
                                    <thead>
                                        <tr class="text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0">
                                            <th class="min-w-175px">{{ __('Product') }}</th>
                                            <th class="min-w-100px text-end">{{ __('Shipping Status') }}</th>
                                        </tr>
                                    </thead>
                                    <!--end::Table head-->
                                    <!--begin::Table body-->
                                    <tbody class="fw-bold text-gray-600">
                                        @foreach($order->orderProductsByUser() as $key => $product)
                                        <!--begin::Products-->
                                        <tr>
                                            <!--begin::Product-->
                                            <td>
                                                <div class="d-flex align-items-center">
                                                    <!--begin::Thumbnail-->
                                                    <a href="#" class="symbol symbol-50px">
                                                        <span class="symbol-label" style="background-image:url({{ asset('storage/'.$product->product?->images?->first()->image) }});"></span>
                                                    </a>
                                                    <!--end::Thumbnail-->
                                                    <!--begin::Title-->
                                                    <div class="ms-5">
                                                        <a href="#" class="fw-bolder text-gray-600 text-hover-primary">{{ __('Product') }} {{ $key + 1 }}</a>
                                                        <div class="fs-7 text-muted">{{ $product->product?->getTranslation('title',app()->getLocale()) }}</div>
                                                    </div>
                                                    <!--end::Title-->
                                                </div>
                                            </td>
                                            <!--end::Product-->
                                            <!--begin::Shipping Status-->
                                            <td class="text-end">