@extends('layouts.app')
@section('title', 'Daily Summary')
@section('page_title', 'Daily Summary')
@section('content')
<div class="daily-summary-page">
    @include('reports.partials.print-header',['reportTitle'=>'Daily Summary','reportSubtitle'=>\Carbon\Carbon::parse($date)->format('d M Y')])
    <div class="page-heading"><h2>Daily Summary</h2><div class="heading-actions paired-actions"><x-export-choice route-name="reports.daily-summary.export.print" :current="['date'=>$date]" /><a class="btn btn-secondary" href="{{ route('reports.index') }}">Back to Reports</a></div></div>

    <div class="card filter-card daily-summary-filter mobile-collapsible-filter">
        <button class="mobile-filter-toggle" type="button" data-mobile-filter-toggle aria-controls="dailySummaryFilterForm" aria-expanded="false"><span><strong>Filters</strong><small>Choose the report date</small></span><b aria-hidden="true">+</b></button>
        <form id="dailySummaryFilterForm" method="GET" action="{{ route('reports.daily-summary') }}" class="daily-filter-form">
            <div class="form-group"><label>Report Date</label><input type="date" name="date" value="{{ $date }}"></div>
            <button class="btn" type="submit">View Summary</button>
        </form>
    </div>

    <div class="grid grid-4 daily-summary-stats">
        <x-stat-card label="Sales" :value="'TZS '.tzs_amount($salesTotal)" tone="blue" icon="sales" :hint="number_format($transactions).' transaction(s)'" class="stat-card" />
        <x-stat-card label="Gross Profit" :value="'TZS '.tzs_amount($grossProfit)" tone="green" icon="profit" hint="Before expenses" class="stat-card" />
        <x-stat-card label="Expenses" :value="'TZS '.tzs_amount($expensesTotal)" tone="orange" icon="expense" hint="Daily expenses" class="stat-card" />
        <x-stat-card label="Net Profit" :value="'TZS '.tzs_amount($netProfit)" :tone="$netProfit>=0?'green':'red'" icon="profit" hint="Gross profit minus expenses" class="stat-card" />
    </div>

    <div class="daily-summary-columns">
        <div class="daily-summary-column">
        <section class="card table-card daily-summary-card">
            <div class="table-toolbar"><h3>Payment Breakdown</h3></div>
            <div class="table-scroll desktop-report-table"><table class="data-table"><thead><tr><th>Payment</th><th>Transactions</th><th>Total</th></tr></thead><tbody>
            @forelse($paymentBreakdown as $row)<tr><td>{{ ucwords(str_replace('_',' ',$row->payment_method)) }}</td><td>{{ number_format($row->transactions) }}</td><td><strong>TZS {{ tzs_amount($row->total_amount) }}</strong></td></tr>@empty<tr><td colspan="3" class="empty-cell">No payment data.</td></tr>@endforelse
            </tbody></table></div>
            <div class="report-mobile-list">@forelse($paymentBreakdown as $row)<article class="report-mobile-card mobile-data-card"><div class="mobile-data-visual mobile-data-visual--payment">$</div><div class="mobile-data-head"><div><h3>{{ ucwords(str_replace('_',' ',$row->payment_method)) }}</h3><small>{{ number_format($row->transactions) }} transactions</small></div></div><div class="mobile-data-body"><div class="mobile-data-keyline"><strong>TZS {{ tzs_amount($row->total_amount) }}</strong></div></div></article>@empty<div class="mobile-inline-empty">No payment data.</div>@endforelse</div>
        </section>
        <section class="card table-card daily-summary-card">
            <div class="table-toolbar"><h3>Recent Sales</h3></div>
            <div class="table-scroll desktop-report-table"><table class="data-table"><thead><tr><th>Sale</th><th>Cashier</th><th>Total</th></tr></thead><tbody>
            @forelse($recentSales as $sale)<tr><td><a class="mini-link" href="{{ route('sales.show',$sale) }}">{{ $sale->sale_number }}</a></td><td>{{ $sale->user?->name ?? 'Unknown' }}</td><td><strong>TZS {{ tzs_amount($sale->netTotal()) }}</strong></td></tr>@empty<tr><td colspan="3" class="empty-cell">No sales.</td></tr>@endforelse
            </tbody></table></div>
            <div class="report-mobile-list">@forelse($recentSales as $sale)<article class="report-mobile-card mobile-data-card"><div class="mobile-data-visual mobile-data-visual--sale">#</div><div class="mobile-data-head"><div><h3>#{{ $sale->sale_number }}</h3><small>{{ $sale->user?->name ?? 'Unknown' }}</small></div></div><div class="mobile-data-body"><div class="mobile-data-keyline"><strong>TZS {{ tzs_amount($sale->netTotal()) }}</strong></div></div><div class="mobile-data-actions"><a class="btn btn-small mobile-primary-action" href="{{ route('sales.show',$sale) }}">View</a></div></article>@empty<div class="mobile-inline-empty">No sales.</div>@endforelse</div>
        </section>
        </div>
        <div class="daily-summary-column">
        <section class="card table-card daily-summary-card">
            <div class="table-toolbar"><h3>Top Products</h3></div>
            <div class="table-scroll desktop-report-table"><table class="data-table"><thead><tr><th>Product</th><th>Pieces</th><th>Sales</th></tr></thead><tbody>
            @forelse($topProducts as $product)<tr><td><strong>{{ $product->product_name }}</strong></td><td>{{ number_format($product->pieces_sold) }}</td><td>TZS {{ tzs_amount($product->sales_total) }}</td></tr>@empty<tr><td colspan="3" class="empty-cell">No product sales.</td></tr>@endforelse
            </tbody></table></div>
            <div class="report-mobile-list">@forelse($topProducts as $product)<article class="report-mobile-card mobile-data-card"><div class="mobile-data-visual mobile-data-rank">#{{ $loop->iteration }}</div><div class="mobile-data-head"><div><h3>{{ $product->product_name }}</h3><small>{{ number_format($product->pieces_sold) }} pieces sold</small></div></div><div class="mobile-data-body"><div class="mobile-data-keyline"><strong>TZS {{ tzs_amount($product->sales_total) }}</strong></div></div></article>@empty<div class="mobile-inline-empty">No product sales.</div>@endforelse</div>
        </section>
        <section class="card table-card daily-summary-card">
            <div class="table-toolbar"><h3>Expenses</h3></div>
            <div class="table-scroll desktop-report-table"><table class="data-table"><thead><tr><th>Category</th><th>Amount</th><th>Note</th></tr></thead><tbody>
            @forelse($expenses as $expense)<tr><td>{{ $expense->categoryLabel() }}</td><td><strong>TZS {{ tzs_amount($expense->amount) }}</strong></td><td>{{ $expense->note ?: '—' }}</td></tr>@empty<tr><td colspan="3" class="empty-cell">No expenses.</td></tr>@endforelse
            </tbody></table></div>
            <div class="report-mobile-list">@forelse($expenses as $expense)<article class="report-mobile-card mobile-data-card"><div class="mobile-data-visual mobile-data-visual--expense">{{ strtoupper(substr($expense->categoryLabel(),0,1)) }}</div><div class="mobile-data-head"><div><h3>{{ $expense->categoryLabel() }}</h3><small>{{ $expense->note ?: 'Daily expense' }}</small></div></div><div class="mobile-data-body"><div class="mobile-data-keyline"><strong>TZS {{ tzs_amount($expense->amount) }}</strong></div></div></article>@empty<div class="mobile-inline-empty">No expenses.</div>@endforelse</div>
        </section>
        </div>
    </div>
</div>
@endsection