<div class="container-fluid">

<div class="d-flex justify-content-between align-items-center mb-4">
    <h2 class="fw-bold">
        Publication Operations Center
    </h2>
</div>

<div class="row g-4">

    <div class="col-md-3">
        <div class="card shadow-sm border-0">
            <div class="card-body text-center">
                <h6>Accepted Awaiting Production</h6>
                <h2><?= (int)$stats['accepted_pending'] ?></h2>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm border-0">
            <div class="card-body text-center">
                <h6>Camera Ready Uploaded</h6>
                <h2><?= (int)$stats['camera_ready_uploaded'] ?></h2>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm border-0">
            <div class="card-body text-center">
                <h6>Approved Galleys</h6>
                <h2><?= (int)$stats['approved_galleys'] ?></h2>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm border-0">
            <div class="card-body text-center">
                <h6>Assigned To Issue</h6>
                <h2><?= (int)$stats['assigned_to_issue'] ?></h2>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm border-0">
            <div class="card-body text-center">
                <h6>Published</h6>
                <h2><?= (int)$stats['published'] ?></h2>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm border-0">
            <div class="card-body text-center">
                <h6>Broken Issue Links</h6>
                <h2><?= (int)$stats['broken_issue_links'] ?></h2>
            </div>
        </div>
    </div>

    <div class="col-md-3">
        <div class="card shadow-sm border-0">
            <div class="card-body text-center">
                <h6>Indexing Ready</h6>
                <h2><?= (int)$stats['indexing_ready'] ?></h2>
            </div>
        </div>
    </div>

</div>

</div>
