@extends('layouts.staff')

@section('title', '🎁 Acquisitions Module › Koha Staff')

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

@section('content')
<div style="width:100%; display:flex; flex-direction:column;">
    <div class="checkout-panel" style="display:flex; gap:16px;">
        <a href="{{ route('staff.acquisitions.vendors') }}" class="form-btn primary" style="text-decoration:none;">Manage Vendors</a>
        <a href="{{ route('staff.acquisitions.orders') }}" class="form-btn primary" style="text-decoration:none;">Purchase Orders</a>
        <a href="{{ route('staff.acquisitions.budgets') }}" class="form-btn primary" style="text-decoration:none;">Budgets & Funds</a>
    </div>

    <div style="display:grid; grid-template-columns:1fr 1fr; gap:16px;">
        <div class="checkout-panel">
            <h3>Active Budgets</h3>
            <table class="items-table">
                <thead>
                    <tr>
                        <th>Fund Name</th>
                        <th>Allocated</th>
                        <th>Spent</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($budgets as $b)
                        <tr>
                            <td>{{ $b->name }}</td>
                            <td>₦{{ number_format($b->amount, 2) }}</td>
                            <td>₦{{ number_format($b->spent, 2) }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="checkout-panel">
            <h3>Recent Orders</h3>
            <table class="items-table">
                <thead>
                    <tr>
                        <th>Title</th>
                        <th>Vendor</th>
                        <th>Qty</th>
                        <th>Price</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($orders as $o)
                        <tr>
                            <td>{{ $o->biblio_title }}</td>
                            <td>{{ $o->vendor_name }}</td>
                            <td>{{ $o->quantity }}</td>
                            <td>₦{{ number_format($o->price, 2) }}</td>
                            <td>
                                @if($o->status == 'pending')
                                    <span class="overdue-tag">Pending</span>
                                @else
                                    <span class="status-ok">Received</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" style="text-align:center; color:#777; padding:10px;">No purchase orders placed yet.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

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