<?php
require __DIR__ . '/_boot.php';
require __DIR__ . '/partials/mobile_member_shell.php';
$user = pyrk_mobile_member_guard($user);
?>
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
  <meta name="theme-color" content="#087f5b">
  <title>Activity & Points | Pyrk</title>
  <link rel="stylesheet" href="assets/css/app.css">
  <link rel="stylesheet" href="assets/css/mobile_member_app.css?v=1">
</head>
<body class="pyrk-native-app mobile-member-app" data-mobile-page="activity">
<?php pyrk_mobile_member_header('Activity & points', 'Every point gained and used'); ?>
<main class="mobile-member-main">
  <section class="mobile-points-summary">
    <article><span>Current</span><strong id="mobileCurrentPoints">0</strong></article>
    <article class="is-gain"><span>Gained</span><strong id="mobileGainedPoints">+0</strong></article>
    <article class="is-use"><span>Used</span><strong id="mobileUsedPoints">-0</strong></article>
  </section>
  <section class="mobile-page-intro compact">
    <div><p class="mobile-kicker">Points log</p><h2>Recent activity</h2></div>
    <button class="mobile-icon-button" type="button" data-mobile-refresh>↻</button>
  </section>
  <section id="mobileActivityList" class="mobile-timeline"><div class="mobile-loading-card">Loading points activity…</div></section>
</main>
<?php pyrk_mobile_member_dock(''); ?>
<script>window.PYRK_API_BASE='../api'; window.PYRK_CSRF='<?= htmlspecialchars($csrf, ENT_QUOTES, 'UTF-8') ?>';</script>
<script src="assets/js/api.js"></script>
<script src="assets/js/mobile_member_app.js?v=1"></script>
</body>
</html>
