@extends('layouts.staff')

@section('title', '📊 Report Run › Koha Staff')

@section('breadcrumb-trail')
    <span class="sep">›</span>
    <a href="{{ route('staff.reports') }}">Reports</a>
    <span class="sep">›</span>
    <span>Run</span>
@endsection

@section('content')
<div style="width:100%; display:flex; flex-direction:column;">
    <div class="checkout-panel">
        <h3 style="margin-bottom:12px;">📊 {{ $title }}</h3>

        <table class="items-table">
            <thead>
                <tr>
                    @foreach($headers as $header)
                        <th>{{ $header }}</th>
                    @endforeach
                </tr>
            </thead>
            <tbody>
                @forelse($data as $row)
                    <tr>
                        @foreach($row as $key => $value)
                            <td>
                                @if($key === 'fine_amount')
                                    ₦{{ number_format($value, 2) }}
                                @else
                                    {{ $value }}
                                @endif
                            </td>
                        @endforeach
                    </tr>
                @empty
                    <tr>
                        <td colspan="{{ count($headers) }}" style="text-align:center; color:#777; padding:10px;">No report results returned.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div style="display:flex; gap:6px;">
        <button onclick="window.print()" class="form-btn primary">Print Report</button>
        <a href="{{ route('staff.reports') }}" class="form-btn">← Back to Wizard</a>
    </div>
</div>
@endsection