@extends('layouts.app')
@section('title', 'Produk Favorit')
@section('active', 'favorit')
@section('content')
<section class="py-4 bg-biru-muda"><div class="container"><div class="eyebrow mb-2">Pilihan kamu</div><h1 class="mb-2">Produk Favorit</h1><p class="text-muted-soft mb-0">Simpan pilihan dulu, tentukan ukuran saat siap belanja.</p></div></section>
<section class="section-sm"><div class="container">
  <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4"><p class="small text-muted-soft mb-0">Favorit hanya untuk akun yang sedang masuk, tersimpan dalam sesi browser ini (belum tersinkron lintas perangkat). Produk tidak aktif otomatis tidak ditampilkan.</p><a href="{{ route('katalog') }}" class="btn btn-light-blue">Jelajahi katalog <i class="bi bi-arrow-right ms-1" aria-hidden="true"></i></a></div>
  @if($products->isEmpty())
  <div class="card-soft empty-state"><i class="bi bi-heart empty-state-icon" aria-hidden="true"></i><h2 class="h4">Belum ada produk favorit</h2><p class="text-muted-soft">Tekan ikon hati pada produk yang kamu suka. Stok belum dipesan sampai checkout.</p><a class="btn btn-primary" href="{{ route('katalog') }}">Temukan pilihanmu</a></div>
  @else
  <div class="row g-4">@foreach($products as $product)<div class="col-6 col-lg-3" data-wishlist-card>@include('partials.product-card')</div>@endforeach</div>
  <div class="mt-4">{{ $products->links() }}</div>
  @endif
  <p class="small text-muted-soft mt-4 mb-0"><i class="bi bi-info-circle me-1" aria-hidden="true"></i>Favorit tidak mengunci harga atau stok. Keluar akun atau sesi kedaluwarsa dapat menghapus favorit.</p>
</div></section>
@endsection