@extends('layouts.admin')

@section('title', 'Accounts')

@section('content')
    <div class="mb-5 flex flex-wrap items-center justify-between gap-4">
        <form method="GET" class="flex flex-wrap items-center gap-3">
            <input type="hidden" name="status" value="{{ $currentStatus }}">

            <input type="search" name="q" value="{{ request('q') }}" class="form-input w-64"
                   placeholder="{{ __('Name or email') }}" aria-label="{{ __('Search accounts') }}">

            <button type="submit" class="btn-outline btn-sm">{{ __('Search') }}</button>
        </form>

        <div class="flex flex-wrap gap-2">
            @foreach ([
                '' => __('Everyone').' ('.$counts['all'].')',
                'sellers' => __('Sellers').' ('.$counts['sellers'].')',
                'suspended' => __('Suspended').' ('.$counts['suspended'].')',
            ] as $value => $label)
                <a href="{{ route('admin.accounts.index', array_filter(['status' => $value, 'q' => request('q')])) }}"
                   @class(['pill', 'pill-brand' => $currentStatus === $value, 'pill-idle' => $currentStatus !== $value])>
                    {{ $label }}
                </a>
            @endforeach
        </div>
    </div>

    @if ($accounts->isEmpty())
        <x-empty-state icon="users" :title="__('No accounts found')"
                       :message="__('Nothing matches that search.')" />
    @else
        <div class="admin-card overflow-x-auto">
            <table class="w-full text-left text-sm">
                <thead class="border-b border-border text-xs uppercase tracking-wide text-text-muted">
                    <tr>
                        <th class="px-4 py-3 font-semibold">{{ __('Account') }}</th>
                        <th class="px-4 py-3 font-semibold">{{ __('Selling as') }}</th>
                        <th class="px-4 py-3 font-semibold">{{ __('Joined') }}</th>
                        <th class="px-4 py-3 font-semibold">{{ __('Status') }}</th>
                        <th class="px-4 py-3"><span class="sr-only">{{ __('Actions') }}</span></th>
                    </tr>
                </thead>

                <tbody class="divide-y divide-border">
                    @foreach ($accounts as $account)
                        <tr>
                            <td class="px-4 py-3">
                                <a href="{{ route('admin.accounts.show', $account) }}"
                                   class="font-medium text-text hover:text-text-brand">{{ $account->name }}</a>

                                <span class="mt-0.5 block text-xs text-text-muted">{{ $account->email }}</span>
                            </td>

                            <td class="px-4 py-3 text-text-secondary">
                                {{ $account->sellerProfile?->display_name ?? '—' }}
                            </td>

                            <td class="whitespace-nowrap px-4 py-3 text-text-secondary">
                                {{ $account->created_at?->format('d M Y') }}
                            </td>

                            <td class="px-4 py-3">
                                @if ($account->isSuspended())
                                    <x-badge variant="error">{{ __('Suspended') }}</x-badge>
                                @elseif (! $account->is_active)
                                    <x-badge variant="warning">{{ __('Inactive') }}</x-badge>
                                @else
                                    <x-badge variant="success">{{ __('Active') }}</x-badge>
                                @endif
                            </td>

                            <td class="px-4 py-3 text-right">
                                <a href="{{ route('admin.accounts.show', $account) }}" class="btn-outline btn-sm">
                                    {{ __('Open') }}
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="mt-6">{{ $accounts->links() }}</div>
    @endif
@endsection