<?php
session_start();

// CSRFトークン生成
if (empty($_SESSION['csrf_token'])) {
    $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
}

// 初期化
$fields = [
    '姓','名','よみがな','組織団体名','郵便番号','住所',
    '電話番号','緊急の連絡先','メールアドレス','確認メールアドレス',
    '納入方法','ご要望'
];

$form_data = $_SESSION['form'] ?? [];
$error = $_SESSION['error'] ?? '';
unset($_SESSION['error']);
?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>分析サポーター会員登録フォーム</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="分析サポーター会員登録フォーム" />
<meta property="og:description" content="これまでの募金に加えて、年会費（一口）5,000円で、分析センターの活動をサポートする「分析サポート会員制度」がスタートしました。分析センターの施設の維持にはみなさんからの支援が欠かせません。" />
<meta property="og:type" content="article" />
<meta property="fb:app_id" content="1482216418460065" />
<meta property="og:url" content="https://earlybirds.ddo.jp/bunseki/donation/form/index.php" />
<meta property="og:image" content="https://earlybirds.ddo.jp/bunseki/donation/supporter/supporter_members_toplogo_grad_nob740x492.png" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="740" />
<meta property="og:image:height" content="492" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="../../default.css" rel="stylesheet" type="text/css" />
<script src="https://ajaxzip3.github.io/ajaxzip3.js"></script>
<script src="https://www.google.com/recaptcha/api.js?render=6Lfu76wUAAAAACQS5dJsH993Jdlk-pZxIWyBQzad"></script>
<script>
function executeRecaptcha() {
    grecaptcha.ready(function() {
        grecaptcha.execute('6Lfu76wUAAAAACQS5dJsH993Jdlk-pZxIWyBQzad', {action: 'submit'}).then(function(token) {
            document.getElementById('g-recaptcha-response').value = token;
        });
    });
}
window.onload = executeRecaptcha;
</script>
</head>

<body>
<div id="wrapper">
  <div id="header">
    <div id="menu">
      <ul>
        <li><a href="../../index.html">トップ</a></li>
        <li><a href="../../history/index.html">沿革</a></li>
        <li><a href="../../analysis/index.html">分析項目と料金</a></li>
        <li><a href="../../report/index.html">調査データ公開</a></li>
        <li><a href="../../donation/index.html">募金の申し込み</a></li>
        <li><a href="../../accessmap/index.html">アクセスと見学</a></li>
        <li><a href="../../contact/index.html">問い合わせ</a></li>
      </ul>
    </div>
  </div>
  <img src="../supporter/supporter_members_toplogo_grad_nob740x492.png" width="740" height="492" alt="donationtop"/>
  
  <div class="clearfix">
  </div>
  <div class="analsection">
<div class="container mt-5">
<h3>分析サポーター会員申し込みフォーム</h3>

<?php if ($error): ?>
<div class="alert alert-danger"><?= htmlspecialchars($error, ENT_QUOTES, 'UTF-8') ?></div>
<?php endif; ?>

<p class="text-danger">*は入力必須項目です。</p>

<form id="registrationForm" action="confirm.php" method="post">
<div class="anal-paragraph">
<input type="hidden" name="csrf_token" value="<?= $_SESSION['csrf_token'] ?>">
<input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response">

<!-- 氏名 -->
<div class="row">
  <div class="col-md-6 mb-3">
    <label>● 氏名（姓） <span class="text-danger">*</span></label>
    <input type="text" class="form-control" name="姓"
        value="<?= htmlspecialchars($form_data['姓'] ?? '', ENT_QUOTES) ?>" required>
  </div>
  <div class="col-md-6 mb-3">
    <label>● 氏名（名） <span class="text-danger">*</span></label>
    <input type="text" class="form-control" name="名"
        value="<?= htmlspecialchars($form_data['名'] ?? '', ENT_QUOTES) ?>" required>
  </div>
</div>

<div class="mb-3">
  <label>● よみがな <span class="text-danger">*</span></label>
  <input type="text" class="form-control" name="よみがな"
      value="<?= htmlspecialchars($form_data['よみがな'] ?? '', ENT_QUOTES) ?>" required>
</div>

<div class="mb-3">
  <label>● 組織・団体名</label>
  <input type="text" class="form-control" name="組織団体名"
      value="<?= htmlspecialchars($form_data['組織団体名'] ?? '', ENT_QUOTES) ?>">
</div>

<div class="mb-3">
  <label>● 郵便番号 <span class="text-danger">*</span></label>
  <input type="text"
      class="form-control"
      placeholder="例：1730025"
      name="郵便番号"
      pattern="\d{3}-?\d{4}"
      inputmode="numeric"
      autocomplete="postal-code"
      value="<?= htmlspecialchars($form_data['郵便番号'] ?? '', ENT_QUOTES) ?>"
      onKeyUp="AjaxZip3.zip2addr(this,'','住所','住所');"
      required>
  <small class="text-muted">※ 入力すると住所が自動入力されます。-(ハイフン）は入れずに入力してください。</small>
</div>


<div class="mb-3">
  <label>● 住所 <span class="text-danger">*</span></label>
  <input type="text"
      class="form-control"
      name="住所"
      autocomplete="street-address"
      value="<?= htmlspecialchars($form_data['住所'] ?? '', ENT_QUOTES) ?>"
      required>
</div>

<div class="mb-3">
  <label>● 電話番号 <span class="text-danger">*</span></label>
  <input type="tel" class="form-control" name="電話番号"
      pattern="[0-9\-]+" autocomplete="tel"
      value="<?= htmlspecialchars($form_data['電話番号'] ?? '', ENT_QUOTES) ?>" required>
</div>

<div class="mb-3">
  <label>● 緊急連絡先</label>
  <input type="tel" class="form-control" name="緊急の連絡先"
      pattern="[0-9\-]+"
      value="<?= htmlspecialchars($form_data['緊急の連絡先'] ?? '', ENT_QUOTES) ?>">
</div>

<div class="mb-3">
  <label>● メールアドレス <span class="text-danger">*</span></label>
  <input type="email" class="form-control" name="メールアドレス"
      autocomplete="email"
      value="<?= htmlspecialchars($form_data['メールアドレス'] ?? '', ENT_QUOTES) ?>" required>
</div>

<div class="mb-3">
  <label>● 確認メールアドレス <span class="text-danger">*</span></label>
  <input type="email" class="form-control" name="確認メールアドレス"
      autocomplete="email"
      value="<?= htmlspecialchars($form_data['確認メールアドレス'] ?? '', ENT_QUOTES) ?>" required>
</div>

<!-- 納入方法 -->
<div class="mb-3">
  <label>● 年会費5,000円の納入方法 <span class="text-danger">*</span></label><br>

  <?php
  $methods = [
    "郵便口座への払込",
    "Paypalでの自動毎年お支払い",
    "Paypalでの単年度お支払い",
    "その他"
  ];
  foreach ($methods as $m):
  ?>
  <div class="form-check form-check-inline">
    <input class="form-check-input" type="radio" name="納入方法"
        value="<?= $m ?>"
        <?= (($form_data['納入方法'] ?? '') === $m) ? 'checked' : '' ?> required>
    <label class="form-check-label"><?= $m ?></label>
  </div>
  <?php endforeach; ?>
</div>

<div class="mb-3">
  <label>● ご要望など</label>
  <textarea class="form-control" name="ご要望" rows="5"><?= htmlspecialchars($form_data['ご要望'] ?? '', ENT_QUOTES) ?></textarea>
</div>

<button type="submit" class="btn btn-primary">入力内容を確認する</button>
</div>
</form>
</div>
</div>
  <div class="analsection">
    <h3 class="article-title">よくわからないときは</h3>
    <p class="anal-paragraph"> 以下までお電話をください。</p>
    <blockquote>
      <p class="anal-paragraph"> 農民連食品分析センター<br />
        TEL：03-5926-5131<br />
        FAX：03-3959-5660<br />
        Email power8@nouminren.ne.jp<br />
      </p>
    </blockquote>
  </div>
  <div class="clearfix"></div>
  <div id="footer"> 一般社団法人 農民連食品分析センター<br />
    <a href="https://maps.google.com/maps/ms?f=q&amp;hl=ja&amp;ie=UTF8&amp;om=1&amp;msa=0&amp;msid=101278278975150277018.0000011278aa209c748c0&amp;ll=35.747209,139.702792&amp;spn=0.006095,0.00912&amp;z=16&amp;source=embed&amp;dg=feature">〒173-0025 東京都板橋区熊野町47ｰ11</a><br />
    電話 03-5926-5131　FAX 03-3959-5660<br />
  </div>
</div>

</body>
</html>