<?php
$page='join'; $title='सहभागी व्हा | मुरलीधर मोहोळ';
require __DIR__.'/includes/header.php';

$ok = $err = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  if (isset($_POST['subscribe_email'])) {
    $em = trim($_POST['subscribe_email']);
    if (filter_var($em, FILTER_VALIDATE_EMAIL)) {
      $fp = fopen(__DIR__.'/data/subscribers.csv', 'a');
      if ($fp) { fputcsv($fp, [date('c'), $em]); fclose($fp); }
      $ok = 'सदस्यत्व नोंदवले गेले. धन्यवाद!';
    } else { $err = 'कृपया वैध ई-मेल द्या.'; }
  } elseif (isset($_POST['join'])) {
    $fn = trim($_POST['first_name'] ?? ''); $ln = trim($_POST['last_name'] ?? '');
    $em = trim($_POST['email'] ?? ''); $ph = trim($_POST['phone'] ?? '');
    $age = trim($_POST['age'] ?? ''); $intr = trim($_POST['interest'] ?? '');
    if ($fn === '' || $ph === '' || empty($_POST['privacy'])) {
      $err = 'कृपया नाव, मोबाईल आणि संमती द्या.';
    } else {
      $fp = fopen(__DIR__.'/data/members.csv', 'a');
      if ($fp) { fputcsv($fp, [date('c'), $fn, $ln, $em, $ph, $age, $intr]); fclose($fp); }
      @mail(EMAIL_PUNE, 'नवीन कार्यकर्ता नोंदणी — ' . $fn . ' ' . $ln,
        "नाव: $fn $ln\nई-मेल: $em\nमोबाईल: $ph\nवय: $age\nरुची: $intr", 'From: ' . EMAIL_PUNE);
      $ok = 'नोंदणी झाली! कार्यालयाकडून लवकरच संपर्क होईल.';
    }
  }
}
$hero_title='सहभागी व्हा'; $hero_crumb='सहभागी व्हा';
require __DIR__.'/includes/page-hero.php';
?>
<section class="section">
  <div class="container">
    <div class="grid-2" style="align-items:start">
      <div class="reveal">
        <span class="eyebrow">चळवळीत या</span>
        <h2 class="h-display">बदल घडवायचा आहे? सुरुवात इथून करा</h2>
        <p>तीन मार्गांनी सहभागी होता येते:</p>
        <div class="role-grid" style="grid-template-columns:1fr;gap:1rem">
          <div class="role"><h4>कार्यकर्ता</h4><p>प्रभागातील उपक्रम, शिबिरे आणि मोहिमांमध्ये प्रत्यक्ष सहभाग.</p></div>
          <div class="role"><h4>स्वयंसेवक</h4><p>आरोग्य-शिक्षण-क्रीडा उपक्रमांत वेळ आणि कौशल्याचे योगदान.</p></div>
          <div class="role"><h4>डिजिटल सहकारी</h4><p>समाजमाध्यमांवर विकासकामांची माहिती जनतेपर्यंत पोहोचवणे.</p></div>
        </div>
      </div>
      <div class="form-card reveal">
        <?php if ($ok): ?><div class="alert ok"><?= e($ok) ?></div><?php endif; ?>
        <?php if ($err): ?><div class="alert err"><?= e($err) ?></div><?php endif; ?>
        <form method="post" class="form-grid">
          <input type="hidden" name="join" value="1">
          <div class="field"><label for="fn">पहिले नाव *</label><input id="fn" name="first_name" required></div>
          <div class="field"><label for="ln">आडनाव</label><input id="ln" name="last_name"></div>
          <div class="field"><label for="em">ई-मेल</label><input id="em" name="email" type="email"></div>
          <div class="field"><label for="ph">मोबाईल *</label><input id="ph" name="phone" pattern="[0-9+ ]{10,15}" required></div>
          <div class="field"><label for="age">वय</label><input id="age" name="age" type="number" min="18" max="99"></div>
          <div class="field"><label for="intr">रुची</label>
            <select id="intr" name="interest">
              <option>कार्यकर्ता</option><option>स्वयंसेवक</option><option>डिजिटल सहकारी</option>
            </select>
          </div>
          <div class="field full consent"><input type="checkbox" id="pv" name="privacy" required><label for="pv" style="font-weight:400">माझी माहिती कार्यालयीन संपर्कासाठी वापरण्यास संमती आहे.</label></div>
          <div class="field full"><button class="btn btn-primary" type="submit">नोंदणी करा</button></div>
        </form>
      </div>
    </div>
  </div>
</section>
<?php require __DIR__.'/includes/footer.php'; ?>
