@extends('layouts.finance')

@section('title', 'Running Profit')
@section('subtitle', 'All-time net profit year by year — are we in overall profit or loss')

@section('content')
@php
    $displayCurrency = 'PKR';
    $fmt = fn ($usd) => $metrics->moneyIn((float) $usd, 'USD', $displayCurrency);
    $running = $runningProfit ?? ['years' => [], 'overall' => 0, 'current_year' => now()->year, 'current_year_profit' => 0];
    $years = collect($running['years'] ?? []);
    $overall = (float) ($running['overall'] ?? 0);
    $overallPositive = $overall >= 0;
    $currentYear = $running['current_year'] ?? now()->year;
    $currentYearProfit = (float) ($running['current_year_profit'] ?? 0);
    $dateFilter = $dateFilter ?? ['active' => false, 'from' => null, 'to' => null, 'label' => null];
    $dashboardRouteParams = ($dateFilter['active'] ?? false) ? ['from' => $dateFilter['from'], 'to' => $dateFilter['to']] : [];
@endphp

{{-- Back link --}}
<div class="mb-4">
    <a href="{{ route('dashboard', $dashboardRouteParams) }}" class="btn btn-ghost" style="font-size:13px">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>
        Back to Dashboard
    </a>
</div>

@include('dashboard.cards._date-filter', ['dateFilter' => $dateFilter, 'filterRoute' => 'dashboard.cards.running-profit'])

{{-- Headline: overall running profit / loss --}}
<section class="grid gap-3 mb-6" style="grid-template-columns:repeat(auto-fit,minmax(220px,1fr))">
    <div class="card kpi-card" style="background:linear-gradient(135deg,{{ $overallPositive ? '#ecfdf5,#ffffff' : '#fef2f2,#ffffff' }});border-color:{{ $overallPositive ? '#a7f3d0' : '#fecaca' }}">
        <div class="kpi-label">Overall Running Profit (All Time)</div>
        <div class="kpi-value" style="color:{{ $overallPositive ? '#059669' : '#dc2626' }}">{{ $fmt($overall) }}</div>
        <div class="kpi-sub" style="font-weight:700;color:{{ $overallPositive ? '#059669' : '#dc2626' }}">
            {{ $overallPositive ? 'In overall PROFIT' : 'In overall LOSS' }}
        </div>
    </div>
    <div class="card kpi-card">
        <div class="kpi-label">This Year ({{ $currentYear }}) — Year to Date</div>
        <div class="kpi-value" style="color:{{ $currentYearProfit >= 0 ? '#10b981' : '#ef4444' }}">{{ $fmt($currentYearProfit) }}</div>
        <div class="kpi-sub">Revenue − voucher cost − redeemed points − expenses</div>
    </div>
</section>

{{-- Year-wise breakdown --}}
<section class="card">
    <div class="section-head">
        <h2>Profit by Year</h2>
    </div>
    <div style="overflow-x:auto">
        <table class="table" style="width:100%">
            <thead>
                <tr>
                    <th>Year</th>
                    <th class="right">Revenue</th>
                    <th class="right">Voucher Cost</th>
                    <th class="right">Expenses</th>
                    <th class="right">Net Profit</th>
                </tr>
            </thead>
            <tbody>
                @forelse($years as $row)
                    @php $rowPositive = (float) $row['profit'] >= 0; @endphp
                    <tr>
                        <td style="font-weight:700">{{ $row['year'] }}@if($row['year'] == $currentYear) <span class="muted" style="font-weight:400">(YTD)</span>@endif</td>
                        <td class="right" style="color:#10b981">{{ $fmt($row['revenue']) }}</td>
                        <td class="right" style="color:#ef4444">{{ $fmt($row['cogs']) }}</td>
                        <td class="right" style="color:#ef4444">{{ $fmt($row['expenses']) }}</td>
                        <td class="right" style="font-weight:700;color:{{ $rowPositive ? '#10b981' : '#ef4444' }}">{{ $fmt($row['profit']) }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="muted">No profit data available yet.</td></tr>
                @endforelse
            </tbody>
            @if($years->isNotEmpty())
                <tfoot>
                    <tr style="border-top:2px solid #e5e7eb">
                        <td style="font-weight:800">Overall</td>
                        <td class="right" style="font-weight:700;color:#10b981">{{ $fmt($years->sum('revenue')) }}</td>
                        <td class="right" style="font-weight:700;color:#ef4444">{{ $fmt($years->sum('cogs')) }}</td>
                        <td class="right" style="font-weight:700;color:#ef4444">{{ $fmt($years->sum('expenses')) }}</td>
                        <td class="right" style="font-weight:800;color:{{ $overallPositive ? '#059669' : '#dc2626' }}">{{ $fmt($overall) }}</td>
                    </tr>
                </tfoot>
            @endif
        </table>
    </div>
</section>
@endsection