@extends('layouts.app')

@section('title', 'Dashboard')
@section('heading', 'Collection overview')

@section('content')
@php
    $metricCards = [
        ['Active invoice value', 'active_value', 'bi-receipt', 'blue', 'Value currently in collection'],
        ['Outstanding amount', 'outstanding', 'bi-wallet2', 'violet', 'Balance still to be collected'],
        ['Overdue amount', 'overdue', 'bi-exclamation-triangle', 'red', 'Past expected payment date'],
        ['Paid this month', 'paid_this_month', 'bi-check2-circle', 'green', 'Payments received this month'],
    ];
    $highPriorityCount = $priorities->filter(fn ($invoice) => $invoice->is_overdue || ($invoice->promised_payment_date?->lt(today()) && $invoice->outstanding_amount > 0))->count();
@endphp

<section class="welcome-panel" aria-labelledby="welcome-title">
    <div>
        <p class="eyebrow mb-2">LIVE PORTFOLIO</p>
        <h2 id="welcome-title">Good {{ now()->hour < 12 ? 'morning' : (now()->hour < 17 ? 'afternoon' : 'evening') }}, {{ str(auth()->user()->name)->before(' ')->ucfirst() }}.</h2>
        <p>Here is what needs your attention across the invoice portfolio.</p>
    </div>
    <div class="data-freshness"><span class="live-dot"></span><span><strong>Live data</strong><small>Updated {{ now()->format('h:i A') }}</small></span></div>
</section>

<section class="mb-4" aria-labelledby="portfolio-heading">
    <div class="section-heading"><div><h2 id="portfolio-heading">Portfolio summary</h2><p>Financial position across invoices you can access</p></div></div>
    <div class="row g-3">
        @foreach ($metricCards as [$label, $key, $icon, $tone, $help])
            <div class="col-sm-6 col-xl-3">
                <article class="metric-card h-100 metric-{{ $tone }}">
                    <div class="metric-card-top"><span class="metric-icon"><i class="bi {{ $icon }}"></i></span><i class="bi bi-arrow-up-right text-secondary" aria-hidden="true"></i></div>
                    <p>{{ $label }}</p>
                    <strong class="metric-value"><span>LKR</span>{{ number_format($metrics[$key], 0) }}</strong>
                    <small>{{ $help }}</small>
                </article>
            </div>
        @endforeach
    </div>
</section>

<section class="mb-4" aria-labelledby="attention-heading">
    <div class="section-heading"><div><h2 id="attention-heading">Attention needed</h2><p>Time-sensitive follow-ups and collection risks</p></div><span class="legend-note"><i class="bi bi-info-circle"></i>Red items need immediate review</span></div>
    <div class="attention-grid">
        <article class="attention-card {{ $metrics['followups_today'] > 0 ? 'is-warning' : '' }}"><span class="attention-icon"><i class="bi bi-telephone"></i></span><div><strong>{{ $metrics['followups_today'] }}</strong><span>Follow-ups today</span><small>Scheduled for today</small></div></article>
        <article class="attention-card"><span class="attention-icon"><i class="bi bi-calendar-week"></i></span><div><strong>{{ $metrics['followups_week'] }}</strong><span>Due this week</span><small>Including today</small></div></article>
        <article class="attention-card {{ $metrics['missed_promises'] > 0 ? 'is-danger' : '' }}"><span class="attention-icon"><i class="bi bi-calendar-x"></i></span><div><strong>{{ $metrics['missed_promises'] }}</strong><span>Missed promises</span><small>Payment date passed</small></div></article>
        <article class="attention-card {{ $metrics['stale'] > 0 ? 'is-warning' : '' }}"><span class="attention-icon"><i class="bi bi-hourglass-split"></i></span><div><strong>{{ $metrics['stale'] }}</strong><span>No update in 7+ days</span><small>Follow-up may be needed</small></div></article>
        <article class="attention-card {{ $metrics['older_than_30'] > 0 ? 'is-warning' : '' }}"><span class="attention-icon"><i class="bi bi-clock-history"></i></span><div><strong>{{ $metrics['older_than_30'] }}</strong><span>Pending 30+ days</span><small>Long-running invoices</small></div></article>
    </div>
</section>

<section class="data-card" aria-labelledby="priority-heading">
    <div class="data-card-header">
        <div><div class="d-flex align-items-center gap-2"><h2 id="priority-heading">Priority queue</h2>@if($highPriorityCount)<span class="count-badge">{{ $highPriorityCount }} high</span>@endif</div><p>Invoices ordered by promised and expected payment dates</p></div>
        <div class="priority-key d-none d-md-flex"><span><i class="key-dot high"></i>Immediate</span><span><i class="key-dot monitor"></i>Monitor</span></div>
    </div>
    <div class="table-responsive">
        <table class="table priority-table align-middle mb-0">
            <thead><tr><th>Invoice & customer</th><th>Outstanding</th><th class="d-none d-xl-table-cell">Status</th><th class="d-none d-lg-table-cell">Age</th><th class="d-none d-xl-table-cell">Owner</th><th>Next follow-up</th><th><span class="visually-hidden">Priority</span></th></tr></thead>
            <tbody>
            @forelse ($priorities as $invoice)
                @php
                    $high = $invoice->is_overdue || ($invoice->promised_payment_date?->lt(today()) && $invoice->outstanding_amount > 0);
                    $followupOverdue = $invoice->next_followup_date?->lt(today());
                    $followupToday = $invoice->next_followup_date?->isToday();
                @endphp
                <tr class="{{ $high ? 'priority-row-high' : '' }}">
                    <td><a class="invoice-identity text-decoration-none" href="{{ route('invoices.show', $invoice) }}"><span class="customer-avatar">{{ strtoupper(substr($invoice->customer->company_name, 0, 1)) }}</span><span><strong>{{ $invoice->invoice_number }}</strong><small>{{ $invoice->customer->company_name }}</small></span></a></td>
                    <td><strong class="money-value">{{ $invoice->currency }} {{ number_format($invoice->outstanding_amount, 0) }}</strong><small class="d-block text-secondary">of {{ number_format($invoice->total_amount, 0) }}</small></td>
                    <td class="d-none d-xl-table-cell"><span class="status-chip status-{{ $invoice->status->value }}">{{ $invoice->status->label() }}</span></td>
                    <td class="d-none d-lg-table-cell"><strong>{{ (int) $invoice->invoice_date->diffInDays(today()) }} days</strong><small class="d-block text-secondary">{{ $invoice->ageing_bucket }} bucket</small></td>
                    <td class="d-none d-xl-table-cell"><span class="owner"><span class="avatar avatar-xs">{{ strtoupper(substr($invoice->assignee->name, 0, 1)) }}</span>{{ $invoice->assignee->name }}</span></td>
                    <td>@if($invoice->next_followup_date)<span class="followup-date {{ $followupOverdue ? 'overdue' : ($followupToday ? 'today' : '') }}"><i class="bi bi-calendar-event"></i>{{ $followupToday ? 'Today' : $invoice->next_followup_date->format('d M Y') }}</span>@else<span class="text-secondary">Not scheduled</span>@endif</td>
                    <td class="text-end"><span class="priority {{ $high ? 'high' : 'normal' }}"><i class="bi {{ $high ? 'bi-exclamation-circle-fill' : 'bi-eye' }}"></i>{{ $high ? 'High' : 'Monitor' }}</span></td>
                </tr>
            @empty
                <tr><td colspan="7"><div class="empty-state"><span><i class="bi bi-inbox"></i></span><h3>No active invoices</h3><p>Invoices requiring attention will appear here.</p></div></td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
    @if ($priorities->isNotEmpty())<div class="data-card-footer"><span>Showing {{ $priorities->count() }} highest-priority invoices</span><span><i class="bi bi-shield-check me-1"></i>Based on your access level</span></div>@endif
</section>
@endsection