@extends('layouts.app')
@section('title','Catalogue · '.$organization->name)
@section('immersive-account','1')
@section('content')
<div class="merchant-shell">@include('merchant._sidebar')<main class="merchant-content"><header class="merchant-page-head"><div><span class="stitch-kicker">Produits et services</span><h1>Catalogue & stocks</h1><p>Gérez vos offres, vos prix et les disponibilités du catalogue.</p></div><button class="button" type="button" onclick="document.getElementById('new-offer').scrollIntoView({behavior:'smooth'})">＋ Nouvelle offre</button></header>
@error('merchant')<div class="form-error-banner">{{ $message }}</div>@enderror
<form class="merchant-toolbar" method="GET"><label class="history-search"><span>⌕</span><input name="q" value="{{ $search }}" placeholder="Nom, SKU ou référence"></label><select name="stock"><option value="">Tous les stocks</option><option value="available" @selected($stock==='available')>Disponibles</option><option value="low" @selected($stock==='low')>Stocks bas</option></select><button class="button button-sm">Filtrer</button></form>
<div class="merchant-catalog-layout"><section><div class="merchant-offer-grid">@forelse($offers as $offer)<article class="merchant-product"><header><span class="merchant-product-visual">{{ mb_substr($offer->item->name,0,1) }}</span><i @class(['offer-state','off'=>!$offer->is_active])>{{ $offer->is_active?'Active':'Inactive' }}</i></header><div class="merchant-product-body"><small>{{ $offer->item->sku }} · {{ $offer->reference }}</small><h2>{{ $offer->item->name }}</h2><strong>{{ number_format((float)($offer->prices->sortByDesc('is_default')->first()?->price ?? 0),0,',',' ') }} XOF</strong><div class="merchant-product-stock"><span>Stock <b>{{ (float)($offer->inventory?->quantity ?? 0) }}</b></span><span>Seuil <b>{{ (float)($offer->inventory?->minimum_quantity ?? 0) }}</b></span></div><details><summary>Gérer le stock et le prix</summary><form method="POST" action="{{ route('merchant.inventory',[$organization,$offer]) }}" class="merchant-inline-form">@csrf @method('PATCH')<label>Stock<input type="number" name="quantity" min="0" value="{{ $offer->inventory?->quantity??0 }}"></label><label>Seuil<input type="number" name="minimum_quantity" min="0" value="{{ $offer->inventory?->minimum_quantity??0 }}"></label><button>Actualiser</button></form><form method="POST" action="{{ route('merchant.price',[$organization,$offer]) }}" class="merchant-inline-form">@csrf<label>Nouveau prix<input type="number" name="amount" min="1" required></label><button>Appliquer</button></form></details></div></article>@empty<div class="member-empty merchant-wide-empty"><span>▤</span><h2>Catalogue vide</h2><p>Créez votre première offre ci-contre.</p></div>@endforelse</div><div class="pagination">{{ $offers->links() }}</div></section>
<aside id="new-offer" class="merchant-panel merchant-new-offer"><span class="stitch-kicker">Nouvelle offre</span><h2>Ajouter au catalogue</h2><form class="form-stack" method="POST" action="{{ route('merchant.offers.store',$organization) }}">@csrf<div class="field"><label>Nom</label><input name="name" required></div><div class="field-row"><div class="field"><label>SKU</label><input name="sku" required></div><div class="field"><label>Type</label><select name="type"><option value="product">Produit</option><option value="service">Service</option></select></div></div><div class="field"><label>Description</label><textarea name="description" rows="3"></textarea></div><div class="field-row"><div class="field"><label>Prix XOF</label><input type="number" name="price" min="1" required></div><div class="field"><label>Stock</label><input type="number" name="quantity" min="0" value="0" required></div></div><div class="field"><label>Seuil d’alerte</label><input type="number" name="minimum_quantity" min="0" value="0"></div><label class="check-field"><input type="checkbox" name="is_donatable" value="1" checked> Finançable comme don</label><label class="check-field"><input type="checkbox" name="allow_pickup" value="1" checked> Retrait autorisé</label><label class="check-field"><input type="checkbox" name="allow_delivery" value="1"> Livraison autorisée</label><button class="button button-wide">Créer l’offre</button></form></aside></div></main></div>
@endsection