@extends('layouts.nova.content-layout')

@php
    $hero_title = 'Stories by @' . $creator->username;
    $hero_description = 'Creator stories published by @' . $creator->username . '.';
@endphp

@section('page-content')
<div class="space-y-8">
    <div class="rounded-xl border border-gray-700 bg-gray-800/60 p-6">
        <h2 class="text-xl font-semibold tracking-tight text-white">Creator Stories</h2>
        <p class="mt-2 text-sm text-gray-300">Browse long-form stories from this creator.</p>
        <a href="/{{ '@' . strtolower((string) $creator->username) }}" class="mt-3 inline-flex text-sm text-sky-300 hover:text-sky-200">View profile</a>
    </div>

    @if($stories->isNotEmpty())
        <div class="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3">
            @foreach($stories as $story)
                <x-story-card :story="$story" />
            @endforeach
        </div>

        <div class="mt-8">{{ $stories->links() }}</div>
    @else
        <div class="rounded-xl border border-gray-700 bg-gray-800/50 px-8 py-16 text-center text-sm text-gray-300">
            No stories published by this creator yet.
        </div>
    @endif
</div>
@endsection