@extends('layouts.app')

@section('content')
<div class="max-w-7xl mx-auto px-4 py-8">
    <h1 class="text-3xl font-bold mb-6 text-gray-800">Modération des Avis Clients</h1>

    <div class="bg-white shadow rounded-lg overflow-hidden">
        <table class="min-w-full leading-normal">
            <thead class="bg-gray-50">
                <tr>
                    <th class="px-5 py-3 border-b-2 text-left text-xs font-semibold text-gray-600 uppercase">Note</th>
                    <th class="px-5 py-3 border-b-2 text-left text-xs font-semibold text-gray-600 uppercase">Client / Produit</th>
                    <th class="px-5 py-3 border-b-2 text-left text-xs font-semibold text-gray-600 uppercase">Commentaire</th>
                    <th class="px-5 py-3 border-b-2 text-right">Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($reviews as $review)
                <tr>
                    <td class="px-5 py-5 border-b text-sm">
                        <div class="flex text-yellow-400">
                            @for($i=1; $i<=5; $i++)
                                <i class="fas fa-star {{ $i <= $review->rating ? '' : 'text-gray-300' }}"></i>
                            @endfor
                        </div>
                        <span class="text-xs text-gray-500">{{ $review->created_at->format('d/m/Y') }}</span>
                    </td>
                    <td class="px-5 py-5 border-b text-sm">
                        <p class="font-bold">{{ $review->user->name }}</p>
                        <p class="text-xs text-primary">Sur : {{ $review->product->name }}</p>
                    </td>
                    <td class="px-5 py-5 border-b text-sm italic text-gray-600">
                        "{{ $review->comment }}"
                    </td>
                    <td class="px-5 py-5 border-b text-right">
                        <form action="{{ route('admin.reviews.destroy', $review->id) }}" method="POST" onsubmit="return confirm('Êtes-vous sûre de vouloir supprimer cet avis ? Cette action est irréversible.');">
                            @csrf @method('DELETE')
                            <button class="bg-red-100 text-red-600 hover:bg-red-200 px-3 py-1 rounded text-xs font-bold">
                                <i class="fas fa-trash mr-1"></i> Supprimer
                            </button>
                        </form>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        <div class="p-4">
            {{ $reviews->links() }}
        </div>
    </div>
</div>
@endsection