@extends('layouts.app')
@section('title', __('Testimonials'))
@section('page-title', __('Testimonials'))
@section('page-subtitle', __('Customer quotes shown on the public homepage.'))

@section('content')
@include('super-admin._nav')

<div class="card overflow-hidden">
    <div class="px-6 py-4 border-b border-slate-200/70 dark:border-slate-800 flex items-center gap-3">
        <x-icon name="users" class="w-5 h-5 text-brand-600"/>
        <span class="font-semibold">{{ __('All testimonials') }}</span>
        <span class="ms-auto badge-info">{{ $items->count() }}</span>
        <a href="{{ route('super-admin.testimonials.create') }}" class="btn-primary text-xs">
            <x-icon name="plus" class="w-4 h-4"/> {{ __('Add testimonial') }}
        </a>
    </div>
    <div class="divide-y divide-slate-100 dark:divide-slate-800">
        @forelse($items as $t)
            <div class="px-6 py-4 flex items-start gap-4">
                <div class="w-10 h-10 rounded-full overflow-hidden bg-slate-200 dark:bg-slate-800 flex items-center justify-center shrink-0">
                    @if($t->avatar)
                        <img src="{{ asset('storage/'.$t->avatar) }}" alt="" class="w-full h-full object-cover">
                    @else
                        <span class="text-sm font-bold text-slate-500">{{ strtoupper(substr($t->name,0,1)) }}</span>
                    @endif
                </div>
                <div class="flex-1 min-w-0">
                    <div class="font-semibold">{{ $t->name }} <span class="text-xs text-slate-400 font-normal">— {{ $t->role() }}</span></div>
                    <div class="text-sm text-slate-500 mt-0.5">{{ $t->company }}</div>
                    <div class="text-sm text-slate-600 dark:text-slate-300 mt-1 line-clamp-2 italic">“{{ $t->content() }}”</div>
                </div>
                <span class="text-amber-500 text-sm whitespace-nowrap">
                    @for($i=0;$i<$t->rating;$i++)★@endfor
                </span>
                <span class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-semibold {{ $t->is_active ? 'bg-emerald-50 text-emerald-700' : 'bg-slate-100 text-slate-500' }}">
                    {{ $t->is_active ? __('Active') : __('Inactive') }}
                </span>
                <a href="{{ route('super-admin.testimonials.edit', $t) }}" class="btn-secondary text-xs">
                    <x-icon name="edit" class="w-4 h-4"/> {{ __('Edit') }}
                </a>
                <form method="POST" action="{{ route('super-admin.testimonials.destroy', $t) }}" onsubmit="return confirm('{{ __('Delete this testimonial?') }}')">
                    @csrf @method('DELETE')
                    <button class="btn-ghost text-xs text-rose-600"><x-icon name="trash" class="w-4 h-4"/></button>
                </form>
            </div>
        @empty
            <div class="text-center py-16 text-slate-500">{{ __('No testimonials yet.') }}</div>
        @endforelse
    </div>
</div>
@endsection