<?php
require_once __DIR__ . '/bootstrap_public.php';

$pdo = getPDO();
$msg = (string)($_GET['msg'] ?? '');

$err = '';
$phoneVal = '';
$codeVal  = '';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $phoneVal = trim((string)($_POST['requester_phone'] ?? ''));
    $codeVal  = trim((string)($_POST['access_code'] ?? ''));

    $st = $pdo->prepare("
        SELECT *
        FROM sponsor_access_requests
        WHERE requester_phone = ?
          AND access_code = ?
          AND status = 'approved'
          AND code_expires_at IS NOT NULL
          AND code_expires_at >= NOW()
        ORDER BY id DESC
        LIMIT 1
    ");
    $st->execute([$phoneVal, $codeVal]);
    $req = $st->fetch(PDO::FETCH_ASSOC);

    if ($req) {
        header('Location: ' . ORPHAN_PUBLIC_BASE . '/public/case.php?rid=' . (int)$req['id']);
        exit;
    } else {
        $err = 'الكود غير صحيح أو منتهي الصلاحية.';
    }
}
?>
<!doctype html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="utf-8">
  <title>تحقق بالكود | كفالة الأيتام</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Bootstrap 5 RTL -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.rtl.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
  <!-- Cairo -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap" rel="stylesheet">

  <style>
    body{font-family:'Cairo',sans-serif;background:#f2f6fb;color:#142033}
    .hero{
      background: radial-gradient(1200px 600px at 20% 20%, rgba(255,255,255,.22), transparent 60%),
                  linear-gradient(135deg,#0b2550,#123b78 55%, #195aa8);
      color:#fff;border-radius:18px;padding:22px 20px;
      box-shadow:0 18px 40px rgba(16,38,76,.20);
      position:relative;overflow:hidden
    }
    .hero:after{
      content:''; position:absolute; left:-60px; bottom:-60px; width:240px; height:240px;
      background:rgba(255,255,255,.08); border-radius:50%;
    }
    .cardx{border:0;border-radius:18px;box-shadow:0 18px 40px rgba(16,38,76,.10)}
    .btn{font-weight:800;border-radius:14px}
    .form-label{font-weight:800}
    input,select,textarea{direction:rtl}
    .smallhint{color:#6b7a8e;font-size:.9rem}
    .code-input{letter-spacing:.25em;text-align:center;font-weight:900}
  </style>
</head>
<body>

<div class="container py-4">

  <div class="hero mb-3">
    <div class="d-flex justify-content-between align-items-start flex-wrap gap-3">
      <div>
        <h3 class="fw-bold mb-1">التحقق بالكود</h3>
        <div class="opacity-75">
          أدخل رقم الجوال والرمز الذي وصلك من الإدارة للوصول إلى ملف الحالة.
        </div>
      </div>
      <div class="d-flex gap-2 flex-wrap">
        <a class="btn btn-light" href="<?= ORPHAN_PUBLIC_BASE ?>/index.php">
          <i class="bi bi-arrow-right-circle me-1"></i> الرجوع
        </a>
        <a class="btn btn-outline-light" href="/zaka/">
          <i class="bi bi-grid-1x2 me-1"></i> بوابة النظام
        </a>
      </div>
    </div>
  </div>

  <?php if ($msg === 'sent'): ?>
    <div class="alert alert-success d-flex align-items-start gap-2" role="alert">
      <i class="bi bi-check-circle-fill"></i>
      <div>
        <div class="fw-bold mb-1">تم إرسال الطلب بنجاح.</div>
        <div>بعد الموافقة سيتم إرسال كود عبر واتساب يدويًا من الإدارة.</div>
      </div>
    </div>
  <?php endif; ?>

  <?php if (!empty($err)): ?>
    <div class="alert alert-danger d-flex align-items-start gap-2" role="alert">
      <i class="bi bi-exclamation-triangle-fill"></i>
      <div>
        <div class="fw-bold mb-1">تعذر التحقق</div>
        <div><?= e($err) ?></div>
      </div>
    </div>
  <?php endif; ?>

  <div class="row g-3 align-items-stretch">
    <div class="col-12 col-lg-5">
      <div class="card cardx h-100">
        <div class="card-body p-4">
          <h5 class="fw-bold mb-2"><i class="bi bi-info-circle me-1"></i>ملاحظات</h5>
          <ul class="smallhint mb-0">
            <li>تأكد من إدخال نفس رقم الجوال الذي استخدمته عند إرسال الطلب.</li>
            <li>قد يكون الكود محدود المدة. إذا انتهت صلاحيته قدم طلبًا جديدًا.</li>
            <li>إذا لم يصلك الكود بعد، انتظر مراجعة الإدارة أو تواصل معهم.</li>
          </ul>
        </div>
      </div>
    </div>

    <div class="col-12 col-lg-7">
      <div class="card cardx">
        <div class="card-body p-4">
          <h5 class="fw-bold mb-3"><i class="bi bi-shield-lock me-1"></i>بيانات التحقق</h5>

          <form method="post" novalidate>
            <div class="row g-3">
              <div class="col-12 col-md-6">
                <label class="form-label">رقم الجوال (واتساب) <span class="text-danger">*</span></label>
                <input
                  type="text"
                  name="requester_phone"
                  class="form-control"
                  placeholder="مثال: 079xxxxxxx"
                  required
                  value="<?= e($phoneVal) ?>"
                  autocomplete="tel"
                  inputmode="tel"
                >
              </div>

              <div class="col-12 col-md-6">
                <label class="form-label">الكود <span class="text-danger">*</span></label>
                <input
                  type="text"
                  name="access_code"
                  class="form-control code-input"
                  placeholder="123456"
                  required
                  value="<?= e($codeVal) ?>"
                  inputmode="numeric"
                  autocomplete="one-time-code"
                >
                <div class="form-text">اكتب الكود كما وصلك بالرسالة.</div>
              </div>

              <div class="col-12 d-flex gap-2 flex-wrap mt-1">
                <button class="btn btn-primary" type="submit">
                  <i class="bi bi-box-arrow-in-left me-1"></i> دخول
                </button>
                <a class="btn btn-outline-secondary" href="<?= ORPHAN_PUBLIC_BASE ?>/public/request_access.php">
                  <i class="bi bi-send-check me-1"></i> تقديم طلب جديد
                </a>
              </div>

              <div class="col-12">
                <div class="smallhint mt-2">
                  إذا واجهت مشكلة، تأكد من الرقم/الكود أو قدّم طلبًا جديدًا من زر “تقديم طلب جديد”.
                </div>
              </div>
            </div>
          </form>

        </div>
      </div>
    </div>
  </div>

  <div class="text-center text-muted small mt-4">
    © <?= date('Y') ?> — لجنة زكاة وصدقات مخيم حطين
  </div>

</div>

</body>
</html>