@extends('layouts.staff')

@section('title', '🎁 Budgets & Funds › Koha Staff')

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

@section('content')
<div style="width:100%; display:flex; flex-direction:column;">
    <div class="checkout-panel">
        <h3>Active Budgets & Funds</h3>
        <table class="items-table" style="margin-top:10px;">
            <thead>
                <tr>
                    <th>Fund Name</th>
                    <th>Period</th>
                    <th>Allocated Amount</th>
                    <th>Spent Amount</th>
                    <th>Remaining Balance</th>
                </tr>
            </thead>
            <tbody>
                @foreach($budgets as $b)
                    <tr>
                        <td><strong>{{ $b->name }}</strong></td>
                        <td>{{ $b->period }}</td>
                        <td>₦{{ number_format($b->amount, 2) }}</td>
                        <td>₦{{ number_format($b->spent, 2) }}</td>
                        <td>
                            @php $remaining = $b->amount - $b->spent; @endphp
                            <span class="{{ $remaining < 0 ? 'overdue-tag' : 'status-ok' }}">
                                ₦{{ number_format($remaining, 2) }}
                            </span>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

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