<?php
    header('Cache-Control: no-cache, must-revalidate');
    header('Pragma: no-cache');
    header('Expires: 0');
?>
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><?= $this->v('page_title', 'Install Pacific Driver'); ?></title>
  <link rel="icon" href="<?= PROOT; ?>images/favicon.svg" type="image/svg+xml">
  <link rel="stylesheet" href="<?= PROOT; ?>js/Olibs/bootstrap/bootstrap.min.css">
  <link rel="stylesheet" href="<?= PROOT; ?>js/Olibs/fontawesome/css/all.min.css">
  <link rel="stylesheet" href="<?= PROOT; ?>css/pacific.css?v=<?= @filemtime(ROOT . '/css/pacific.css') ?: '1'; ?>">
  <style>
    body { background:#F5F7FB; color:#0F1220; font-family: 'Open Sans', system-ui, sans-serif; }
    .shell { max-width: 480px; margin: 0 auto; padding: 24px 16px 64px; }
    .brand { display:flex; align-items:center; gap:10px; margin-bottom: 24px; color:#2626F5; font-weight:700; }
    .brand img { height: 32px; }
    .card-install { background:#fff; border-radius:14px; padding: 24px; box-shadow: 0 1px 3px rgba(15,18,32,.06), 0 8px 24px -12px rgba(38,38,245,.10); }
    .card-install .app-badge {
      display:flex; align-items:center; gap:14px; padding: 16px;
      background:#EBEFFA; border-radius:10px; margin-bottom: 20px;
    }
    .card-install .app-badge .icon { width:56px; height:56px; border-radius:14px; background:#2626F5; color:#fff;
      display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:800; }
    .verdict { font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 700; }
    .footer-note { text-align:center; color:#6B7484; font-size:11.5px; margin-top: 22px; letter-spacing:.02em; }
    .step { display: flex; gap: 10px; padding: 8px 0; font-size: 13px; color:#0F1220; }
    .step .n { flex: 0 0 22px; height: 22px; background:#EBEFFA; color:#2626F5; border-radius:50%;
      display:flex; align-items:center; justify-content:center; font-weight:700; font-size:11px; }
    .btn-install { background:#2626F5; color:#fff; border:none; border-radius:10px; padding: 12px 16px; font-weight:600; }
    .btn-install:hover { background:#1414D6; color:#fff; }
    .btn-install:disabled { opacity:.5; }
  </style>
</head>
<body>
  <div class="shell">
    <div class="brand">
      <img src="<?= PROOT; ?>images/logo.png" alt="Pacific Group">
      <span>PACIFIC GROUP</span>
    </div>
    <?= $this->content('body'); ?>
    <div class="footer-note">Pacific Group Company Limited &middot; Mobile app install</div>
  </div>
</body>
</html>
