@php use Illuminate\Support\Str; @endphp

<section class="tab-panel" id="panel-boutique">
    <div class="panel-header orange">
        <h2><i class="fas fa-store"></i> Notre Boutique</h2>
        <p>{{ $allUrgentSales->count() }} articles disponibles</p>
    </div>

    <div class="panel-toolbar" data-filter-group="boutique">
        <div class="panel-toolbar-main">
            <div>
                <div class="panel-results" id="results-boutique">
                    {{ $allUrgentSales->count() }} annonce{{ $allUrgentSales->count() > 1 ? 's' : '' }}
                </div>
                <div class="panel-results-note">Affinez la boutique par recherche, prix, état ou disponibilité.</div>
            </div>

            <button type="button" class="panel-filter-toggle" data-filter-toggle="boutique">
                <i class="fas fa-sliders-h"></i> Filtres
            </button>
        </div>

        <div class="panel-filters" id="filters-boutique">
            <div class="panel-filter-grid">
                <label class="filter-field">
                    <span>Recherche</span>
                    <input type="search" data-filter-input="boutique-search" placeholder="Titre ou mot-clé">
                </label>

                <label class="filter-field">
                    <span>Catégorie</span>
                    <select data-filter-input="boutique-category">
                        <option value="">Toutes</option>
                        @foreach($urgentCategories as $categoryName)
                            <option value="{{ Str::slug($categoryName) }}">{{ $categoryName }}</option>
                        @endforeach
                    </select>
                </label>

                <label class="filter-field">
                    <span>État</span>
                    <select data-filter-input="boutique-condition">
                        <option value="">Tous</option>
                        @foreach($urgentConditions as $conditionValue => $conditionLabel)
                            <option value="{{ $conditionValue }}">{{ $conditionLabel }}</option>
                        @endforeach
                    </select>
                </label>

                <label class="filter-field">
                    <span>Stock</span>
                    <select data-filter-input="boutique-stock">
                        <option value="">Tous</option>
                        <option value="in">En stock</option>
                        <option value="low">Stock faible</option>
                        <option value="out">Épuisé</option>
                    </select>
                </label>

                <label class="filter-field">
                    <span>Prix max (€)</span>
                    <input type="number" min="0" step="1" data-filter-input="boutique-max-price" placeholder="Ex: 250">
                </label>
            </div>

            <div class="panel-filter-actions">
                <button type="button" class="panel-filter-reset" data-filter-reset="boutique">Réinitialiser</button>
            </div>
        </div>
    </div>

    @auth
        <div class="cart-indicator {{ $cartItemCount > 0 ? 'visible' : '' }}" id="cart-indicator">
            <a href="{{ route('client.cart.index') }}" class="cart-btn">
                <i class="fas fa-shopping-cart"></i>
                <span class="cart-count" id="cart-count">{{ $cartItemCount }}</span>
                <span class="cart-text">Voir le panier</span>
            </a>
        </div>
    @endauth

    <div class="boutique-grid">
        @foreach($allUrgentSales as $sale)
            @php
                $availableQty = ($sale->quantity ?? 1) - ($sale->reserved_quantity ?? 0) - ($sale->sold_quantity ?? 0);
                $stockState = $availableQty <= 0 ? 'out' : ($availableQty <= 3 ? 'low' : 'in');
                $saleCategoryName = $sale->category?->name;
                $saleSearch = mb_strtolower(trim(
                    $sale->title . ' ' .
                    strip_tags($sale->description ?? '') . ' ' .
                    ($saleCategoryName ?? '') . ' ' .
                    ($sale->condition ?? '')
                ));

                $sellerId = (int) ($sale->prestataire?->user_id ?? 0);
                $isOwnSale = auth()->check() ? ((int) auth()->id() === $sellerId) : false;

                $hasOnlinePayment = (function_exists('normalize_payment_requirement_for_mode')
                    ? normalize_payment_requirement_for_mode($sale->payment_requirement ?? 'none')
                    : ($sale->payment_requirement ?? 'none')) === 'full';

                $hasStripeConnect = !empty($sale->prestataire?->stripe_account_id);

                $canAddToCart = auth()->check()
                    && !$isOwnSale
                    && $hasOnlinePayment
                    && $hasStripeConnect
                    && \Illuminate\Support\Facades\Route::has('client.cart.add.urgent-sale');
            @endphp

            <article
                class="product-card-boutique filterable-card"
                data-product-id="{{ $sale->id }}"
                data-filter-group="boutique"
                data-search="{{ $saleSearch }}"
                data-category="{{ $saleCategoryName ? Str::slug($saleCategoryName) : '' }}"
                data-condition="{{ $sale->condition ?? '' }}"
                data-stock="{{ $stockState }}"
                data-price="{{ (float) $sale->price }}"
            >
                <a href="{{ route('urgent-sales.show', $sale) }}" class="product-image-wrap">
                    @if($sale->photos && count($sale->photos) > 0)
                        @php $firstPhoto = $sale->photos[0]; @endphp

                        @if(filter_var($firstPhoto, FILTER_VALIDATE_URL))
                            <img src="{{ $firstPhoto }}" alt="{{ $sale->title }}" loading="lazy">
                        @else
                            <x-media-image :path="$firstPhoto" :alt="$sale->title" class="w-full h-full object-cover" />
                        @endif
                    @else
                        <div class="product-no-image">
                            <i class="fas fa-shopping-bag"></i>
                        </div>
                    @endif

                    @if($availableQty <= 3 && $availableQty > 0)
                        <span class="stock-badge low">Plus que {{ $availableQty }} !</span>
                    @elseif($availableQty <= 0)
                        <span class="stock-badge out">Épuisé</span>
                    @endif
                </a>

                <div class="product-body">
                    <h3><a href="{{ route('urgent-sales.show', $sale) }}">{{ $sale->title }}</a></h3>
                    <p class="product-desc">{{ Str::limit($sale->description, 60) }}</p>

                    @if($saleCategoryName || $sale->condition || $availableQty >= 0)
                        <div class="item-meta-row">
                            @if($saleCategoryName)
                                <span class="item-chip">{{ $saleCategoryName }}</span>
                            @endif

                            @if($sale->condition)
                                <span class="item-chip muted">
                                    {{ \App\Models\UrgentSale::CONDITION_OPTIONS[$sale->condition] ?? ucfirst($sale->condition) }}
                                </span>
                            @endif

                            <span class="item-chip soft">
                                {{ $availableQty > 0 ? $availableQty . ' dispo' : 'Épuisé' }}
                            </span>
                        </div>
                    @endif

                    <div class="product-bottom">
                        <div class="product-price-tag">
                            <span class="current-price">{{ number_format($sale->price, 2, ',', ' ') }} €</span>
                        </div>

                        @if($availableQty > 0)
                            @auth
                                @if($canAddToCart)
                                    <form method="POST" action="{{ route('client.cart.add.urgent-sale', $sale) }}" class="add-to-cart-form">
                                        @csrf
                                        <input type="hidden" name="quantity" value="1">
                                        <button type="submit" class="btn-add-cart">
                                            <i class="fas fa-cart-plus"></i>
                                            <span>Ajouter</span>
                                        </button>
                                    </form>
                                @elseif($isOwnSale)
                                    <span class="btn-out-of-stock">Votre annonce</span>
                                @else
                                    <a href="{{ route('urgent-sales.show', $sale) }}" class="btn-add-cart">
                                        <i class="fas fa-comments"></i>
                                        <span>{{ $hasOnlinePayment ? 'Contacter' : 'Réserver' }}</span>
                                    </a>
                                @endif
                            @else
                                <a href="{{ route('login') }}" class="btn-add-cart">
                                    <i class="fas fa-sign-in-alt"></i>
                                    <span>Connexion</span>
                                </a>
                            @endauth
                        @else
                            <span class="btn-out-of-stock">Épuisé</span>
                        @endif
                    </div>
                </div>
            </article>
        @endforeach
    </div>

    <div class="panel-filter-empty" id="empty-boutique" hidden>
        <i class="fas fa-store-slash"></i>
        <p>Aucune annonce ne correspond à ces filtres.</p>
    </div>
</section>