@extends('layouts.admin')

@section('title', $account->name)

@section('content')
    <div class="mb-5">
        <a href="{{ route('admin.accounts.index') }}" class="btn-ghost btn-sm mb-3">
            <x-icon name="arrow-left" class="size-3.5" /> {{ __('Back to accounts') }}
        </a>

        <h1 class="font-display text-headline font-bold text-text">{{ $account->name }}</h1>

        <div class="mt-2 flex flex-wrap items-center gap-2 text-sm text-text-secondary">
            <span>{{ $account->email }}</span>

            @if ($account->isSuspended())
                <x-badge variant="error">{{ __('Suspended') }}</x-badge>
            @else
                <x-badge variant="success">{{ __('Active') }}</x-badge>
            @endif

            @if ($account->sellerProfile)
                <x-badge variant="muted">{{ __('Seller') }}</x-badge>
            @endif
        </div>
    </div>

    <div class="grid gap-6 lg:grid-cols-3">
        <div class="space-y-6 lg:col-span-2">
            <div class="admin-card p-6">
                <h2 class="font-display text-title font-bold text-text">{{ __('The account') }}</h2>

                <dl class="mt-4 grid gap-4 sm:grid-cols-2">
                    @foreach ([
                        __('Joined') => $account->created_at?->format('d M Y'),
                        __('Listings') => $listingCount,
                        __('Selling as') => $account->sellerProfile?->display_name ?? '—',
                        __('Email verified') => $account->email_verified_at?->format('d M Y') ?? __('Not verified'),
                    ] as $label => $value)
                        <div>
                            <dt class="meta-label">{{ $label }}</dt>
                            <dd class="mt-1 text-sm text-text">{{ $value }}</dd>
                        </div>
                    @endforeach
                </dl>
            </div>

            @if ($history->isNotEmpty())
                <div class="admin-card p-6">
                    <h2 class="font-display text-title font-bold text-text">{{ __('Suspension history') }}</h2>

                    {{-- Every suspension and every lift, so a repeat offender
                         reads as a pattern rather than as a current state. --}}
                    <ul class="mt-4 space-y-3">
                        @foreach ($history as $entry)
                            <li class="rounded-lg border border-border p-3.5">
                                <div class="flex flex-wrap items-center justify-between gap-2">
                                    <span class="text-sm font-medium text-text">
                                        {{ $entry->suspended_at?->format('d M Y') }}
                                        @if ($entry->actor) &middot; {{ $entry->actor->name }} @endif
                                    </span>

                                    <x-badge :variant="$entry->isActive() ? 'error' : 'muted'">
                                        {{ $entry->isActive() ? __('In force') : __('Lifted') }}
                                    </x-badge>
                                </div>

                                @if ($entry->internal_note)
                                    <p class="mt-2 text-sm text-text-secondary">{{ $entry->internal_note }}</p>
                                @endif

                                @if ($entry->lifted_at)
                                    <p class="mt-2 text-xs text-text-muted">
                                        {{ __('Lifted :date', ['date' => $entry->lifted_at->format('d M Y')]) }}
                                        @if ($entry->lifter) &middot; {{ $entry->lifter->name }} @endif
                                        @if ($entry->lift_note) &mdash; {{ $entry->lift_note }} @endif
                                    </p>
                                @endif
                            </li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <div class="admin-card p-6">
                <h2 class="font-display text-title font-bold text-text">{{ __('Recorded activity') }}</h2>

                @if ($logs->isEmpty())
                    <p class="mt-3 text-sm text-text-secondary">{{ __('Nothing has been recorded against this account.') }}</p>
                @else
                    <ol class="mt-4 space-y-1">
                        @foreach ($logs as $log)
                            <li class="flex flex-wrap items-baseline justify-between gap-3 border-b border-border py-2.5 last:border-0">
                                <span class="text-sm text-text">
                                    {{ $log->describe() }}
                                    @if ($log->note)
                                        <span class="block text-xs text-text-muted">{{ $log->note }}</span>
                                    @endif
                                </span>

                                <span class="text-xs text-text-muted">{{ $log->created_at?->format('d M Y, H:i') }}</span>
                            </li>
                        @endforeach
                    </ol>
                @endif
            </div>
        </div>

        <div>
            <div class="admin-card p-6">
                @if ($suspension)
                    <h2 class="font-display text-title font-bold text-text">{{ __('Suspended') }}</h2>

                    <p class="mt-3 text-sm text-text-secondary">
                        {{ $suspension->suspended_at?->format('d M Y, H:i') }}
                        @if ($suspension->actor) &middot; {{ $suspension->actor->name }} @endif
                    </p>

                    <div class="mt-3 space-y-3 text-sm">
                        <div>
                            <p class="meta-label">{{ __('What they were told') }}</p>
                            <p class="mt-1 text-text-secondary">{{ $suspension->public_reason }}</p>
                        </div>

                        @if ($suspension->internal_note)
                            <div>
                                <p class="meta-label">{{ __('Internal note') }}</p>
                                <p class="mt-1 text-text-secondary">{{ $suspension->internal_note }}</p>
                            </div>
                        @endif
                    </div>

                    <form action="{{ route('admin.accounts.reinstate', $account) }}" method="POST" class="mt-5 space-y-3">
                        @csrf

                        <label for="lift_note" class="form-label">{{ __('Why it is being lifted') }}</label>
                        <textarea id="lift_note" name="lift_note" rows="3" class="form-input"></textarea>

                        <button type="submit" class="btn btn-primary w-full">{{ __('Reinstate') }}</button>

                        <p class="text-xs text-text-muted">
                            {{ __('Their listings stay paused — putting them back is the seller’s decision.') }}
                        </p>
                    </form>
                @else
                    <h2 class="font-display text-title font-bold text-text">{{ __('Suspend') }}</h2>

                    <p class="mt-2 text-sm text-text-secondary">
                        {{ __('Their listings come down with them and the account is told.') }}
                    </p>

                    <form action="{{ route('admin.accounts.suspend', $account) }}" method="POST" class="mt-4 space-y-4">
                        @csrf

                        <div>
                            <label for="public_reason" class="form-label">{{ __('What they are told') }}</label>

                            <input type="text" id="public_reason" name="public_reason" class="form-input"
                                   value="{{ old('public_reason') }}"
                                   placeholder="{{ __('Suspended following a review of reported activity.') }}">

                            {{-- Never the reporter's words: that would identify
                                 whoever filed the complaint. --}}
                            <p class="mt-1 text-xs text-text-muted">
                                {{ __('Goes to them by email. Never quote a report here.') }}
                            </p>
                        </div>

                        <div>
                            <label for="internal_note" class="form-label">{{ __('Internal note') }}</label>

                            <textarea id="internal_note" name="internal_note" rows="4" required class="form-input"
                                      placeholder="{{ __('What you found, and why.') }}">{{ old('internal_note') }}</textarea>

                            @error('internal_note')<p class="mt-1 text-sm text-error">{{ $message }}</p>@enderror
                        </div>

                        <button type="submit" class="btn btn-primary w-full">{{ __('Suspend account') }}</button>
                    </form>
                @endif
            </div>
        </div>
    </div>
@endsection