@php($pricing = $product->getPriceByCurrency(currency()))

@includeWhen(app('extension')->extensionIsEnabled('customers_reviews'), 'customers_reviews::default.partials.product_widgets')
<div class="flex flex-col border-2 border-blue-600 text-center shadow-xl rounded-xl p-8 dark:border-blue-700">
    {{-- Extension injection point: Top badges (e.g., "Top Rated", "New", promotional badges, etc.) --}}
    {{-- Extensions can push content here using View Composers and @push('product-badges-top') --}}
    @stack('product-badges-top')

    <p class="mb-3"><span class="inline-flex items-center gap-1.5 py-1.5 px-3 rounded-lg text-xs uppercase font-semibold bg-blue-100 text-blue-800 dark:bg-blue-600 dark:text-white">{{ $product->hasMetadata('pinned_label') ? $product->getMetadata('pinned_label') : __('store.mustpopular') }}</span></p>
    <h4 class="font-medium text-lg text-gray-800 dark:text-gray-200">{{ $product->trans('name') }}</h4>

    {{-- Extension injection point: After title (e.g., rating stars, reviews count, certifications) --}}
    {{-- Extensions can push content here using View Composers and @push('product-after-title') --}}
    @stack('product-after-title')

    {{-- Extension injection point: Before price (e.g., discount badges, limited offers) --}}
    {{-- Extensions can push content here using View Composers and @push('product-before-price') --}}
    @stack('product-before-price')

    @if ($product->isPersonalized())
    <span class="mt-5 font-bold text-5xl text-gray-800 dark:text-gray-200">
        {{ __('store.product.personalized') }}
        </span>
    @elseif ($pricing->isFree())
            <span class="mt-5 font-bold text-5xl text-gray-800 dark:text-gray-200">
        {{ __('global.free') }}
      </span>
    @else
        <span class="mt-5 font-bold text-5xl text-gray-800 dark:text-gray-200">
        {{ $pricing->getPriceByDisplayMode() }}
        <span class="font-bold text-2xl -me-2">{{ $pricing->getSymbol() }} {{ $pricing->taxTitle() }}</span>

      </span>

        @if ($pricing->hasSetup())
            <p class="mt-2 text-sm text-gray-500">{{ $pricing->pricingMessage() }}</p>
        @endif
    @endif
    <ul class="mt-7 space-y-2.5 text-sm">
        {!!  $product->trans('description') !!}
    </ul>


        @if ($product->isOutOfStock())
        <button class="btn-product-pinned">
        {{ __('store.product.outofstock') }}
            @include("shared.icons.slash")
        </button>
        @else
        <a href="{{ $basket_url ?? $product->basket_url() }}" class="btn-product-pinned">
        {{ $basket_title ?? $product->basket_title() }}
            @include("shared.icons.array-right")
        </a>
        @endif
</div>