@extends('layouts.app')
@section('title', __('My results'))
@section('page-title', __('My results'))
@section('page-subtitle', __('Read-only view of analyses delivered to you. Filter and export.'))

@section('content')
@php
    use App\Models\FileSubmission;

    $total      = method_exists($analyses, 'total') ? $analyses->total() : $analyses->count();
    $perPage    = method_exists($analyses, 'perPage') ? $analyses->perPage() : 15;
    $current    = method_exists($analyses, 'currentPage') ? $analyses->currentPage() : 1;
    $rangeFrom  = $total ? (($current - 1) * $perPage) + 1 : 0;
    $rangeTo    = min($current * $perPage, $total);
    $latestDate = optional($analyses->first())->finished_at;

    $newOnPage  = $analyses->filter(fn ($a) => optional($a->submission)->status === FileSubmission::STATUS_SENT)->count();

    $f          = $filters ?? [];
    $activeType = $f['type'] ?? '';
    $activeFrom = $f['from'] ?? '';
    $activeTo   = $f['to'] ?? '';
    $activeQ    = $f['q']    ?? '';
    $hasFilter  = $activeType || $activeFrom || $activeTo || $activeQ;

    // URL helper — preserves all current filters and overrides/removes only what's passed.
    $qs = function (array $overrides = []) use ($f) {
        $merged = array_merge($f, $overrides);
        $merged = array_filter($merged, fn ($v) => $v !== null && $v !== '');
        return $merged ? '?'.http_build_query($merged) : '';
    };

    $today      = now()->toDateString();
    $sevenAgo   = now()->subDays(7)->toDateString();
    $thirtyAgo  = now()->subDays(30)->toDateString();
    $monthStart = now()->startOfMonth()->toDateString();

    $isLast7    = $activeFrom === $sevenAgo   && (! $activeTo || $activeTo === $today);
    $isLast30   = $activeFrom === $thirtyAgo  && (! $activeTo || $activeTo === $today);
    $isThisMo   = $activeFrom === $monthStart && (! $activeTo || $activeTo === $today);
    $isAllTime  = ! $activeFrom && ! $activeTo;

    $periodLabel = $isLast7 ? __('Last 7 days')
                 : ($isLast30 ? __('Last 30 days')
                 : ($isThisMo ? __('This month')
                 : ($activeFrom || $activeTo
                    ? trim(($activeFrom ? \Illuminate\Support\Carbon::parse($activeFrom)->isoFormat('ll') : '…').' → '.($activeTo ? \Illuminate\Support\Carbon::parse($activeTo)->isoFormat('ll') : '…'))
                    : __('All time'))));

    $typeIcons = [
        'cashflow'                 => 'trending-up',
        'cash_flow_analysis'       => 'trending-up',
        'bank_evolution'           => 'trending-up',
        'balance_sheet_review'     => 'chart',
        'income_statement_review'  => 'receipt',
        'profitability_ratios'     => 'sparkles',
        'liquidity_ratios'         => 'droplet',
        'solvency_ratios'          => 'shield',
        'efficiency_ratios'        => 'refresh',
        'variance_analysis'        => 'chart',
        'trend_analysis'           => 'trending-up',
        'common_size'              => 'chart',
        'dupont_analysis'          => 'sparkles',
        'altman_z_score'           => 'alert',
        'beneish_m_score'          => 'alert',
        'piotroski_f_score'        => 'check',
        'working_capital'          => 'refresh',
    ];

    $iconFor = fn ($k) => $typeIcons[$k] ?? 'chart';

    // Smart date: relative for ≤7d, short absolute beyond.
    $smartDate = fn ($dt) => ! $dt ? '—' : ($dt->gt(now()->subDays(7)) ? $dt->diffForHumans() : $dt->isoFormat('ll'));

    // Group cards by month for visual rhythm — reads more like a timeline.
    $grouped = $analyses->getCollection()->groupBy(fn ($a) => optional($a->finished_at)->isoFormat('MMMM YYYY') ?: __('Undated'));

    // Restrict the type chips to types that this user actually has, and cap
    // visible chips to the first 5 — the rest live behind a "More" popover.
    $availableTypes = $availableTypes ?? [];
    $typeChips = collect($availableTypes)->keys()->take(5)->all();
    $typeOverflow = collect($availableTypes)->keys()->slice(5)->all();
@endphp

{{-- ╭──────────────────────────────────────────────────────────────────╮
     │ HERO  ── lightweight banner with live counters                   │
     ╰──────────────────────────────────────────────────────────────────╯ --}}
<section class="relative overflow-hidden rounded-3xl mb-5 isolate border border-slate-200 dark:border-slate-800">
    <div class="absolute inset-0 bg-white dark:bg-slate-950"></div>
    <div class="absolute -top-24 -end-12 w-72 h-72 rounded-full bg-slate-100 dark:bg-slate-900 blur-3xl pointer-events-none"></div>

    <div class="relative px-6 sm:px-8 py-7 text-slate-900 dark:text-slate-100 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-5">
        <div class="min-w-0">
            <div class="text-[11px] uppercase tracking-[0.18em] text-slate-500 dark:text-slate-400 mb-2">
                {{ __('Your deliverables') }}
            </div>
            <h2 class="text-2xl sm:text-[2rem] font-semibold tracking-tight leading-none">
                {{ __(':count analyses available', ['count' => $total]) }}
            </h2>
            <p class="text-sm text-slate-500 dark:text-slate-400 mt-2">
                @if($latestDate)
                    {{ __('Latest delivery :when', ['when' => $latestDate->diffForHumans()]) }}
                @else
                    {{ __('Once analyses are sent they will appear here.') }}
                @endif
            </p>
        </div>
        <div class="flex flex-wrap items-center gap-2">
            @if($newOnPage > 0)
                <span class="inline-flex items-center gap-1.5 rounded-full bg-emerald-50 text-emerald-700 dark:bg-emerald-900/30 dark:text-emerald-300 ring-1 ring-emerald-200/60 dark:ring-emerald-700/40 px-3 py-1 text-xs font-medium">
                    <span class="w-1.5 h-1.5 rounded-full bg-emerald-500 animate-pulse"></span>
                    {{ trans_choice('{1} :count new|[2,*] :count new', $newOnPage, ['count' => $newOnPage]) }}
                </span>
            @endif
            <span class="inline-flex items-center gap-1.5 rounded-full bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-300 px-3 py-1 text-xs font-medium">
                <x-icon name="shield" class="w-3.5 h-3.5"/>
                {{ __('Read-only') }}
            </span>
        </div>
    </div>
</section>

{{-- ╭──────────────────────────────────────────────────────────────────╮
     │ TOOLBAR  ── single fluid row: search · type · period            │
     │                                                                 │
     │ Type and period are popovers so the toolbar never wraps badly.  │
     │ All controls submit via GET so the URL is shareable / bookmark- │
     │ able.                                                           │
     ╰──────────────────────────────────────────────────────────────────╯ --}}
<div class="card p-2.5 mb-4 flex flex-wrap items-center gap-2">
    {{-- Search ── primary control, takes available width --}}
    <form method="GET" action="{{ route('client.results.index') }}"
          class="relative flex-1 min-w-[16rem]">
        @if($activeType) <input type="hidden" name="type" value="{{ $activeType }}"> @endif
        @if($activeFrom) <input type="hidden" name="from" value="{{ $activeFrom }}"> @endif
        @if($activeTo)   <input type="hidden" name="to"   value="{{ $activeTo }}">   @endif
        <input type="text" name="q" value="{{ $activeQ }}"
               class="form-input ps-3 pe-9"
               placeholder="{{ __('Search filename, type Enter to apply…') }}">
        @if($activeQ)
            <a href="{{ route('client.results.index').$qs(['q' => null]) }}"
               class="absolute end-2 top-1/2 -translate-y-1/2 p-1.5 rounded-md text-slate-400 hover:text-slate-700 hover:bg-slate-100 dark:hover:bg-slate-800"
               title="{{ __('Clear search') }}">
                <x-icon name="x" class="w-4 h-4"/>
            </a>
        @endif
    </form>

    {{-- Type popover ─────────────────────────────────────────────────
         Compact button shows the current selection. Clicking opens a
         panel with: top types as one-click chips, and a select for the
         long tail of less-used types so the surface stays small.       --}}
    <div x-data="{open:false}" class="relative">
        <button type="button" @click="open=!open"
                class="inline-flex items-center gap-2 rounded-xl px-3 py-2 text-sm ring-1 ring-slate-200 dark:ring-slate-700 bg-white dark:bg-slate-900 hover:bg-slate-50 dark:hover:bg-slate-800 transition">
            <x-icon :name="$iconFor($activeType)" class="w-4 h-4 text-slate-500"/>
            <span class="text-slate-600 dark:text-slate-300">
                @if($activeType)
                    {{ $types[$activeType]['label'] ?? $activeType }}
                @else
                    {{ __('All types') }}
                @endif
            </span>
            @if($activeType)
                <span class="ms-1 inline-flex w-1.5 h-1.5 rounded-full bg-slate-500 dark:bg-slate-400"></span>
            @endif
            <x-icon name="chevron-down" class="w-3.5 h-3.5 text-slate-400"/>
        </button>

        <div x-show="open" @click.outside="open=false" x-transition.origin.top
             class="absolute z-30 start-0 mt-2 w-72 card p-3" style="display:none">
            <div class="text-[10px] uppercase tracking-wider text-slate-400 mb-2 px-1">
                {{ __('Quick pick') }}
            </div>

            <a href="{{ route('client.results.index').$qs(['type' => null]) }}"
               class="block w-full rounded-lg px-3 py-2 text-sm transition
                      {{ ! $activeType
                            ? 'bg-slate-100 text-slate-900 font-medium dark:bg-slate-800 dark:text-slate-100'
                            : 'hover:bg-slate-50 dark:hover:bg-slate-800 text-slate-600 dark:text-slate-300' }}">
                {{ __('All types') }}
                <span class="float-end text-xs text-slate-400">{{ $total }}</span>
            </a>

            @foreach($typeChips as $k)
                @php $count = $availableTypes[$k] ?? 0; $isAct = $activeType === $k; @endphp
                <a href="{{ route('client.results.index').$qs(['type' => $k]) }}"
                   class="block w-full rounded-lg px-3 py-2 text-sm transition truncate
                          {{ $isAct
                                ? 'bg-slate-100 text-slate-900 font-medium dark:bg-slate-800 dark:text-slate-100'
                                : 'hover:bg-slate-50 dark:hover:bg-slate-800 text-slate-600 dark:text-slate-300' }}">
                    <x-icon :name="$iconFor($k)" class="w-3.5 h-3.5 inline -mt-0.5 me-1.5 text-slate-400"/>
                    {{ $types[$k]['label'] ?? $k }}
                    <span class="float-end text-xs text-slate-400">{{ $count }}</span>
                </a>
            @endforeach

            @if(count($typeOverflow))
                <div class="text-[10px] uppercase tracking-wider text-slate-400 mt-3 mb-1 px-1">
                    {{ __('More types') }}
                </div>
                <form method="GET" action="{{ route('client.results.index') }}">
                    @if($activeFrom) <input type="hidden" name="from" value="{{ $activeFrom }}"> @endif
                    @if($activeTo)   <input type="hidden" name="to"   value="{{ $activeTo }}">   @endif
                    @if($activeQ)    <input type="hidden" name="q"    value="{{ $activeQ }}">    @endif
                    <select name="type" onchange="this.form.submit()" class="form-select text-sm">
                        <option value="">{{ __('— pick a type —') }}</option>
                        @foreach($typeOverflow as $k)
                            <option value="{{ $k }}" @selected($activeType === $k)>
                                {{ $types[$k]['label'] ?? $k }} ({{ $availableTypes[$k] }})
                            </option>
                        @endforeach
                    </select>
                </form>
            @endif
        </div>
    </div>

    {{-- Period popover ──────────────────────────────────────────── --}}
    <div x-data="{open:false}" class="relative">
        <button type="button" @click="open=!open"
                class="inline-flex items-center gap-2 rounded-xl px-3 py-2 text-sm ring-1 ring-slate-200 dark:ring-slate-700 bg-white dark:bg-slate-900 hover:bg-slate-50 dark:hover:bg-slate-800 transition">
            <x-icon name="calendar" class="w-4 h-4 text-slate-500"/>
            <span class="text-slate-600 dark:text-slate-300 truncate max-w-[10rem]">{{ $periodLabel }}</span>
            @if(! $isAllTime)
                <span class="inline-flex w-1.5 h-1.5 rounded-full bg-brand-500"></span>
            @endif
            <x-icon name="chevron-down" class="w-3.5 h-3.5 text-slate-400"/>
        </button>

        <div x-show="open" @click.outside="open=false" x-transition.origin.top
             class="absolute z-30 end-0 mt-2 w-64 card p-3 space-y-1" style="display:none">
            @php
                $presets = [
                    ['label' => __('All time'),     'active' => $isAllTime, 'href' => route('client.results.index').$qs(['from' => null, 'to' => null])],
                    ['label' => __('Last 7 days'),  'active' => $isLast7,   'href' => route('client.results.index').$qs(['from' => $sevenAgo,   'to' => $today])],
                    ['label' => __('Last 30 days'), 'active' => $isLast30,  'href' => route('client.results.index').$qs(['from' => $thirtyAgo,  'to' => $today])],
                    ['label' => __('This month'),   'active' => $isThisMo,  'href' => route('client.results.index').$qs(['from' => $monthStart, 'to' => $today])],
                ];
            @endphp
            @foreach($presets as $p)
                <a href="{{ $p['href'] }}"
                   class="block rounded-lg px-3 py-2 text-sm transition
                          {{ $p['active']
                                ? 'bg-slate-100 text-slate-900 font-medium dark:bg-slate-800 dark:text-slate-100'
                                : 'hover:bg-slate-50 dark:hover:bg-slate-800 text-slate-600 dark:text-slate-300' }}">
                    {{ $p['label'] }}
                </a>
            @endforeach

            <div class="pt-3 mt-2 border-t border-slate-100 dark:border-slate-800">
                <div class="text-[10px] uppercase tracking-wider text-slate-400 mb-1.5 px-1">{{ __('Custom range') }}</div>
                <form method="GET" action="{{ route('client.results.index') }}" class="space-y-2">
                    @if($activeType) <input type="hidden" name="type" value="{{ $activeType }}"> @endif
                    @if($activeQ)    <input type="hidden" name="q"    value="{{ $activeQ }}">    @endif
                    <input type="date" name="from" value="{{ $activeFrom }}" class="form-input text-xs">
                    <input type="date" name="to"   value="{{ $activeTo }}"   class="form-input text-xs">
                    <button class="inline-flex items-center justify-center gap-2 font-medium rounded-xl px-4 py-2 text-xs w-full bg-slate-900 text-white hover:bg-slate-800 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-white transition">{{ __('Apply') }}</button>
                </form>
            </div>
        </div>
    </div>

    @if($hasFilter)
        <a href="{{ route('client.results.index') }}"
           class="inline-flex items-center gap-1 rounded-xl px-3 py-2 text-sm text-rose-600 hover:bg-rose-50 dark:hover:bg-rose-900/20 transition">
            <x-icon name="x" class="w-4 h-4"/>
            <span class="hidden sm:inline">{{ __('Reset') }}</span>
        </a>
    @endif
</div>

{{-- Results meta strip --}}
@if($total > 0)
    <div class="flex items-center justify-between text-xs text-slate-500 mb-4 px-1">
        <span>{{ __('Showing :from–:to of :total', ['from' => $rangeFrom, 'to' => $rangeTo, 'total' => $total]) }}</span>
    </div>
@endif

{{-- ╭──────────────────────────────────────────────────────────────────╮
     │ RESULTS  ── timeline-style: cards grouped by month               │
     ╰──────────────────────────────────────────────────────────────────╯ --}}
@if($analyses->isEmpty())
    <div class="card text-center py-16 px-6">
        <div class="mx-auto w-16 h-16 rounded-2xl bg-gradient-to-br from-slate-50 to-slate-100 dark:from-slate-800 dark:to-slate-900 flex items-center justify-center mb-4 ring-1 ring-slate-200 dark:ring-slate-700">
            <x-icon name="inbox" class="w-7 h-7 text-slate-400"/>
        </div>
        <h3 class="text-base font-semibold mb-1.5">
            {{ $hasFilter ? __('No matches for those filters') : __('No results yet') }}
        </h3>
        <p class="text-sm text-slate-500 max-w-md mx-auto mb-4">
            {{ $hasFilter
                ? __('Try widening the date range or clearing the search.')
                : __('Once your analyses are sent they will appear here. You can then open them and export reports.') }}
        </p>
        @if($hasFilter)
            <a href="{{ route('client.results.index') }}" class="btn-secondary text-xs inline-flex">
                <x-icon name="refresh" class="w-3.5 h-3.5"/> {{ __('Reset filters') }}
            </a>
        @endif
    </div>
@else
    <div class="space-y-8">
        @foreach($grouped as $period => $rows)
            <section>
                <div class="flex items-center gap-3 mb-3">
                    <h3 class="text-xs font-semibold uppercase tracking-[0.15em] text-slate-500">
                        {{ $period }}
                    </h3>
                    <div class="flex-1 h-px bg-gradient-to-r from-slate-200 to-transparent dark:from-slate-700"></div>
                    <span class="text-[11px] text-slate-400">{{ $rows->count() }}</span>
                </div>

                <div class="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 gap-4">
                    @foreach($rows as $a)
                        @php
                            $kpiCount = is_array($a->kpis) ? count($a->kpis) : 0;
                            $icon     = $iconFor($a->analysis_type);
                            $isNew    = optional($a->submission)->status === FileSubmission::STATUS_SENT;
                        @endphp
                        <article class="card group relative flex flex-col overflow-hidden hover:shadow-xl hover:-translate-y-1 transition-all duration-200">
                            @if($isNew)
                                <span class="absolute top-3 end-3 z-10 inline-flex items-center gap-1 rounded-full bg-emerald-500 text-white text-[10px] font-semibold px-2 py-0.5 shadow">
                                    <span class="w-1.5 h-1.5 rounded-full bg-white animate-pulse"></span>
                                    {{ __('New') }}
                                </span>
                            @endif

                            {{-- Whole card opens the result --}}
                            <a href="{{ route('client.results.show', $a) }}"
                               class="absolute inset-0 z-0" aria-label="{{ __('Open') }}: {{ $a->typeLabel() }}"></a>

                            <div class="h-1 bg-slate-200 dark:bg-slate-700 group-hover:bg-slate-400 dark:group-hover:bg-slate-500 transition-colors"></div>

                            <div class="relative p-5 flex-1 flex flex-col">
                                <div class="flex items-start gap-3 mb-3">
                                    <div class="w-10 h-10 rounded-xl bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-200 flex items-center justify-center shrink-0 ring-1 ring-slate-200 dark:ring-slate-700 group-hover:scale-105 transition-transform">
                                        <x-icon :name="$icon" class="w-5 h-5"/>
                                    </div>
                                    <div class="min-w-0 flex-1">
                                        <h4 class="font-semibold text-sm leading-snug line-clamp-2">{{ $a->typeLabel() }}</h4>
                                        <p class="text-xs text-slate-500 mt-1.5" title="{{ $a->finished_at?->format('Y-m-d H:i') }}">
                                            <x-icon name="clock" class="w-3 h-3 inline -mt-0.5 me-0.5"/>
                                            {{ $smartDate($a->finished_at) }}
                                        </p>
                                    </div>
                                    <span class="badge-neutral text-[10px] uppercase shrink-0">{{ $a->language }}</span>
                                </div>

                                <p class="text-xs text-slate-500 line-clamp-1 break-all mb-4" title="{{ $a->submission?->original_filename }}">
                                    <x-icon name="archive" class="w-3 h-3 inline -mt-0.5 me-1 text-slate-400"/>
                                    {{ $a->submission?->original_filename ?? '—' }}
                                </p>

                                <div class="flex items-center gap-3 text-[11px] text-slate-500 mb-4 mt-auto">
                                    <span class="inline-flex items-center gap-1">
                                        <x-icon name="sparkles" class="w-3 h-3"/>
                                        {{ trans_choice('{0} no KPI|{1} :count KPI|[2,*] :count KPIs', $kpiCount, ['count' => $kpiCount]) }}
                                    </span>
                                    @if($a->summary)
                                        <span class="inline-flex items-center gap-1">
                                            <x-icon name="check" class="w-3 h-3"/>
                                            {{ __('Summary') }}
                                        </span>
                                    @endif
                                </div>

                                <div class="relative z-10 flex items-center gap-2 pt-3 border-t border-slate-100 dark:border-slate-800">
                                    <a href="{{ route('client.results.show', $a) }}"
                                       class="inline-flex items-center justify-center gap-2 font-medium rounded-xl px-4 py-2 text-xs flex-1 bg-slate-900 text-white hover:bg-slate-800 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-white transition">
                                        <x-icon name="eye" class="w-3.5 h-3.5"/> {{ __('Open') }}
                                    </a>
                                    <a href="{{ route('client.results.export', [$a, 'pdf']) }}"
                                       class="btn-ghost text-xs" title="{{ __('Export PDF') }}">
                                        <x-icon name="download" class="w-3.5 h-3.5"/> PDF
                                    </a>
                                </div>
                            </div>
                        </article>
                    @endforeach
                </div>
            </section>
        @endforeach
    </div>

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