@switch($type)

@case($type == 'sale_status')
    @if($product->sale_status == '1')
        <span class="badge badge-light-success fs-8 fw-bolder">{{ __('New') }}</span>
    @elseif($product->sale_status == '2')
        <span class="badge badge-light-info fs-8 fw-bolder">{{ __('Used - Open Box') }}</span>
    @elseif($product->sale_status == '3')
        <span class="badge badge-light-primary fs-8 fw-bolder">{{ __('Used - Very Good') }}</span>
    @else
        <span class="badge badge-light-warning fs-8 fw-bolder">{{ __('Used - Good') }}</span>
    @endif
@break

@case($type == 'store_id')
    <div class="d-flex align-items-center justify-content-center">
        <!--begin:: Avatar -->
        <div class="symbol symbol-circle symbol-50px overflow-hidden">
            <a href="#" class="d-flex align-items-center">
                <div class="symbol-label" style="background-color: transparent;">
                    <img @if($product->store?->logo) style="height:30px;border-radius: 50%;" src="{{ asset('storage/'.$product->store?->logo) }}" @else src="{{ asset('admin/authentication.png') }}" @endif alt="{{ $product->store?->getTranslation('title',app()->getLocale()) }}" class="w-75" style="height:30px;">
                </div>
                <span class="text-gray-800 fs-5 fw-bolder">{{ $product->store?->getTranslation('title',app()->getLocale()) }}</span>
            </a>
        </div>
        <!--end::Avatar-->
    </div>
@break

@case($type == 'images')
    <a class="btn er fs-6 px-8 py-4 d-flex align-items-center justify-content-center" data-bs-toggle="modal" data-bs-target="#view_product_images_{{$product->id}}"> <i class="fa fa-eye"></i>{{ __('View') }}</a>
    <div class="modal fade" id="view_product_images_{{$product->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>{{ __('Product Images') }}</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">
                    @foreach($product->images as $key => $image)
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <i class="fas fa-trash-alt me-4" style="cursor: pointer;color:#c53f3f" onclick="deleteImage({{ $image->id }})"></i>
                            <span class="text-gray-800 fs-3 fw-bolder">{{ __('Product Image ') . '#' . $key + 1 }}</span>
                        </div>
                        <div class="symbol symbol-circle symbol-50px overflow-hidden">
                            <a href="{{ asset('storage/'.$image->image) }}" class="d-flex align-items-center" target="_blank">
                                <div class="symbol-label">
                                    @if (Str::endsWith($image->image, '.pdf'))
                                        <img src="{{ asset('admin/icons-pdf.png') }}" alt="{{ __('Product Image') }}" class="w-100">
                                    @else
                                        <img src="{{ asset('storage/'.$image->image) }}" alt="{{ __('Product Image') }}" class="w-100" style="border-radius: 50%;height: 50px;">
                                    @endif
                                </div>
                            </a>
                        </div>
                    </div>
                    <hr>
                    @endforeach
                </div>
                <!--end::Modal body-->
            </div>
            <!--end::Modal content-->
        </div>
        <!--end::Modal dialog-->
    </div>
@break

@case($type == 'rate')
    <div class="d-flex justify-content-center">
        <div>{{ round($product->reviews?->avg('rating'),2) ?? 0 }}</div>
        <div class="rating-label checked" style="margin-top:-2px">
            <!--begin::Svg Icon | path: icons/duotune/general/gen029.svg-->
            <span class="svg-icon svg-icon-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <path d="M11.1359 4.48359C11.5216 3.82132 12.4784 3.82132 12.8641 4.48359L15.011 8.16962C15.1523 8.41222 15.3891 8.58425 15.6635 8.64367L19.8326 9.54646C20.5816 9.70867 20.8773 10.6186 20.3666 11.1901L17.5244 14.371C17.3374 14.5803 17.2469 14.8587 17.2752 15.138L17.7049 19.382C17.7821 20.1445 17.0081 20.7069 16.3067 20.3978L12.4032 18.6777C12.1463 18.5645 11.8537 18.5645 11.5968 18.6777L7.69326 20.3978C6.99192 20.7069 6.21789 20.1445 6.2951 19.382L6.7248 15.138C6.75308 14.8587 6.66264 14.5803 6.47558 14.371L3.63339 11.1901C3.12273 10.6186 3.41838 9.70867 4.16744 9.54646L8.3365 8.64367C8.61089 8.58425 8.84767 8.41222 8.98897 8.16962L11.1359 4.48359Z" fill="currentColor"></path>
                </svg>
            </span>
            <!--end::Svg Icon-->
        </div>
    </div>
@break

@case($type == 'status')
    <div class="form-check form-switch d-flex justify-content-center">
        <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault{{$product->id}}" @if($product->status == 1) checked @endif onchange="changeStatus({{$product->id}})">
    </div>
@break

@case($type == 'actions')
    <div class="d-flex justify-content-center">
        @can('products-update')
            <a href="{{ route('Admin.products.edit',$product) }}" class="btn p-0"><i class="fas fa-edit" style="color:#009EF7;font-size: 16px;"></i></a>
        @endcan
        @can('products-delete')
            <a onclick="deleteId({{ $product->id }})" class="btn p-0"><i class="fas fa-trash" style="color:#D9214E;font-size: 16px;"></i></a>
        @endcan
    </div>
@break

@default
    <p>There is no activity</p>
@endswitch