@extends('layouts.app')
@section('title', $report['title'])
@section('content')
<div class="space-y-5 text-slate-900">
    <header class="flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between"><div><a href="{{ route('app.accounting',['section'=>'reports']) }}" class="text-xs font-bold text-emerald-700">← Report Center</a><p class="mt-3 text-[10px] font-extrabold uppercase tracking-[.2em] text-emerald-600">Live transactional report</p><h1 class="text-3xl font-black">{{ $savedReport->name ?? $report['title'] }}</h1><p class="text-sm text-slate-400">Generated from tenant-scoped database transactions and posted journals.</p></div><div class="flex flex-wrap gap-2">@if($type !== 'custom')<a href="{{ route('app.finance.reports.export',[$type,'pdf']+request()->query()) }}" class="rounded-xl border border-slate-200 bg-white px-3 py-2 text-xs font-bold">PDF</a><a href="{{ route('app.finance.reports.export',[$type,'xlsx']+request()->query()) }}" class="rounded-xl border border-slate-200 bg-white px-3 py-2 text-xs font-bold">Excel</a><a href="{{ route('app.finance.reports.export',[$type,'csv']+request()->query()) }}" class="rounded-xl border border-slate-200 bg-white px-3 py-2 text-xs font-bold">CSV</a>@endif<button onclick="window.print()" class="rounded-xl bg-slate-950 px-3 py-2 text-xs font-bold text-white">Print</button></div></header>
    <form class="grid gap-3 rounded-3xl border border-slate-200 bg-white p-4 shadow-sm sm:grid-cols-2 lg:grid-cols-5"><input type="date" name="from" value="{{ request('from',now()->startOfYear()->format('Y-m-d')) }}" class="rounded-xl border-slate-200 text-sm"><input type="date" name="to" value="{{ request('to',date('Y-m-d')) }}" class="rounded-xl border-slate-200 text-sm"><input name="customer_id" value="{{ request('customer_id') }}" placeholder="Customer ID (statement)" class="rounded-xl border-slate-200 text-sm"><input name="company_id" value="{{ request('company_id') }}" placeholder="Corporate ID (statement)" class="rounded-xl border-slate-200 text-sm"><button class="rounded-xl bg-emerald-600 px-4 py-2 text-xs font-bold text-white">Apply Filters</button></form>
    @if($report['totals'])<section class="grid gap-3 sm:grid-cols-2 lg:grid-cols-4">@foreach($report['totals'] as $label=>$value)<div class="rounded-2xl border border-slate-200 bg-white p-4 shadow-sm"><p class="text-[10px] font-bold uppercase text-slate-400">{{ str_replace('_',' ',$label) }}</p><p class="mt-1 text-xl font-black">{{ is_numeric($value) ? 'AED '.number_format((float)$value,2) : $value }}</p></div>@endforeach</section>@endif
    <section class="overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-sm"><div class="overflow-x-auto"><table class="w-full whitespace-nowrap text-xs"><thead class="bg-slate-50 text-[10px] uppercase tracking-wide text-slate-400"><tr>@foreach($report['columns'] as $column)<th class="p-3 text-left">{{ $column }}</th>@endforeach</tr></thead><tbody class="divide-y divide-slate-100">@forelse($report['rows'] as $row)<tr class="hover:bg-emerald-50/40">@foreach(array_values($row) as $value)<td class="p-3">{{ is_float($value) ? number_format($value,2) : $value }}</td>@endforeach</tr>@empty<tr><td colspan="{{ count($report['columns']) }}" class="p-14 text-center text-sm text-slate-400">No real transactions match these filters.</td></tr>@endforelse</tbody></table></div></section>
</div>
@endsection