<?php
/**
 * Default theme — shared account page header banner
 *
 * Required variables (set before include):
 *   $hdr_icon   string  Font Awesome class, e.g. 'fa fa-user'
 *   $hdr_title  string  Page title (already translated)
 *   $hdr_sub    string  Subtitle / breadcrumb text
 *
 * Optional:
 *   $hdr_pills  array   [ ['num'=>X, 'lbl'=>'Label', 'color'=>'#fff'], ... ]
 */
$hdr_icon  = isset($hdr_icon)  ? $hdr_icon  : 'fa fa-circle';
$hdr_title = isset($hdr_title) ? $hdr_title : '';
$hdr_sub   = isset($hdr_sub)   ? $hdr_sub   : '';
$hdr_pills = isset($hdr_pills) ? $hdr_pills : [];
?>
<div class="acc-page-header">
    <div class="container">
        <div class="acc-page-header__inner">
            <div>
                <h1 class="acc-page-header__title">
                    <i class="<?= $hdr_icon ?>"></i> <?= $hdr_title ?>
                </h1>
                <p class="acc-page-header__sub"><?= $hdr_sub ?></p>
            </div>
            <?php if (!empty($hdr_pills)): ?>
            <div class="d-flex" style="gap:10px;flex-wrap:wrap">
                <?php foreach ($hdr_pills as $pill): ?>
                <div class="acc-stat-pill">
                    <span class="acc-stat-pill__num" style="color:<?= $pill['color'] ?? '#fff' ?>">
                        <?= $pill['num'] ?>
                    </span>
                    <span class="acc-stat-pill__lbl"><?= $pill['lbl'] ?></span>
                </div>
                <?php endforeach; ?>
            </div>
            <?php endif; ?>
        </div>
    </div>
</div>
