@if (count($latest_coupons) < 1)
    <h2 class="mb-4">
        {{ __('messages.no_coupons_available') }}
    </h2>
@else
    <!-- Coupon slider section -->
    <div class="mt-2 overflow-hidden p-2">
        <div class="flex justify-between items-center mt-3 mb-3">
            <h1 class="text-[23px] font-bold">{{ __('messages.latest_coupons') }}</h1>
            <a class="text-[11px]  underline hover-e" href="{{ route('coupons.index') }}" target="_blank">
                {{ __('messages.show_all') }}
            </a>
        </div>
        <!-- Swiper Slider -->
        <div class="swiper coupons-swiper">
            <div class="swiper-wrapper pb-[40px]">

                @foreach ($latest_coupons as $coupon)
                    @if ($coupon['active'] == 1)
                        <div class="swiper-slide bg-white shadow-md rounded-lg p-2 border-gray-300 border-2 border-dashed"
                            data-aos="zoom-in" data-aos-offset="100" data-aos-easing="ease-in-sine"
                            data-aos-delay="{{ $loop->index * 200 }}">
                            <div class="mr-1 ml-1">
                                <div class="flex justify-between items-center mb-2 text-[13px]">
                                    <!-- Check if the coupon is marked as new or featured -->
                                    @if ($coupon['isNew'] == 1)
                                        <span class="text-green-600 flex items-center ml-1">
                                            <i class="fa-solid fa-bolt m-1 text-[11px]"></i> {{ __('messages.new') }}
                                        </span>
                                    @endif
                                    <!-- Check if the coupon is marked as "featured" -->
                                    @if ($coupon['isFeatured'] == 1)
                                        <span class="text-red-600 flex items-center ml-1">
                                            <i class="fas fa-fire m-1 text-[11px]"></i> {{ __('messages.featured') }}
                                        </span>
                                    @endif
                                    <!-- Discount Type -->
                                    @if ($coupon['discount_type'] == 'fixed')
                                        <span class="bg-red-500 text-white text-xs font-bold px-2 py-1 rounded-full ml-1 text-[11px]">
                                            -{{ number_format($coupon['discount_value'], 0) }}
                                        </span>
                                    @elseif ($coupon['discount_type'] == 'percentage')
                                        <span class="bg-red-500 text-white text-xs font-bold px-2 py-1 rounded-full ml-1 text-[11px]">
                                            {{ number_format($coupon['discount_value'], 0) }}%
                                        </span>
                                    @endif
                                </div>
                                <div class="card-body p-2 text-center">
                                    <img src="{{ $coupon['store_logo_url'] }}" alt="{{ $coupon['name'] }}"
                                        class="w-40 h-20 object-contain mb-3 mx-auto">
                                    <h5 class="text-[20px] font-semibold line-clamp-1">{{ $coupon['name'] }}</h5>
                                    <p class="text-gray-600 text-[11px] mb-2 line-clamp-2">{{ strip_tags($coupon['description']) }}</p>
                                    <button class="btn border bgd-color text-white p-2 rounded-full text-base text-[11px] font-semibold"
                                        onclick="showCoupon(
                                                                                                                                                                '{{ $coupon['name'] }}', 
                                                                                                                                                                '{{ $coupon['code'] ?? '' }}', 
                                                                                                                                                                '{{ $coupon['description'] }}', 
                                                                                                                                                                '{{ $coupon['store_logo_url'] }}',
                                                                                                                                                                '{{ $coupon['link'] }}',
                                                                                                                                                                '{{ $coupon['id'] ?? '' }}', 
                                                                                                                                                                '{{ $coupon['end_date'] }}',
                                                                                                                                                                '{{ $coupon['isNew'] ? 'true' : 'false' }}',
                                                                                                                                                                '{{ $coupon['isFeatured'] ? 'true' : 'false' }}',
                                                                                                                                                                'coupon', 
                                                                                                                                                                '',
                                                                                                                                                                '',
                                                                                                                                                                '', 
                                                                                                                                                                '', 
                                                                                                                                                                '{{ $coupon['start_date'] ?? '' }}', 
                                                                                                                                                                '{{ $coupon['discount_type'] ?? '' }}', 
                                                                                                                                                                '{{ $coupon['discount_value'] ?? '' }}' 
                                                                                                                                                            )">
                                        {{ __('messages.get_code') }}
                                    </button>
                                </div>
                            </div>
                        </div>
                    @endif
                @endforeach
            </div>
            <!-- Pagination -->
            <div class="swiper-pagination"></div>

        </div>
    </div>

@endif