@extends('layouts.account', ['title' => 'المفضلة | RaseedNow'])

@section('account_content')
    <div class="kd-page-head">
        <h1>المفضلة</h1>
    </div>

    <section class="kd-card">
        <div class="kd-card-head"><h2>المنتجات المحفوظة</h2></div>
        @if($favorites->count())
            <div class="kd-favorites-grid">
                @foreach($favorites as $game)
                    <article class="kd-favorite-card">
                        <a href="{{ route('games.show', $game->slug) }}">
                            <img src="{{ $game->image_path ? asset($game->image_path) : asset('images/kroti/product-108.webp') }}" alt="{{ $game->name_ar }}">
                            <h3>{{ app()->getLocale() === 'en' ? $game->name_en : $game->name_ar }}</h3>
                        </a>
                        <form method="POST" action="{{ route('account.favorites.toggle', $game) }}">
                            @csrf
                            <button type="submit">حذف من المفضلة</button>
                        </form>
                    </article>
                @endforeach
            </div>
            {{ $favorites->links() }}
        @else
            <div class="kd-empty kd-empty-favorites">
                <h3>لا توجد عناصر في المفضلة</h3>
                <p>ابدأ بإضافة المنتجات التي تعجبك وستظهر هنا بشكل منظم.</p>
                <a href="{{ route('home') }}">تصفح المنتجات</a>
            </div>
        @endif
    </section>
@endsection