@extends('layouts.admin')
@section('title', 'Témoignages')
@section('page_title', 'Témoignages')

@section('content')

<div class="flex justify-end mb-6">
    <a href="{{ route('admin.temoignages.create') }}" class="inline-flex items-center gap-2 btn-gold text-navy-dark font-display font-bold text-sm px-4 py-2.5 rounded-xl shadow-md hover:brightness-105 transition-all">
        <x-icon name="plus" class="w-4 h-4" /> Nouveau témoignage
    </a>
</div>

<div class="bg-white rounded-2xl border border-gray-100 overflow-hidden">
    @forelse($testimonials as $testimonial)
        <div class="flex items-center justify-between gap-4 px-5 py-4 border-b border-gray-50 last:border-0">
            <div class="flex items-center gap-3 min-w-0">
                <div class="w-9 h-9 rounded-full bg-navy/5 overflow-hidden shrink-0 flex items-center justify-center text-navy">
                    @if($testimonial->client_photo)<img src="{{ Storage::url($testimonial->client_photo) }}" class="w-full h-full object-cover">@else<x-icon name="user" class="w-4 h-4" />@endif
                </div>
                <div class="min-w-0">
                    <p class="font-bold text-sm text-navy-dark truncate">{{ $testimonial->client_name }}</p>
                    <p class="text-xs text-gray-400 truncate">{{ $testimonial->client_role }} — "{{ Str::limit($testimonial->quote, 60) }}"</p>
                </div>
                @unless($testimonial->is_published)
                    <span class="text-[10px] font-bold px-2 py-0.5 rounded-full bg-gray-100 text-gray-500 shrink-0">Masqué</span>
                @endunless
            </div>
            <div class="flex items-center gap-1 shrink-0">
                <a href="{{ route('admin.temoignages.edit', $testimonial) }}" class="p-2 text-gray-400 hover:text-navy rounded-lg hover:bg-gray-50"><x-icon name="pencil" class="w-4 h-4" /></a>
                <form method="POST" action="{{ route('admin.temoignages.destroy', $testimonial) }}" onsubmit="return confirm('Supprimer ce témoignage ?');">
                    @csrf @method('DELETE')
                    <button class="p-2 text-gray-400 hover:text-rose-600 rounded-lg hover:bg-rose-50"><x-icon name="trash" class="w-4 h-4" /></button>
                </form>
            </div>
        </div>
    @empty
        <p class="text-center text-gray-400 py-10">Aucun témoignage pour l'instant.</p>
    @endforelse
</div>

@endsection