<section class="auth-wrap">
  <div class="auth-card">
    <h2 class="auth-title" style="color:var(--text);">Create a new account</h2>
    <p class="muted" style="margin:0 0 10px;">It's quick and easy.</p>
    <?php if (!empty($error)): ?><div class="notice" style="margin-bottom:10px;"><?= htmlspecialchars($error) ?></div><?php endif; ?>
    <form method="post" action="<?= \Tshen\url('/register') ?>">
      <?= \Tshen\csrf_field() ?>
      <div class="form-grid">
        <input class="auth-input" name="first_name" placeholder="First name" />
        <input class="auth-input" name="last_name" placeholder="Last name" />
      </div>
      <div class="form-grid">
        <select class="auth-input" name="birth_month">
          <?php foreach (["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"] as $m): ?>
            <option value="<?= $m ?>"><?= $m ?></option>
          <?php endforeach; ?>
        </select>
        <select class="auth-input" name="birth_day">
          <?php for ($d=1; $d<=31; $d++): ?>
            <option value="<?= $d ?>"><?= $d ?></option>
          <?php endfor; ?>
        </select>
        <select class="auth-input" name="birth_year">
          <?php for ($y=date('Y'); $y>=1900; $y--): ?>
            <option value="<?= $y ?>"><?= $y ?></option>
          <?php endfor; ?>
        </select>
      </div>
      <div class="form-grid">
        <label class="radio"><input type="radio" name="gender" value="Female" /> Female</label>
        <label class="radio"><input type="radio" name="gender" value="Male" /> Male</label>
      
      </div>
      <input class="auth-input" type="email" name="email" placeholder="Mobile number or email" required />
      <input class="auth-input" type="password" name="password" placeholder="New password" required />
      <p class="muted" style="font-size:.85rem;">By clicking Sign Up, you agree to our Terms, Privacy Policy and Cookies Policy.</p>
      <button class="cta-btn auth-btn" type="submit" style="width:100%; font-weight:600;">Sign Up</button>
    </form>
    <div class="auth-links" style="margin-top:10px;">
      <a href="<?= \Tshen\url('/login') ?>" class="small-link">Already have an account?</a>
    </div>
  </div>
</section>