@extends('layouts.app')
@section('title','Profit & Loss Report')
@section('page_title','Profit & Loss')
@section('content')
@include('reports.partials.print-header',['reportTitle'=>'Profit & Loss Report','reportSubtitle'=>\Carbon\Carbon::parse($dateFrom)->format('d M Y').' — '.\Carbon\Carbon::parse($dateTo)->format('d M Y')])
<div class="page-heading"><div><h2>Profit & Loss Report</h2><p class="page-subtitle">Overview of your financial performance for the selected period.</p></div><div class="heading-actions paired-actions"><x-export-choice route-name="reports.profit-loss.export.print" :current="['date_from'=>$dateFrom,'date_to'=>$dateTo]" /><a class="btn btn-secondary" href="{{ route('reports.index') }}">Back to Reports</a></div></div>

<div class="card filter-card pnl-filter-card mobile-collapsible-filter"><button class="mobile-filter-toggle" type="button" data-mobile-filter-toggle aria-controls="profitLossFilterForm" aria-expanded="false"><span><strong>Filters</strong><small>Choose the reporting period</small></span><b aria-hidden="true">+</b></button><form class="filter-grid report-range-filter" id="profitLossFilterForm" method="GET"><input type="date" name="date_from" value="{{ $dateFrom }}" aria-label="Date from"><input type="date" name="date_to" value="{{ $dateTo }}" aria-label="Date to"><button class="btn" type="submit">View Report</button></form></div>

<div class="pnl-metrics pnl-metrics-pro">
    <x-stat-card label="Total Sales" :value="'TZS '.tzs_amount($summary['sales'])" tone="blue" icon="sales" />
    <x-stat-card label="Cost of Goods Sold" :value="'TZS '.tzs_amount($summary['cogs'])" tone="cyan" icon="product" />
    <x-stat-card label="Gross Profit" :value="'TZS '.tzs_amount($summary['gross_profit'])" tone="purple" icon="report" />
    <x-stat-card label="Total Expenses" :value="'TZS '.tzs_amount($summary['expenses'])" tone="red" icon="expense" />
    <x-stat-card label="Net Profit" :value="'TZS '.tzs_amount($summary['net_profit'])" :tone="$summary['net_profit']>=0?'green':'red'" icon="profit" />
    <x-stat-card label="Profit Margin" :value="number_format($summary['margin'],2).'%'" tone="orange" icon="top" />
</div>

@php
    $profitBars = [
        ['label'=>'Total Sales','short'=>'Total Sales','value'=>$summary['sales'],'tone'=>'blue'],
        ['label'=>'Cost of Goods Sold','short'=>'COGS','value'=>$summary['cogs'],'tone'=>'cyan'],
        ['label'=>'Gross Profit','short'=>'Gross Profit','value'=>$summary['gross_profit'],'tone'=>'purple'],
        ['label'=>'Expenses','short'=>'Expenses','value'=>$summary['expenses'],'tone'=>'red'],
        ['label'=>'Net Profit','short'=>'Net Profit','value'=>$summary['net_profit'],'tone'=>$summary['net_profit']>=0?'green':'red'],
    ];
    $profitChartMax = max(1, ...array_map(fn($bar)=>abs((float)$bar['value']), $profitBars));
    $profitAxis = [$profitChartMax, $profitChartMax*.75, $profitChartMax*.5, $profitChartMax*.25, 0];
    $profitAxisLabel = fn($value) => abs($value) >= 1000000
        ? rtrim(rtrim(number_format($value / 1000000, 1), '0'), '.').'M'
        : (abs($value) >= 1000 ? rtrim(rtrim(number_format($value / 1000, 1), '0'), '.').'K' : tzs_amount($value));
@endphp

<section class="card pnl-bar-card">
    <div class="pnl-bar-heading"><div><span>Financial Performance</span><h3>Profit & Loss Overview</h3><p>Financial performance for the selected period</p></div><div class="pnl-legend" aria-label="Chart legend">@foreach($profitBars as $bar)<span class="legend-{{ $bar['tone'] }}"><i></i>{{ $bar['short'] }}</span>@endforeach</div></div>
    <div class="pnl-chart-layout">
        <div class="pnl-plot" role="img" aria-label="Bar chart comparing total sales, cost of goods sold, gross profit, expenses and net profit">
            <div class="pnl-y-axis" aria-hidden="true">@foreach($profitAxis as $tick)<span>{{ $tick ? $profitAxisLabel($tick) : '0' }}</span>@endforeach</div>
            <div class="pnl-plot-area">
                <div class="pnl-grid-lines" aria-hidden="true"><i></i><i></i><i></i><i></i><i></i></div>
                <div class="pnl-bars">
                    @foreach($profitBars as $bar)
                    <div class="pnl-bar-item pnl-tone-{{ $bar['tone'] }}">
                        <div class="pnl-bar-track"><i style="--bar-size:{{ max(4,round((abs($bar['value'])/$profitChartMax)*100)) }}%"><strong class="pnl-bar-value">TZS {{ tzs_amount($bar['value']) }}</strong></i></div>
                        <span title="{{ $bar['label'] }}">{{ $bar['short'] }}</span>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
        <aside class="pnl-insight {{ $summary['net_profit']>=0?'is-positive':'is-negative' }}">
            <span class="pnl-insight-icon"><x-icon name="profit" /></span>
            <small>Net Profit</small>
            <strong>TZS {{ tzs_amount($summary['net_profit']) }}</strong>
            <hr>
            <small>Margin</small>
            <b>{{ number_format($summary['margin'],2) }}%</b>
            <em><span>✓</span>{{ $summary['net_profit']>=0?'Positive Performance':'Negative Performance' }}</em>
        </aside>
    </div>
</section>
@endsection