@extends('admin.layout')

@section('title', 'Dashboard')

@section('content')
<div class="mb-6">
    <h1 class="text-2xl font-bold text-gray-900">Company Verifications</h1>
    <p class="text-gray-500 text-sm mt-1">Review and manage company verification requests</p>
</div>

{{-- Stats --}}
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6">
    @foreach(['all' => ['All', 'bg-gray-100 text-gray-800'], 'pending' => ['Pending', 'bg-yellow-100 text-yellow-800'], 'verified' => ['Verified', 'bg-green-100 text-green-800'], 'rejected' => ['Rejected', 'bg-red-100 text-red-800']] as $key => [$label, $style])
    <a href="{{ $key === 'all' ? route('admin.dashboard') : route('admin.dashboard') . '?status=' . $key }}"
       class="p-4 rounded-xl border {{ $style }} {{ ($status ?? '') === $key || ($key === 'all' && !$status) ? 'ring-2 ring-offset-1 ring-gray-400' : '' }}">
        <div class="text-2xl font-bold">{{ $counts[$key] }}</div>
        <div class="text-sm font-medium">{{ $label }}</div>
    </a>
    @endforeach
</div>

{{-- Table --}}
<div class="bg-white rounded-xl border border-gray-200 overflow-hidden">
    @if($verifications->isEmpty())
        <div class="p-12 text-center text-gray-400">No verification requests yet.</div>
    @else
    <table class="w-full text-sm">
        <thead class="bg-gray-50 border-b border-gray-200">
            <tr>
                <th class="px-4 py-3 text-left font-medium text-gray-600">#</th>
                <th class="px-4 py-3 text-left font-medium text-gray-600">User</th>
                <th class="px-4 py-3 text-left font-medium text-gray-600">Company</th>
                <th class="px-4 py-3 text-left font-medium text-gray-600">Submitted</th>
                <th class="px-4 py-3 text-left font-medium text-gray-600">Status</th>
                <th class="px-4 py-3 text-left font-medium text-gray-600"></th>
            </tr>
        </thead>
        <tbody class="divide-y divide-gray-100">
            @foreach($verifications as $v)
            <tr class="hover:bg-gray-50">
                <td class="px-4 py-3 text-gray-400">{{ $v->id }}</td>
                <td class="px-4 py-3">
                    <div class="font-medium text-gray-900">{{ $v->user_name }}</div>
                    <div class="text-gray-400 text-xs">{{ $v->user_email }}</div>
                </td>
                <td class="px-4 py-3 text-gray-700">{{ $v->company_name }}</td>
                <td class="px-4 py-3 text-gray-400">{{ $v->created_at->format('d M Y') }}</td>
                <td class="px-4 py-3">
                    @if($v->status === 'pending')
                        <span class="px-2 py-1 bg-yellow-100 text-yellow-800 rounded-full text-xs font-medium">Pending</span>
                    @elseif($v->status === 'verified')
                        <span class="px-2 py-1 bg-green-100 text-green-800 rounded-full text-xs font-medium">Verified</span>
                    @else
                        <span class="px-2 py-1 bg-red-100 text-red-800 rounded-full text-xs font-medium">Rejected</span>
                    @endif
                </td>
                <td class="px-4 py-3">
                    <a href="{{ route('admin.verifications.show', $v) }}"
                       class="text-gray-900 font-medium hover:underline">Review →</a>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    <div class="px-4 py-3 border-t border-gray-100">
        {{ $verifications->links() }}
    </div>
    @endif
</div>
@endsection