@extends('layouts.admin')

@section('title', __('admin.leads.title'))

@section('content')
    <div class="flex flex-wrap items-center justify-between gap-4">
        <h1 class="text-2xl font-bold text-brand-deep">{{ __('admin.leads.title') }}</h1>
        <a href="{{ lroute('admin.leads.export') }}" class="rounded-full bg-brand px-4 py-2 text-sm font-semibold text-white transition hover:bg-brand-deep">{{ __('admin.actions.export_csv') }}</a>
    </div>

    <form method="GET" action="{{ lroute('admin.leads.index') }}" class="mt-6 flex flex-wrap items-end gap-3">
        <div>
            <label for="q" class="sr-only">{{ __('admin.leads.search_placeholder') }}</label>
            <input type="search" id="q" name="q" value="{{ request('q') }}" placeholder="{{ __('admin.leads.search_placeholder') }}"
                   class="w-64 rounded-lg border border-black/10 bg-white px-3 py-2 text-sm focus:border-brand focus:outline-none focus:ring-2 focus:ring-brand/20">
        </div>
        <div>
            <label for="status" class="sr-only">{{ __('admin.leads.status') }}</label>
            <select id="status" name="status" class="rounded-lg border border-black/10 bg-white px-3 py-2 text-sm focus:border-brand focus:outline-none focus:ring-2 focus:ring-brand/20">
                <option value="">{{ __('admin.leads.all_statuses') }}</option>
                @foreach ($statuses as $status)
                    <option value="{{ $status }}" @selected(request('status') === $status)>{{ __("admin.leads.statuses.{$status}") }}</option>
                @endforeach
            </select>
        </div>
        <button type="submit" class="rounded-lg bg-brand-deep px-4 py-2 text-sm font-semibold text-white transition hover:bg-brand">{{ __('admin.actions.filter') }}</button>
        <a href="{{ lroute('admin.leads.index') }}" class="rounded-lg px-4 py-2 text-sm font-medium text-ink-soft transition hover:text-brand">{{ __('admin.actions.reset') }}</a>
    </form>

    <div class="mt-6 overflow-x-auto rounded-2xl bg-white shadow-sm ring-1 ring-black/5">
        <table class="w-full text-sm">
            <thead>
                <tr class="border-b border-black/5 text-xs uppercase tracking-wide text-ink-soft">
                    <th class="px-4 py-3 text-start font-semibold">{{ __('admin.leads.name') }}</th>
                    <th class="px-4 py-3 text-start font-semibold">{{ __('admin.leads.company') }}</th>
                    <th class="px-4 py-3 text-start font-semibold">{{ __('admin.leads.email') }}</th>
                    <th class="px-4 py-3 text-start font-semibold">{{ __('admin.leads.country') }}</th>
                    <th class="px-4 py-3 text-start font-semibold">{{ __('admin.leads.status') }}</th>
                    <th class="px-4 py-3 text-start font-semibold">{{ __('admin.leads.date') }}</th>
                    <th class="px-4 py-3 text-start font-semibold"></th>
                </tr>
            </thead>
            <tbody>
                @forelse ($leads as $lead)
                    <tr class="border-b border-black/5 last:border-0">
                        <td class="px-4 py-3 font-medium text-ink">{{ $lead->name }}</td>
                        <td class="px-4 py-3 text-ink-soft">{{ $lead->company_name }}</td>
                        <td class="px-4 py-3 text-ink-soft" dir="ltr">{{ $lead->email }}</td>
                        <td class="px-4 py-3 text-ink-soft">{{ $lead->country }}</td>
                        <td class="px-4 py-3">
                            <span class="rounded-full bg-brand/10 px-2.5 py-0.5 text-xs font-semibold text-brand">{{ __("admin.leads.statuses.{$lead->status}") }}</span>
                        </td>
                        <td class="px-4 py-3 text-ink-soft">{{ $lead->created_at?->format('Y-m-d') }}</td>
                        <td class="px-4 py-3 text-end">
                            <a href="{{ lroute('admin.leads.show', $lead) }}" class="text-sm font-medium text-brand transition hover:text-brand-deep">{{ __('admin.actions.view') }}</a>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="px-4 py-8 text-center text-ink-soft">{{ __('admin.leads.empty') }}</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $leads->links() }}</div>
@endsection