@extends('layouts.app')
@section('title', $offer->item->name)
@section('content')
@php
    $price = $offer->prices->first();
    $available = ! $offer->inventory || ! $offer->inventory->track_inventory ? null : max(0, (float)$offer->inventory->quantity - (float)$offer->inventory->reserved_quantity);
@endphp
<section class="product-section"><div class="shell product-grid">
    <div class="product-visual"><span class="product-badge">{{ $offer->item->type === 'service' ? 'Service' : 'Bien solidaire' }}</span><span>{{ mb_substr($offer->item->name, 0, 1) }}</span></div>
    <div class="product-info"><a href="{{ route('catalog') }}" class="back-link">← Retour au catalogue</a><span class="eyebrow">{{ $offer->organization->name }}</span><h1>{{ $offer->item->name }}</h1><p class="product-description">{{ $offer->item->description ?: 'Cette offre solidaire est proposée par un partenaire FreeGive actif et vérifié.' }}</p>
        <div class="product-price"><strong>{{ $price ? number_format((float)$price->price, 0, ',', ' ') : '—' }}</strong><span>XOF</span><small>par unité</small></div>
        <div class="product-options"><span>{{ $offer->allow_pickup ? '✓ Retrait disponible' : '— Retrait indisponible' }}</span><span>{{ $offer->allow_delivery ? '✓ Livraison disponible' : '— Livraison indisponible' }}</span>@if($available !== null)<span>{{ $available > 0 ? '✓ '.$available.' en stock' : 'Épuisé' }}</span>@endif</div>
        @auth
            <form method="POST" action="{{ route('cart.add', $offer) }}" class="add-form">@csrf<label for="quantity">Quantité</label><input id="quantity" type="number" name="quantity" value="1" min="1" step="1" @disabled($available !== null && $available <= 0)><button class="button" type="submit" @disabled($available !== null && $available <= 0)>Ajouter au panier</button></form>
            @error('quantity')<p class="field-error">{{ $message }}</p>@enderror
        @else
            <div class="signin-prompt"><p>Connectez-vous pour réserver cette offre.</p><a href="{{ route('login') }}" class="button">Se connecter</a></div>
        @endauth
        <div class="merchant-card"><span class="merchant-logo">{{ mb_substr($offer->organization->name, 0, 1) }}</span><div><small>Proposé par</small><strong>{{ $offer->organization->name }}</strong><p>{{ $offer->organization->description ?: 'Partenaire de la communauté FreeGive.' }}</p></div></div>
    </div>
</div></section>
@endsection