<?php require __DIR__ . '/../header.php'; ?>

<div class="content-wrapper">
<section class="content pt-3">
<div class="container-fluid pb-5" style="max-width:760px">

<div class="d-flex justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h3 class="mb-1 fw-bold">
            <i class="bi bi-bell-fill me-2 text-primary"></i>
            <?= htmlspecialchars($notification['title'],ENT_QUOTES,'UTF-8') ?>
        </h3>
        <p class="text-muted mb-0 small"><?= date('d/m/Y H:i',strtotime($notification['created_at'])) ?></p>
    </div>
    <a href="/admin/notifications" class="btn btn-outline-secondary btn-sm">
        <i class="bi bi-arrow-right me-1"></i><?= __('admin.back','Back') ?>
    </a>
</div>

<div class="card border-0 shadow-sm">
    <div class="card-body py-4">
        <div class="d-flex gap-3 align-items-start">
            <div class="rounded-circle bg-primary-subtle d-flex align-items-center justify-content-center flex-shrink-0"
                 style="width:48px;height:48px">
                <i class="bi bi-bell text-primary fs-4"></i>
            </div>
            <div>
                <h5 class="fw-semibold mb-1"><?= htmlspecialchars($notification['title'],ENT_QUOTES,'UTF-8') ?></h5>
                <div class="text-muted small mb-3"><?= date('d/m/Y H:i',strtotime($notification['created_at'])) ?></div>
                <span class="badge bg-secondary"><?= htmlspecialchars($notification['type'],ENT_QUOTES,'UTF-8') ?></span>
            </div>
        </div>
    </div>
</div>

</div></section></div>
<?php require __DIR__ . '/../footer.php'; ?>
