@extends('layout.index')
@section('title', $data->name)
@section('content')
    <section class="my-10 lg:px-0 px-4">
        <div class="max-w-7xl mx-auto">
            <div class="grid lg:grid-cols-2 grid-cols-1 grid-rows-1 gap-4">
                <div id="product-image-slide"
                     class="overflow-hidden cursor-pointer rounded-xl aspect-square flex items-center justify-center relative border-2 border-primary-100">
                    <div class="swiper-wrapper">
                        @foreach(json_decode($data->images) as $image)
                            <div class="swiper-slide flex items-center justify-center">
                                <img src="{{ site('public/upload/products/' . $image) }}" alt="" class="w-full">
                            </div>
                        @endforeach
                    </div>
                    <div class="swiper-button-prev after:content-[''] absolute top-1/2 !left-9 -translate-x-2/4 text-xl transition hover:bg-primary-900 hover:text-white h-8 w-8  p-1 pr-1.5 flex items-center justify-center rounded-full cursor-pointer"></div>
                    <div class="swiper-button-next after:content-[''] absolute top-1/2 !-right-1 -translate-x-2/4 text-xl transition hover:bg-primary-900 hover:text-white h-8 w-8  p-1 pl-1.5 flex items-center justify-center rounded-full cursor-pointer"></div>
                </div>
                <div>
                    <h1 class="text-black lg:text-[30px] text-[20px] font-bold mb-1">
                        {{ $data->name }}
                    </h1>
                    <div class="short-description mt-4">
                        <p class="short-description">{!! $data->short_description !!}</p>
                    </div>
                    <div class="flex items-center gap-2 mt-4">
                        <div>
                            <div class="flex items-center gap-1">
                                @switch($star)
                                    @case("0")
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path fill="#D1D5DB"
                                                  d="M7.82946 0.790278C8.17269 -0.263426 9.66343 -0.263426 10.0055 0.790278L11.2297 4.55661C11.3045 4.78599 11.4499 4.98585 11.6451 5.12763C11.8403 5.26941 12.0753 5.34585 12.3166 5.34603H16.2774C17.386 5.34603 17.8459 6.7647 16.9501 7.41683L13.7467 9.7439C13.5511 9.8858 13.4054 10.086 13.3306 10.3158C13.2558 10.5456 13.2557 10.7931 13.3302 11.023L14.5544 14.7893C14.8976 15.843 13.6906 16.7205 12.7925 16.0684L9.58907 13.7413C9.39367 13.5995 9.15839 13.5231 8.91692 13.5231C8.67545 13.5231 8.44017 13.5995 8.24477 13.7413L5.04132 16.0684C4.14436 16.7205 2.93849 15.843 3.28057 14.7893L4.50475 11.023C4.57931 10.7931 4.57918 10.5456 4.50436 10.3158C4.42955 10.086 4.2839 9.8858 4.0883 9.7439L0.885999 7.41797C-0.00982064 6.76584 0.451246 5.34718 1.55872 5.34718H5.51841C5.75986 5.34724 5.99515 5.27091 6.19059 5.12911C6.38602 4.98731 6.53158 4.78732 6.60643 4.55776L7.83061 0.791422L7.82946 0.790278Z"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path fill="#D1D5DB"
                                                  d="M7.82946 0.790278C8.17269 -0.263426 9.66343 -0.263426 10.0055 0.790278L11.2297 4.55661C11.3045 4.78599 11.4499 4.98585 11.6451 5.12763C11.8403 5.26941 12.0753 5.34585 12.3166 5.34603H16.2774C17.386 5.34603 17.8459 6.7647 16.9501 7.41683L13.7467 9.7439C13.5511 9.8858 13.4054 10.086 13.3306 10.3158C13.2558 10.5456 13.2557 10.7931 13.3302 11.023L14.5544 14.7893C14.8976 15.843 13.6906 16.7205 12.7925 16.0684L9.58907 13.7413C9.39367 13.5995 9.15839 13.5231 8.91692 13.5231C8.67545 13.5231 8.44017 13.5995 8.24477 13.7413L5.04132 16.0684C4.14436 16.7205 2.93849 15.843 3.28057 14.7893L4.50475 11.023C4.57931 10.7931 4.57918 10.5456 4.50436 10.3158C4.42955 10.086 4.2839 9.8858 4.0883 9.7439L0.885999 7.41797C-0.00982064 6.76584 0.451246 5.34718 1.55872 5.34718H5.51841C5.75986 5.34724 5.99515 5.27091 6.19059 5.12911C6.38602 4.98731 6.53158 4.78732 6.60643 4.55776L7.83061 0.791422L7.82946 0.790278Z"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path fill="#D1D5DB"
                                                  d="M7.82946 0.790278C8.17269 -0.263426 9.66343 -0.263426 10.0055 0.790278L11.2297 4.55661C11.3045 4.78599 11.4499 4.98585 11.6451 5.12763C11.8403 5.26941 12.0753 5.34585 12.3166 5.34603H16.2774C17.386 5.34603 17.8459 6.7647 16.9501 7.41683L13.7467 9.7439C13.5511 9.8858 13.4054 10.086 13.3306 10.3158C13.2558 10.5456 13.2557 10.7931 13.3302 11.023L14.5544 14.7893C14.8976 15.843 13.6906 16.7205 12.7925 16.0684L9.58907 13.7413C9.39367 13.5995 9.15839 13.5231 8.91692 13.5231C8.67545 13.5231 8.44017 13.5995 8.24477 13.7413L5.04132 16.0684C4.14436 16.7205 2.93849 15.843 3.28057 14.7893L4.50475 11.023C4.57931 10.7931 4.57918 10.5456 4.50436 10.3158C4.42955 10.086 4.2839 9.8858 4.0883 9.7439L0.885999 7.41797C-0.00982064 6.76584 0.451246 5.34718 1.55872 5.34718H5.51841C5.75986 5.34724 5.99515 5.27091 6.19059 5.12911C6.38602 4.98731 6.53158 4.78732 6.60643 4.55776L7.83061 0.791422L7.82946 0.790278Z"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#D1D5DB"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#D1D5DB"/>
                                        </svg>
                                        @break
                                    @case("1")
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#D1D5DB"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#D1D5DB"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#D1D5DB"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#D1D5DB"/>
                                        </svg>
                                        @break
                                    @case("2")
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#D1D5DB"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#D1D5DB"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#D1D5DB"/>
                                        </svg>

                                        @break
                                    @case("3")
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#D1D5DB"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#D1D5DB"/>
                                        </svg>
                                        @break
                                    @case("4")

                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#D1D5DB"/>
                                        </svg>
                                        @break
                                    @case("5")
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        <svg width="18" height="17" viewBox="0 0 18 17" fill="none"
                                             xmlns="http://www.w3.org/2000/svg">
                                            <path d="M7.65515 0.790278C7.99837 -0.263426 9.48912 -0.263426 9.8312 0.790278L11.0554 4.55661C11.1302 4.78599 11.2756 4.98585 11.4708 5.12763C11.666 5.26941 11.901 5.34585 12.1423 5.34603H16.1031C17.2117 5.34603 17.6716 6.7647 16.7758 7.41683L13.5724 9.7439C13.3768 9.8858 13.2311 10.086 13.1563 10.3158C13.0815 10.5456 13.0814 10.7931 13.1559 11.023L14.3801 14.7893C14.7233 15.843 13.5163 16.7205 12.6182 16.0684L9.41475 13.7413C9.21935 13.5995 8.98407 13.5231 8.7426 13.5231C8.50113 13.5231 8.26585 13.5995 8.07045 13.7413L4.86701 16.0684C3.97004 16.7205 2.76417 15.843 3.10626 14.7893L4.33043 11.023C4.40499 10.7931 4.40486 10.5456 4.33005 10.3158C4.25524 10.086 4.10959 9.8858 3.91398 9.7439L0.711683 7.41797C-0.184137 6.76584 0.27693 5.34718 1.38441 5.34718H5.34409C5.58555 5.34724 5.82083 5.27091 6.01627 5.12911C6.2117 4.98731 6.35727 4.78732 6.43212 4.55776L7.65629 0.791422L7.65515 0.790278Z"
                                                  class=""
                                                  fill="#FACC15"/>
                                        </svg>
                                        @break
                                @endswitch
                            </div>
                        </div>
                        <span class="text-gray-700 font-bold leading-4">{{ $rate }}/<span class="text-black/60">5</span></span>
                    </div>

                    <div class="fees" data-role="fees">
                        @if($data->is_fee_show == 1)
                            @if($data->type == 'variant')