@extends('admin.layout')
@section('title', 'Tegemoetkomingsaanvragen')

@section('content')

<form method="GET" action="{{ route('admin.coupon-requests.index') }}"
      class="bg-white rounded-lg border border-gray-100 p-4 mb-4 flex flex-wrap gap-3 items-end">
    <div class="flex-1 min-w-40">
        <label class="block text-xs text-gray-500 mb-1">Zoeken</label>
        <input type="text" name="q" value="{{ request('q') }}" placeholder="Naam, e-mail of code…"
               class="w-full text-sm border border-gray-200 rounded-lg px-3 py-1.5 focus:outline-none focus:ring-1 focus:ring-blue-400">
    </div>
    <button type="submit" class="px-4 py-1.5 bg-blue-600 text-white text-sm rounded-lg hover:bg-blue-700 transition">Filteren</button>
    <a href="{{ route('admin.coupon-requests.index') }}" class="px-4 py-1.5 border border-gray-200 text-gray-500 text-sm rounded-lg hover:bg-gray-50 transition">Reset</a>
</form>

<div class="bg-white rounded-lg border border-gray-100 overflow-hidden">
    <div class="px-4 py-3 border-b border-gray-100">
        <span class="text-sm text-gray-500">{{ $requests->total() }} aanvraag/aanvragen gevonden</span>
    </div>
    <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead class="bg-gray-50 text-xs text-gray-400 uppercase tracking-wide">
                <tr>
                    <th class="px-4 py-3 text-left">ID</th>
                    <th class="px-4 py-3 text-left">Naam</th>
                    <th class="px-4 py-3 text-left">E-mail</th>
                    <th class="px-4 py-3 text-left">Code</th>
                    <th class="px-4 py-3 text-center">Bewijsstukken</th>
                    <th class="px-4 py-3 text-left">Datum</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-50">
                @forelse ($requests as $req)
                    <tr class="hover:bg-gray-50 transition">
                        <td class="px-4 py-3 text-xs font-mono text-gray-400">{{ $req->id }}</td>
                        <td class="px-4 py-3 font-medium text-gray-800">{{ $req->name }}</td>
                        <td class="px-4 py-3 text-xs text-gray-500">{{ $req->email }}</td>
                        <td class="px-4 py-3">
                            @if ($req->coupon_code)
                                <span class="font-mono text-sm font-semibold text-indigo-600">{{ $req->coupon_code }}</span>
                            @else
                                <span class="text-gray-300 text-xs italic">—</span>
                            @endif
                        </td>
                        <td class="px-4 py-3">
                            @php $paths = $req->attestation_paths ?? []; @endphp
                            @if (count($paths))
                                <div class="flex flex-wrap gap-1">
                                    @foreach ($paths as $i => $path)
                                        <a href="{{ route('admin.coupon-requests.attestation', $req) }}?file={{ $i }}"
                                           class="text-xs text-blue-500 hover:text-blue-700 transition"
                                           title="Download bewijsstuk {{ $i + 1 }}">
                                            📎 {{ $i + 1 }}
                                        </a>
                                    @endforeach
                                </div>
                            @else
                                <span class="text-gray-300 text-xs">—</span>
                            @endif
                        </td>
                        <td class="px-4 py-3 text-xs text-gray-400 whitespace-nowrap">
                            {{ $req->created_at->format('d/m/Y H:i') }}
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="px-4 py-8 text-center text-sm text-gray-400">Geen aanvragen gevonden.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if ($requests->hasPages())
        <div class="px-5 py-4 border-t border-gray-100">{{ $requests->links() }}</div>
    @endif
</div>

@endsection