@extends('layouts.app')

@section('title', $report::LABEL)

@push('styles')
<style>
    .report-nav .list-group-item { border: 0; border-radius: 8px !important; padding: .45rem .75rem; font-size: .86rem; color: var(--ink); }
    .report-nav .list-group-item.active { background: #eef2ff; color: #4338ca; font-weight: 600; }
    .report-nav .list-group-item:not(.active):not(.disabled):hover { background: #f8fafc; }
    .report-nav .list-group-item.disabled { color: #94a3b8; }
    .report-nav .cat { font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-soft); padding: .9rem .75rem .3rem; }
    .letterhead { border-bottom: 2px solid var(--ink); }
    .stmt td, .stmt th { padding: .4rem .75rem; }
    .stmt .indent { padding-left: 2rem; }
    .stmt .subtotal td { font-weight: 600; border-top: 1px solid #cbd5e1; }
    .stmt .total td { font-weight: 700; border-top: 2px solid var(--ink); border-bottom: 3px double var(--ink); background: #f8fafc; }
    .stmt .section-head td { font-weight: 700; text-transform: uppercase; font-size: .76rem; letter-spacing: .06em; color: #475569; padding-top: 1.1rem; border-bottom: 1px solid var(--line); }
    .stmt .acct { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color: #64748b; width: 90px; }
    .stmt .pct { color: #94a3b8; font-size: .78rem; width: 110px; }
    .stat-tone-good .stat-value { color: #15803d; }
    .stat-tone-bad .stat-value { color: #b91c1c; }
    @media print {
        .report-col { width: 100% !important; flex: 0 0 100% !important; max-width: 100% !important; }
        .report-panel { border: 0 !important; }
    }
</style>
@endpush

@php
    $money = fn ($n) => $n === null || $n === '' ? '' : (((float) $n < 0 ? '(' : '') . number_format(abs((float) $n), 2) . ((float) $n < 0 ? ')' : ''));
@endphp

@section('content')
<div class="row g-4">
    {{-- Catalogue --}}
    <div class="col-xl-3 col-lg-4 no-print">
        <nav class="panel p-2 report-nav" aria-label="Reports">
            <div class="px-2 pt-2 pb-1">
                <div class="eyebrow small text-uppercase fw-semibold text-muted" style="font-size:.7rem;letter-spacing:.08em;">Financial Control &amp; Reports</div>
                <div class="fw-bold fs-5">Reports Hub</div>
            </div>
            @foreach ($catalog as $category => $items)
                <div class="cat">{{ $category }}</div>
                <div class="list-group list-group-flush">
                    @foreach ($items as $item)
                        @if ($item['key'])
                            <a href="{{ route('hotel.reports.show', $item['key']) }}" class="list-group-item list-group-item-action {{ $item['key'] === $key ? 'active' : '' }}" title="{{ $item['description'] }}" @if ($item['key'] === $key) aria-current="page" @endif>{{ $item['label'] }}</a>
                        @else
                            <span class="list-group-item disabled d-flex justify-content-between align-items-center" aria-disabled="true" title="Available once {{ $item['pending'] }} is ported">
                                {{ $item['label'] }} <span class="badge text-bg-light border fw-normal" style="font-size:.6rem;">SOON</span>
                            </span>
                        @endif
                    @endforeach
                </div>
            @endforeach
        </nav>
    </div>

    {{-- Report --}}
    <div class="col-xl-9 col-lg-8 report-col">
        <section class="panel report-panel">
            <div class="panel-body border-bottom d-flex flex-wrap gap-2 justify-content-between align-items-center no-print">
                <div class="small text-muted"><i class="bi bi-diagram-3 me-1"></i>Scope: <strong class="text-body">{{ $filters->scope() }}</strong> <span class="d-none d-md-inline">— switch branch from the sidebar.</span></div>
                <div class="d-flex gap-2">
                    <a href="{{ route('hotel.reports.show', [$key] + $query + ['export' => 'excel']) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-file-earmark-excel me-1"></i> Excel</a>
                    <a href="{{ route('hotel.reports.show', [$key] + $query + ['view' => 'print']) }}" class="btn btn-sm btn-outline-secondary" target="_blank" title="Print on A4 or a thermal receipt printer (80mm / 58mm)"><i class="bi bi-printer me-1"></i> Print / PDF</a>
                    <a href="{{ $mailtoUrl }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-envelope me-1"></i> Email</a>
                </div>
            </div>

            @if ($report::FILTER !== 'none')
                <form method="GET" action="{{ route('hotel.reports.show', $key) }}" class="panel-body border-bottom no-print">
                    <div class="row g-2 align-items-end">
                        @if ($report::FILTER === 'as_of')
                            <div class="col-sm-5 col-md-4"><label for="r_asof" class="form-label">As at</label><input type="date" id="r_asof" name="as_of" class="form-control form-control-sm" value="{{ $filters->asOf->toDateString() }}"></div>
                        @else
                            <div class="col-6 col-md-3"><label for="r_start" class="form-label">From</label><input type="date" id="r_start" name="start" class="form-control form-control-sm" value="{{ $filters->start->toDateString() }}"></div>
                            <div class="col-6 col-md-3"><label for="r_end" class="form-label">To</label><input type="date" id="r_end" name="end" class="form-control form-control-sm" value="{{ $filters->end->toDateString() }}"></div>
                            @if ($report::FILTER === 'ledger')
                                <div class="col-md-4">
                                    <label for="r_account" class="form-label">Account</label>
                                    <select id="r_account" name="account" class="form-select form-select-sm">
                                        <option value="">All accounts</option>
                                        @foreach ($accounts as $a)<option value="{{ $a->id }}" @selected($filters->accountId === $a->id)>{{ $a->account_code }} · {{ $a->account_name }}</option>@endforeach
                                    </select>
                                </div>
                            @endif
                        @endif
                        <div class="col-auto"><button type="submit" class="btn btn-sm btn-primary"><i class="bi bi-funnel me-1"></i>Run</button></div>
                        @if ($report::FILTER !== 'as_of')
                            <div class="col-auto d-flex gap-1 flex-wrap">
                                @foreach (['This month' => [today()->startOfMonth(), today()], 'Last month' => [today()->subMonthNoOverflow()->startOfMonth(), today()->subMonthNoOverflow()->endOfMonth()], 'Year to date' => [today()->startOfYear(), today()]] as $label => [$s, $e])
                                    <a href="{{ route('hotel.reports.show', [$key, 'start' => $s->toDateString(), 'end' => $e->toDateString()] + array_filter(['account' => $filters->accountId])) }}" class="btn btn-sm btn-light border">{{ $label }}</a>
                                @endforeach
                            </div>
                        @endif
                    </div>
                </form>
            @endif

            <div class="panel-body">
                {{-- Letterhead — also what a printed / PDF copy carries --}}
                <div class="row align-items-center g-3 pb-3 mb-4 letterhead">
                    <div class="col-md-4">
                        <div class="fw-bold">{{ $company?->company_name }}</div>
                        @if ($company?->company_address)<div class="small text-muted">{!! nl2br(e($company->company_address)) !!}</div>@endif
                    </div>
                    <div class="col-md-4 text-md-center">
                        <h1 class="fs-4 fw-bold mb-0">{{ $report::LABEL }}</h1>
                        <div class="small text-muted">{{ $result->subtitle }}</div>
                        <div class="small text-muted">{{ $filters->scope() }}</div>
                    </div>
                    <div class="col-md-4 text-md-end">
                        @if ($company?->company_logo)<img src="{{ asset($company->company_logo) }}" alt="{{ $company->company_name }}" style="max-height: 56px; max-width: 150px; object-fit: contain;">@endif
                    </div>
                </div>

                @if ($result->stats)
                    <div class="row g-3 mb-4">
                        @foreach ($result->stats as $s)
                            <div class="col-sm-6 col-xxl">
                                <div class="stat-card {{ isset($s['tone']) ? 'stat-tone-' . $s['tone'] : '' }}" style="padding: 12px 16px;">
                                    <span>
                                        <span class="stat-label d-block">{{ $s['label'] }}</span>
                                        <span class="stat-value d-block money" style="font-size: 1.15rem;">{{ $s['value'] }}</span>
                                        @if (!empty($s['hint']))<span class="stat-label">{{ $s['hint'] }}</span>@endif
                                    </span>
                                </div>
                            </div>
                        @endforeach
                    </div>
                @endif

                @if ($result->note)
                    <div class="alert alert-warning border-0 small"><i class="bi bi-info-circle me-1"></i>{{ $result->note }}</div>
                @endif

                @include($result->view ?? 'reports.partials.table', ['result' => $result, 'money' => $money] + $result->data)

                <div class="small text-muted mt-4 pt-3 border-top">Generated {{ now()->format('M d, Y H:i') }} by {{ auth()->user()->username }} · Amounts in Naira; brackets denote negatives.</div>
            </div>
        </section>
    </div>
</div>
@endsection