<?php

$title =
'Homepage Operations Center';

function hoc_h($v)
{
    return htmlspecialchars(
        (string)$v,
        ENT_QUOTES,
        'UTF-8'
    );
}

?>

<div class="container-fluid py-4">

<div class="card border-0 shadow-lg rounded-4 mb-4">

<div class="card-body">

<h2 class="fw-bold">

<i class="fa fa-tower-broadcast text-primary"></i>

Homepage Operations Center

</h2>

<p class="text-muted">

Real-time workflow operations monitoring.

</p>

</div>

</div>

<div class="row g-4">

<?php foreach($statusCards as $card): ?>

<div class="col-xl-3 col-lg-4 col-md-6">

<div class="card border-0 shadow-sm rounded-4 h-100">

<div class="card-body text-center">

<div class="text-muted">

<?= hoc_h($card['status']) ?>

</div>

<div class="display-5 fw-bold">

<?= (int)$card['total'] ?>

</div>

<div class="small text-muted">

Oldest Age:
<?= (int)$card['oldest_days'] ?>

days

</div>

</div>

</div>

</div>

<?php endforeach; ?>

</div>

</div>
