<?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>Walk History | 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="history">
<?php pyrk_mobile_member_header('History', 'Your completed walking activity'); ?>
<main class="mobile-member-main">
  <section class="mobile-page-intro">
    <div><p class="mobile-kicker">Walk history</p><h2>Your completed walks</h2></div>
    <button class="mobile-icon-button" type="button" data-mobile-refresh>↻</button>
  </section>
  <section id="mobileHistoryList" class="mobile-card-list"><div class="mobile-loading-card">Loading walk history…</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>
