@php

    $data = getProductInfo($product);

    use App\Models\Information;

    use App\Models\BanglaText;

    $info = Information::first();

    $bangla_text = BanglaText::first();
    $curr = $info->currency;
@endphp



<style>
    @media only screen and (min-width: 568px) and (max-width: 768px) {

        .axil-product {

            max-height: 455px !important;

        }

    }



    @media only screen and (min-width: 478px) and (max-width: 567px) {

        .axil-product {

            max-height: 412px !important;

        }

    }



    @media only screen and (min-width: 1024px) and (max-width: 1155px) {

        .axil-product {

            max-height: 407px !important;

        }

    }
</style>





<div class="axil-product product-style-one" style="padding: 0px !important;">

    <div class="thumbnail" style="padding: 10px !important">





        <a href="{{ route('front.products.show', [$product->id]) }}" id="product_show" data-productid="{{ $product->id }}"
            data-categoryid="{{ $product->category_id }}" data-productname="{{ $product->name }}">



  



    @php 
    $product_webp = str_replace(['.jpg', '.jpeg', '.png'], '.webp', $product->image);
    $webpPath = public_path('products/' . $product_webp);
    $webpExists = file_exists($webpPath);
@endphp

<picture>
    @if($webpExists)
        <source srcset="{{ getImage('products', $product_webp) }}" type="image/webp">
    @endif
    <img src="{{ getImage('products', $product->image) }}" 
         class="product_img" 
         alt="{{ $product->name }} - ID: {{ $product->id }}"
         loading="lazy" 
         decoding="async"
         width="300" 
         height="300">
</picture>

        </a>



        @if (
            $product->after_discount > 0 ||
                $product->stock_quantity == 0 ||
                $product->stock_quantity == null ||
                $product->is_free_shipping == 1)


            <div class="label-block label-right d-flex flex-column align-items-end">

                @if ($product->after_discount > 0)
                    @php

                        $price = $product->sell_price;

                        $afterDiscount = $product->after_discount;

                        // absolute discount amount

                        $discountAmount = $price - $afterDiscount;

                        // discount percentage

                        $discountPercent = $price > 0 ? round(($discountAmount / $price) * 100, 0) : 0;

                    @endphp

                    <div class="product-badget main-bg">

                        <!--{{ $product->discount_type == 'fixed' ? '' : '' }}-->

                        {{ $discountPercent }}% Off
                    </div>
                @endif

                @if ($product->stock_quantity == 0 || $product->stock_quantity == null)

                    <div class="product-badget mt-1" style="background: #c10c0c;color: #fff;">

                        <!--{{ $product->discount_type == 'fixed' ? '' : '' }}-->

                        STOCK OUT
                    </div>
                @else
                    @if ($product->is_free_shipping == 1)
                        <div class="product-badget mt-1" style="background: #d45f00; color: #fff;">

                            <i class="fas fa-shipping-fast"></i> ফ্রি ডেলিভারি

                        </div>
                    @endif

                @endif





            </div>

        @endif

        <div class="product-hover-action">

            <ul class="cart-action d-none">

                <li class="quickview">

                    <a href="#" data-bs-toggle="modal" data-bs-target="#quick-view-modal"><i
                            class="far fa-eye"></i></a>

                </li>

                <li class="wishlist">

                    <a href="wishlist.php"><i class="far fa-heart"></i></a>

                </li>

            </ul>

        </div>

    </div>

    <div class="product-content" style="padding: 10px !important;padding-top: 0px !important;">

        <div class="inner">

            <h4 class="title text-center" style="overflow: hidden;"><a
                    href="{{ route('front.products.show', [$product->id]) }}"
                    style="font-family: 'Hind Siliguri', sans-serif">{{ $product->name }}</a></h5>

                <div class="product-price-variant text-center">

                    <span class="price current-price" style="color:#13294f; font-size:16px; font-family: 'Hind Siliguri', sans-serif">



                        @php

                            $curr = $info->currency;

                        @endphp



                        @if ($curr == 'BDT')
                            ৳ {{ (int) $data['price'] }}
                        @elseif ($curr == 'Dollar')
                            $ {{ $data['price'] }}
                        @elseif ($curr == 'Euro')
                            {{ $data['price'] }}
                        @elseif ($curr == 'Rupee')
                            {{ $data['price'] }}
                        @else
                        @endif

                       

                    </span>

                    @if ($product->after_discount > 0)

                        <span class="price old-price"
                            style="color: #c2050b;font-family: 'Hind Siliguri', sans-serif; opacity: 0.7;">

                            @php

                                $curr = $info->currency;

                            @endphp



                            @if ($curr == 'BDT')
                                {{ (int) $data['old_price'] }}
                            @elseif ($curr == 'Dollar')
                                $ {{ $data['old_price'] }}
                            @elseif ($curr == 'Euro')
                                {{ $data['old_price'] }}
                            @elseif ($curr == 'Rupee')
                                {{ $data['old_price'] }}
                            @else
                            @endif

                        </span>

                    @endif

                </div>

        </div>

    </div>

    @if ($product->type == 'single')

        <form method="POST" action="{{ route('front.carts.store') }}" id="cart_form">

            @csrf

            <input type="hidden" name="product_id" value="{{ $product->id }}">

            @if ($product->after_discount != '0')
                <input type="hidden" name="price" value="{{ $product->after_discount }}">
            @else
                <input type="hidden" name="price" value="{{ $product->sell_price }}">
            @endif

            <input type="hidden" name="variation_id" value="{{ $product->variation->id }}">

            <input type="hidden" name="is_stock" value="{{ $product->is_stock }}">

            <div class="desktop-cart cart-count" style="padding-bottom: 0px;">

                <div class="product-add-to-cart col-12">

                    <ul class="cart-action col-12">

                        <li class="select-option col-12" style="margin-bottom: 0px;">

                            <button type="submit" class="btn p-0 button m-auto col-12 main-bg ">



                                @if ($product->is_free_shipping == 0)
                                    <p class=""><b
                                            style="font-size: 15px;font-family: 'Hind Siliguri', sans-serif">
                                            <i class="fas fa-shopping-cart"></i>

                                            &nbsp; {{ $bangla_text->order_text }} </b></p>
                                @else
                                    <p class=""><b
                                            style="font-size: 15px;font-family: 'Hind Siliguri', sans-serif">
                                            <i class="fas fa-shopping-cart"></i>

                                            &nbsp; {{ $bangla_text->fshipping_text }} </b></p>
                                @endif

                                <span class="">
                                    <i class="fas fa-shopping-cart"></i>
                                </span>
                            </button>
                        </li>
                    </ul>
                </div>
            </div>
        </form>
    @else
        <div class="desktop-cart cart-count">
            <div class="product-add-to-cart">
                <ul class="cart-action">
                    <li class="col-12 reg text-center main-bg"
                        style=" padding: 7px;border-radius: 4px;text-align: center;">
                        <a type="submit"
                            style="font-size: 15px;font-weight: 900;font-family: 'Hind Siliguri', sans-serif; color:white;"
                            href="{{ route('front.products.show', [$product->id]) }}"><i
                                class="fas fa-shopping-cart"></i>&nbsp; {{ $bangla_text->order_text }} </a>
                    </li>
                </ul>
            </div>
        </div>
    @endif
</div>