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

<div class="row g-4 mb-4">

<?php foreach($overview as $label=>$value): ?>

<div class="col-xl-2 col-md-4">

<div class="card border-0 shadow-sm">

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

<h6>
<?= ucfirst($label) ?>
</h6>

<h2>
<?= (int)$value ?>
</h2>

</div>

</div>

</div>

<?php endforeach; ?>

</div>

<div class="row g-4 mb-4">

<div class="col-md-3">
<div class="card border-0 shadow-sm">
<div class="card-body text-center">
<h6>Platform Health</h6>
<h1><?= (int)$platformHealth ?>%</h1>
</div>
</div>
</div>

<div class="col-md-3">
<div class="card border-0 shadow-sm">
<div class="card-body text-center">
<h6>Active Alerts</h6>
<h1><?= (int)$alerts ?></h1>
</div>
</div>
</div>

<div class="col-md-3">
<div class="card border-0 shadow-sm">
<div class="card-body text-center">
<h6>Pending Decisions</h6>
<h1><?= (int)$pendingDecisions ?></h1>
</div>
</div>
</div>

<div class="col-md-3">
<div class="card border-0 shadow-sm">
<div class="card-body text-center">
<h6>Missing Track Chairs</h6>
<h1><?= (int)$missingTrackChairs ?></h1>
</div>
</div>
</div>

</div>

<div class="card border-0 shadow-sm">

<div class="card-body">

<h2>
Platform Operations Command Center
</h2>

<table class="table table-bordered">

<tr>
<th>Critical Submissions</th>
<td><?= (int)$criticalSubmissions ?></td>
</tr>

<tr>
<th>Overloaded Reviewers</th>
<td><?= (int)$overloadedReviewers ?></td>
</tr>

<tr>
<th>Missing Track Chairs</th>
<td><?= (int)$missingTrackChairs ?></td>
</tr>

<tr>
<th>Pending Decisions</th>
<td><?= (int)$pendingDecisions ?></td>
</tr>

<tr>
<th>Active Alerts</th>
<td><?= (int)$alerts ?></td>
</tr>

</table>

</div>

</div>

</div>
