@extends('layouts.app')

@section('title', $category->name . ' - LaravelStore')

@section('content')
<div class="container py-4">
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ route('home') }}">Início</a></li>
            <li class="breadcrumb-item"><a href="{{ route('shop') }}">Loja</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{ $category->name }}</li>
        </ol>
    </nav>

    <h1 class="mb-4">{{ $category->name }}</h1>
    <p class="text-muted mb-4">{{ $category->description }}</p>

    <div class="row">
        @forelse($products as $product)
            @php
                $hasActiveDiscount = $product->hasDiscount();
                $hasScheduledDiscount = $product->hasScheduledDiscount();
                $hasCoupon = $activeCoupons->first(fn($c) => $c->appliesToProduct($product->id));
            @endphp
            <div class="col-md-4 mb-4">
                <div class="card h-100 shadow-sm">
                        @php
                            $imgSource = $product->featured_image ?: $product->image;
                            $imgSrc = null;
                            if ($imgSource) {
                                if (str_starts_with($imgSource, 'data:') || str_starts_with($imgSource, 'http')) {
                                    $imgSrc = $imgSource;
                                } elseif (str_starts_with($imgSource, '/storage/')) {
                                    $imgSrc = asset(substr($imgSource, 1));
                                } else {
                                    $imgSrc = asset('storage/' . $imgSource);
                                }
                            }
                        @endphp
                    @if($imgSrc)
                        <img src="{{ $imgSrc }}" class="card-img-top" alt="{{ $product->name }}" style="height: 150px; object-fit: contain; background: #f8f9fa; padding: 5px;">
                    @else
                        <div class="bg-light d-flex align-items-center justify-content-center" style="height: 150px;">
                            <i class="fas fa-box-open fa-3x text-muted"></i>
                        </div>
                    @endif
                    <div class="card-body">
                        <span class="badge bg-{{ $product->is_digital ? 'info' : 'success' }} mb-2">
                            {{ $product->is_digital ? 'Digital' : 'Físico' }}
                        </span>
                        @if($hasCoupon)
                            <span class="badge mb-2" style="background: #f59e0b; color: #1e293b;"><i class="fas fa-tag me-1"></i>Cupão</span>
                        @endif
                        @if($hasActiveDiscount)
                            <span class="badge bg-danger mb-2 float-end">-{{ $product->getDiscountPercent() }}%</span>
                        @elseif($hasScheduledDiscount)
                            <span class="badge bg-warning text-dark mb-2 float-end"><i class="fas fa-clock me-1"></i>Breve</span>
                        @endif
                        <h5 class="card-title">{{ $product->name }}</h5>
                        <p class="card-text text-muted small">{{ Str::limit($product->description, 50) }}</p>
                        <div class="d-flex justify-content-between align-items-center">
                            @if($hasActiveDiscount)
                                <div>
                                    <span class="text-decoration-line-through text-muted small">{{ number_format($product->price, 2) }}€</span>
                                    <h4 class="text-danger mb-0">{{ number_format($product->discount_price, 2) }}€</h4>
                                </div>
                            @else
                                <h4 class="text-primary mb-0">{{ number_format($product->price, 2) }}€</h4>
                            @endif
                            @if(!$product->is_digital && $product->stock > 0)
                                <small class="text-success">{{ $product->stock }} em stock</small>
                            @elseif(!$product->is_digital)
                                <small class="text-danger">Esgotado</small>
                            @endif
                        </div>
                        @if($hasActiveDiscount && $product->getDiscountEndFormatted())
                            <small class="text-danger d-block mt-1"><i class="fas fa-hourglass-end me-1"></i>Termina {{ $product->getDiscountEndFormatted() }}</small>
                        @elseif($hasScheduledDiscount)
                            <small class="text-warning d-block mt-1"><i class="fas fa-calendar-alt me-1"></i>Inicia {{ $product->getDiscountStartFormatted() }}</small>
                        @endif
                        <a href="{{ route('product', $product->slug) }}" class="btn btn-outline-primary w-100 mt-2">Ver Detalhes</a>
                    </div>
                </div>
            </div>
        @empty
            <div class="col-12">
                <div class="alert alert-info">Nenhum produto encontrado nesta categoria.</div>
            </div>
        @endforelse
    </div>

    <div class="d-flex justify-content-center">
        {{ $products->links() }}
    </div>
</div>
@endsection