@extends('layouts.staff')

@section('title', '📊 Reports Module › Koha Staff')

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

@section('content')
<div style="width:100%; display:flex; flex-direction:column;">
    <div class="checkout-panel">
        <h3>📊 Reports Wizard</h3>
        <p style="font-size:12px; color:#555; margin-bottom:12px;">Select and execute pre-configured library report queries below.</p>
        
        <table class="items-table">
            <thead>
                <tr>
                    <th>Report Name</th>
                    <th>Category</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><strong>Circulation statistics</strong></td>
                    <td>Circulation</td>
                    <td><a href="{{ route('staff.reports.run', 'circulation') }}" class="form-btn primary" style="text-decoration:none; padding:4px 10px;">Run</a></td>
                </tr>
                <tr>
                    <td><strong>Catalog statistics</strong></td>
                    <td>Catalog</td>
                    <td><a href="{{ route('staff.reports.run', 'catalog') }}" class="form-btn primary" style="text-decoration:none; padding:4px 10px;">Run</a></td>
                </tr>
                <tr>
                    <td><strong>Overdue books list</strong></td>
                    <td>Circulation</td>
                    <td><a href="{{ route('staff.reports.run', 'overdues') }}" class="form-btn primary" style="text-decoration:none; padding:4px 10px;">Run</a></td>
                </tr>
            </tbody>
        </table>
    </div>

    <a href="{{ route('staff.home') }}" class="form-btn" style="width:120px; text-align:center;">← Back to Home</a>
</div>
@endsection