@extends('layouts.app')

@section('content')
    <div class="card">
        <h2>Operations Dashboard</h2>
        <p>Back-office billing framework is active. Use API endpoints for imports and billing runs.</p>
    </div>

    <livewire:ops-overview />

    <div class="card">
        <h3>Quick Links</h3>
        <p><a href="{{ route('ops.jobs') }}">Queue & Dead-letter Dashboard</a></p>
        <p>POST <code>/api/imports</code>, GET <code>/api/imports/{id}</code></p>
        <p>POST <code>/api/billing-runs</code>, POST <code>/api/billing-runs/{id}/validate</code>, POST <code>/api/billing-runs/{id}/publish-xero</code></p>
    </div>
@endsection