@extends('admin.layout')

@section('title', 'Photos profil')

@section('content')
<div class="page-header">
    <h1>Photos profil</h1>
    <p class="subtitle">Supprimez les photos inappropriées des profils utilisateurs.</p>
</div>

<div class="toolbar">
    <a href="{{ route('admin.content.stories') }}" class="btn btn-outline btn-sm"><i class="fa-solid fa-circle-play"></i> Stories</a>
</div>

<div class="content-grid">
    @forelse($photos as $photo)
        @php
            $url = str_starts_with($photo->path ?? '', 'http')
                ? $photo->path
                : asset('storage/' . $photo->path);
        @endphp
        <div>
            <div class="content-thumb" style="background-image:url('{{ $url }}')">
                <div class="content-thumb-meta">
                    {{ $photo->user?->name ?? 'Anonyme' }}<br>
                    {{ $photo->created_at->format('d/m/Y') }}
                </div>
                <div class="content-thumb-actions">
                    <form method="POST" action="{{ route('admin.content.photos.destroy', $photo) }}" onsubmit="return confirm('Supprimer cette photo ?')">
                        @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 photo.</div>
    @endforelse
</div>

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