@extends('admin.layouts.app')

@section('title', 'Agent Reviews')
@section('breadcrumb')
<li class="flex items-center gap-1.5"><svg class="w-3.5 h-3.5 text-gray-300" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/></svg></li>
<li><a href="{{ route('admin.agents.index') }}" class="hover:text-primary-600 transition-colors">Agents</a></li>
<li class="flex items-center gap-1.5"><svg class="w-3.5 h-3.5 text-gray-300" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/></svg></li>
<li><span class="text-gray-500">Agent Reviews</span></li>
@endsection
@section('heading', 'Agent Reviews')
@section('subheading', 'Moderate and manage customer reviews for agents.')
@section('actions')
<a href="{{ route('admin.agents.index') }}" class="px-5 py-2.5 bg-primary-500 text-white text-sm font-medium rounded-lg hover:bg-primary-600 transition-colors shadow-sm">All Agents</a>
@endsection

@section('content')

<form method="GET" action="{{ route('admin.agents.reviews') }}" class="mb-6">
    <div class="flex gap-2">
        <input type="text" name="search" value="{{ request('search') }}" placeholder="Search by agent name..." class="flex-1 max-w-md px-3.5 py-2.5 border border-gray-200 rounded-lg text-sm placeholder-gray-400 focus:ring-2 focus:ring-primary-100 focus:border-primary-300 outline-none">
        <button type="submit" class="px-5 py-2.5 bg-primary-500 text-white text-sm font-medium rounded-lg hover:bg-primary-600">Search</button>
    </div>
</form>

<div class="bg-white rounded-xl border border-gray-100 p-8 text-center">
    <svg class="w-16 h-16 mx-auto text-gray-300 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.562.562 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.562.562 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z"/>
    </svg>
    <p class="text-gray-500 mb-2">Agent reviews will appear here once you add a reviews system.</p>
    <p class="text-sm text-gray-400">You can manage agents from the list below.</p>
    <div class="mt-6 flex flex-wrap justify-center gap-4">
        @forelse($agents as $agent)
            <a href="{{ route('admin.agents.edit', $agent) }}" class="inline-flex items-center gap-2 px-4 py-2 rounded-lg border border-gray-200 text-sm text-gray-700 hover:bg-gray-50">
                <span class="w-8 h-8 rounded-full bg-gray-200 flex items-center justify-center text-xs font-medium">{{ substr($agent->name, 0, 2) }}</span>
                {{ $agent->name }}
            </a>
        @empty
            <p class="text-sm text-gray-400">No agents yet. <a href="{{ route('admin.agents.create') }}" class="text-primary-500 hover:underline">Add one</a>.</p>
        @endforelse
    </div>
</div>

@if ($agents->hasPages())
    <div class="mt-6 flex justify-center">
        {{ $agents->links() }}
    </div>
@endif

@endsection