@extends('layouts.app')

@section('title', 'My Account')

@section('content')
    <div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">

        <div class="flex flex-wrap items-center justify-between gap-4">
            <div>
                <h1 class="text-3xl font-extrabold tracking-tight">Hey, {{ $user->name }} 👋</h1>
                <p class="mt-2 text-slate-400">{{ $user->email }}</p>
            </div>

            <form method="POST" action="{{ route('logout') }}">
                @csrf
                <button type="submit" class="btn btn-ghost">Log out</button>
            </form>
        </div>

        {{-- Membership --}}
        <div class="mt-8 grid gap-5 lg:grid-cols-3">
            <div class="surface p-6 lg:col-span-2">
                <h2 class="text-sm font-bold uppercase tracking-wide text-slate-500">Membership</h2>

                @if ($user->hasPremiumAccess())
                    <p class="mt-3 flex items-center gap-2 text-xl font-bold text-emerald-400">
                        ✓ Active member
                    </p>
                    <p class="mt-2 text-sm text-slate-400">
                        Every premium prompt is unlocked.
                        @if ($user->premium_until)
                            Renews {{ $user->premium_until->toFormattedDayDateString() }}.
                        @else
                            Lifetime access — no expiry.
                        @endif
                    </p>

                    @unless ($user->is_admin)
                        <form method="POST" action="{{ route('membership.cancel') }}" class="mt-5">
                            @csrf
                            <button type="submit" class="btn btn-ghost">Cancel membership</button>
                        </form>
                    @endunless
                @else
                    <p class="mt-3 text-xl font-bold text-slate-300">Free account</p>
                    <p class="mt-2 text-sm text-slate-400">
                        You have every free prompt. Premium drops stay locked until you upgrade.
                    </p>
                    <a href="{{ route('join') }}" class="btn btn-primary mt-5">See membership options</a>
                @endif
            </div>

            <div class="surface p-6">
                <h2 class="text-sm font-bold uppercase tracking-wide text-slate-500">Your library</h2>
                <p class="mt-3 text-4xl font-extrabold text-white">{{ $favorites->count() }}</p>
                <p class="mt-1 text-sm text-slate-400">prompts saved</p>
                <a href="{{ route('prompts.index') }}" class="btn btn-ghost mt-5 w-full">Find more prompts</a>
            </div>
        </div>

        {{-- Saved prompts --}}
        <section class="mt-12">
            <h2 class="mb-6 text-2xl font-extrabold tracking-tight">Saved prompts</h2>

            @if ($favorites->isEmpty())
                <div class="surface px-6 py-16 text-center">
                    <p class="text-4xl">☆</p>
                    <h3 class="mt-4 text-lg font-bold">Nothing saved yet</h3>
                    <p class="mt-2 text-sm text-slate-400">Hit “Save to library” on any prompt to keep it here.</p>
                    <a href="{{ route('prompts.index') }}" class="btn btn-primary mt-6">Browse prompts</a>
                </div>
            @else
                <div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
                    @foreach ($favorites as $prompt)
                        <x-prompt-card :prompt="$prompt" />
                    @endforeach
                </div>
            @endif
        </section>

    </div>
@endsection