@extends('layouts.app')
@section('title', 'Reports & Analytics')

@section('content')
<div class="p-4 sm:p-6 lg:p-7">
  <div class="flex flex-col xl:flex-row xl:items-start xl:justify-between gap-4 mb-2">
    <div>
      <p class="text-[17px] font-bold text-slate-900"><i class="fa-solid fa-chart-pie text-blue-600 mr-2"></i>Reports &amp; Analytics</p>
      <p class="text-slate-400 text-[11px] mt-0.5">Financial statements and project reports</p>
    </div>
    @php
      $q = array_merge(request()->query(), ['report' => $activeReport]);
    @endphp
    <div class="flex flex-wrap gap-2 print:hidden">
      <a href="{{ route('reports.export.excel', $q) }}" class="bs no-underline inline-flex items-center gap-2 justify-center shrink-0"><i class="fa-solid fa-file-excel text-emerald-600"></i> Export Excel</a>
      <a href="{{ route('reports.export.pdf', $q) }}" class="bs no-underline inline-flex items-center gap-2 justify-center shrink-0"><i class="fa-solid fa-file-pdf text-red-600"></i> Export PDF</a>
      <a href="{{ route('reports.export.workbook', request()->query()) }}" class="bs no-underline inline-flex items-center gap-2 justify-center shrink-0"><i class="fa-solid fa-table text-blue-600"></i> Workbook</a>
      <button type="button" class="bs inline-flex items-center gap-2" onclick="window.print()"><i class="fa-solid fa-print"></i> Print</button>
    </div>
  </div>

  @include('reports.partials.filter-bar')

  <div class="snav">
    <a href="{{ route('reports.index', array_merge(request()->except('report'), ['report'=>'profit-loss'])) }}" class="sni no-underline {{ $activeReport === 'profit-loss' ? 'active' : '' }}"><i class="fa-solid fa-chart-line mr-1 opacity-70"></i>Profit &amp; Loss</a>
    <a href="{{ route('reports.index', array_merge(request()->except('report'), ['report'=>'balance-sheet'])) }}" class="sni no-underline {{ $activeReport === 'balance-sheet' ? 'active' : '' }}"><i class="fa-solid fa-scale-balanced mr-1 opacity-70"></i>Balance Sheet</a>
    <a href="{{ route('reports.index', array_merge(request()->except('report'), ['report'=>'trial-balance'])) }}" class="sni no-underline {{ $activeReport === 'trial-balance' ? 'active' : '' }}"><i class="fa-solid fa-list-check mr-1 opacity-70"></i>Trial Balance</a>
    <a href="{{ route('reports.index', array_merge(request()->except('report'), ['report'=>'assets-liabilities'])) }}" class="sni no-underline {{ $activeReport === 'assets-liabilities' ? 'active' : '' }}"><i class="fa-solid fa-vault mr-1 opacity-70"></i>Assets &amp; Liabilities</a>
    <a href="{{ route('reports.index', array_merge(request()->except('report'), ['report'=>'project-reports'])) }}" class="sni no-underline {{ $activeReport === 'project-reports' ? 'active' : '' }}"><i class="fa-solid fa-folder-open mr-1 opacity-70"></i>Project Reports</a>
  </div>

  <div class="snav mt-2">
    <a href="{{ route('reports.index', array_merge(request()->except('report'), ['report'=>'receivables'])) }}" class="sni no-underline {{ $activeReport === 'receivables' ? 'active' : '' }}"><i class="fa-solid fa-hand-holding-dollar mr-1 opacity-70"></i>Receivables</a>
    <a href="{{ route('reports.index', array_merge(request()->except('report'), ['report'=>'payables'])) }}" class="sni no-underline {{ $activeReport === 'payables' ? 'active' : '' }}"><i class="fa-solid fa-money-bill-wave mr-1 opacity-70"></i>Payables</a>
    <a href="{{ route('reports.index', array_merge(request()->except('report'), ['report'=>'vat-summary'])) }}" class="sni no-underline {{ $activeReport === 'vat-summary' ? 'active' : '' }}"><i class="fa-solid fa-receipt mr-1 opacity-70"></i>VAT Summary</a>
  </div>

  <div class="rep-section mt-5 {{ $activeReport === 'profit-loss' ? '' : 'hidden' }} print:block">
    @include('reports.partials.profit-loss')
  </div>
  <div class="rep-section mt-5 {{ $activeReport === 'balance-sheet' ? '' : 'hidden' }} print:block">
    @include('reports.partials.balance-sheet')
  </div>
  <div class="rep-section mt-5 {{ $activeReport === 'trial-balance' ? '' : 'hidden' }} print:block">
    @include('reports.partials.trial-balance')
  </div>
  <div class="rep-section mt-5 {{ $activeReport === 'assets-liabilities' ? '' : 'hidden' }} print:block">
    @include('reports.partials.assets-liabilities')
  </div>
  <div class="rep-section mt-5 {{ $activeReport === 'project-reports' ? '' : 'hidden' }} print:block">
    @include('reports.partials.project-reports')
  </div>
  <div class="rep-section mt-5 {{ $activeReport === 'receivables' ? '' : 'hidden' }} print:block">
    @include('reports.partials.receivables')
  </div>
  <div class="rep-section mt-5 {{ $activeReport === 'payables' ? '' : 'hidden' }} print:block">
    @include('reports.partials.payables')
  </div>
  <div class="rep-section mt-5 {{ $activeReport === 'vat-summary' ? '' : 'hidden' }} print:block">
    @include('reports.partials.vat-summary')
  </div>

  <p class="text-[10px] text-slate-400 mt-8 print:hidden">Figures are computed server-side from operational modules. Pending cash-flow forecasts are excluded from P&amp;L.</p>
</div>

@push('head')
<style media="print">
  .print\:hidden{display:none!important}
  body{background:#fff}
  .rep-section.hidden{display:block!important}
  .snav{display:none!important}
</style>
@endpush
@endsection