@extends('admin.layout')
@section('title', 'Testimonials')
@section('page-title', 'Manage Testimonials')

@section('content')
<div class="flex items-center justify-between mb-6">
    <p class="text-gray-400 text-sm">{{ $testimonials->count() }} testimonials</p>
    <a href="{{ route('admin.testimonials.create') }}" class="px-4 py-2.5 bg-indigo-600 hover:bg-indigo-500 text-white text-sm font-semibold rounded-xl transition-all flex items-center gap-2"><i class="fas fa-plus text-xs"></i> Add Testimonial</a>
</div>
@forelse($testimonials as $t)
    <div class="bg-gray-900 border border-gray-800 rounded-2xl p-5 mb-4 hover:border-gray-700 transition-all">
        <div class="flex items-start justify-between">
            <div class="flex items-center gap-3 mb-3">
                <div class="w-10 h-10 bg-gradient-to-br from-indigo-500 to-purple-600 rounded-xl flex items-center justify-center text-white font-bold text-sm">{{ substr($t->client_name,0,1) }}</div>
                <div><p class="text-sm font-bold text-white">{{ $t->client_name }}</p><p class="text-xs text-indigo-400">{{ $t->client_company }}</p></div>
            </div>
            <div class="flex gap-1">
                <a href="{{ route('admin.testimonials.edit', $t) }}" class="w-8 h-8 bg-indigo-500/10 hover:bg-indigo-500 text-indigo-400 hover:text-white rounded-lg flex items-center justify-center transition-all text-xs"><i class="fas fa-edit"></i></a>
                @include('admin.partials.delete-btn', ['route' => route('admin.testimonials.destroy', $t)])
            </div>
        </div>
        <p class="text-gray-400 text-sm leading-relaxed mb-2">"{{ $t->feedback }}"</p>
        <div class="flex gap-0.5">@for($i=1; $i<=5; $i++)<i class="fas fa-star text-xs {{ $i <= $t->rating ? 'text-yellow-400' : 'text-gray-600' }}"></i>@endfor</div>
    </div>
@empty
    @include('admin.partials.empty-state', ['icon' => 'fas fa-quote-left', 'title' => 'No Testimonials', 'actionRoute' => route('admin.testimonials.create'), 'actionText' => 'Add Testimonial'])
@endforelse
@endsection