@extends('layouts.account')

@section('title', __('Enquiries'))
@section('heading', __('Enquiries'))
@section('subheading', __('Everyone who has asked about your listings.'))

@section('account')
    {{-- What needs doing today, surfaced rather than buried behind a filter. --}}
    @if ($dueCount > 0 && ! request()->boolean('due'))
        <x-alert type="warning" class="mb-6" :title="__('Follow-ups due')">
            {{ trans_choice(
                'One enquiry is due for a follow-up.|:count enquiries are due for a follow-up.',
                $dueCount, ['count' => $dueCount],
            ) }}
            <a href="{{ route('account.leads.index', ['due' => 1]) }}"
               class="font-medium underline underline-offset-4">{{ __('Show them') }}</a>
        </x-alert>
    @endif

    <div class="mb-6 flex flex-wrap gap-2">
        <a href="{{ route('account.leads.index') }}"
           @class(['pill', 'pill-brand' => ! request('status') && ! request()->boolean('due'), 'pill-idle' => request('status') || request()->boolean('due')])>
            {{ __('All') }} <span class="opacity-60">{{ array_sum($counts) }}</span>
        </a>

        @foreach ($statuses as $value => $label)
            @continue(! isset($counts[$value]))

            <a href="{{ route('account.leads.index', ['status' => $value]) }}"
               @class(['pill', 'pill-brand' => request('status') === $value, 'pill-idle' => request('status') !== $value])>
                {{ $label }} <span class="opacity-60">{{ $counts[$value] }}</span>
            </a>
        @endforeach
    </div>

    <form method="GET" class="mb-6 flex flex-wrap items-end gap-3">
        @if (request('status'))
            <input type="hidden" name="status" value="{{ request('status') }}">
        @endif

        <div class="min-w-0 flex-1">
            <label for="q" class="form-label">{{ __('Search') }}</label>
            <input id="q" type="search" name="q" value="{{ request('q') }}" class="form-input"
                   placeholder="{{ __('Name, email or phone') }}">
        </div>

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

    @if ($leads->isEmpty())
        <x-empty-state icon="inbox"
                       :title="__('No enquiries yet')"
                       :message="__('When somebody asks about one of your listings, they appear here.')" />
    @else
        <div class="divide-y divide-border overflow-hidden rounded-xl border border-border bg-surface">
            @foreach ($leads as $lead)
                <a href="{{ route('account.leads.show', $lead) }}"
                   class="block p-4 transition hover:bg-surface-muted">
                    <div class="flex flex-wrap items-start justify-between gap-3">
                        <div class="min-w-0">
                            <p class="flex flex-wrap items-center gap-2">
                                <span class="font-medium text-text">{{ $lead->name }}</span>
                                <x-badge :variant="$lead->status->badgeVariant()">{{ $lead->status->label() }}</x-badge>

                                @if ($lead->isOverdue())
                                    <x-badge variant="error">{{ __('Overdue') }}</x-badge>
                                @endif
                            </p>

                            @if ($lead->listing)
                                <p class="mt-0.5 truncate text-sm text-text-secondary">{{ $lead->listing->title }}</p>
                            @endif

                            <p class="mt-1 text-xs text-text-muted">
                                {{ $lead->contactLabel() }}
                                @if ($lead->contactLabel()) <span aria-hidden="true">·</span> @endif
                                {{ $lead->source->label() }}
                            </p>
                        </div>

                        <span class="shrink-0 text-xs text-text-muted">{{ $lead->created_at->diffForHumans() }}</span>
                    </div>

                    @if ($lead->message)
                        <p class="mt-2 line-clamp-2 text-sm text-text-secondary">{{ $lead->message }}</p>
                    @endif
                </a>
            @endforeach
        </div>

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