@extends('admin.layout')

@section('title', 'Stories')

@section('content')
<div class="page-header">
    <h1>Stories</h1>
    <p class="subtitle">Modérez le contenu éphémère publié par les utilisateurs.</p>
</div>

<div class="toolbar">
    <a href="{{ route('admin.content.stories') }}" class="btn btn-outline btn-sm @if(!request('status')) active @endif">Toutes</a>
    <a href="{{ route('admin.content.stories', ['status' => 'active']) }}" class="btn btn-outline btn-sm">Actives</a>
    <a href="{{ route('admin.content.stories', ['status' => 'expired']) }}" class="btn btn-outline btn-sm">Expirées</a>
    <a href="{{ route('admin.content.photos') }}" class="btn btn-primary btn-sm" style="margin-left: auto"><i class="fa-solid fa-images"></i> Photos profil</a>
</div>

<div class="content-grid">
    @forelse($stories as $story)
        @php
            $isText = ($story->type ?? '') === 'text' || empty($story->path);
            $bgStyle = $isText
                ? 'background-color:' . ($story->background_color ?? '#DC143C')
                : 'background-image:url(' . (str_starts_with($story->path ?? '', 'http') ? $story->path : asset('storage/' . $story->path)) . ')';
        @endphp
        <div>
            <div class="content-thumb {{ $isText ? 'text-story' : '' }}" style="{{ $bgStyle }}">
                @if($isText)
                    {{ Str::limit($story->text_content ?? $story->caption, 60) }}
                @endif
                <div class="content-thumb-meta">
                    {{ $story->user?->name ?? 'Anonyme' }}<br>
                    {{ $story->expires_at?->isPast() ? 'Expirée' : 'Active' }} · {{ $story->created_at->diffForHumans() }}
                </div>
                <div class="content-thumb-actions">
                    <form method="POST" action="{{ route('admin.content.stories.destroy', $story) }}" onsubmit="return confirm('Supprimer cette story ?')">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-xs"><i class="fa-solid fa-trash"></i></button>
                    </form>
                </div>
            </div>
        </div>
    @empty
        <div class="empty-state" style="grid-column: 1/-1">Aucune story.</div>
    @endforelse
</div>

{{ $stories->withQueryString()->links('pagination.admin') }}
@endsection