<?php
// public/driver/join.php
require_once __DIR__.'/../../config/app.php';
require_once __DIR__.'/../../app/Models/InviteCode.php';

$user = requireAuth(['driver']);

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    verifyCsrf();
    $code = strtoupper(trim($_POST['code'] ?? ''));
    if (!$code) {
        flash('join', 'يرجى إدخال الكود', 'danger');
        redirect(BASE_URL.'/driver/join.php');
    }
    $result = InviteCode::redeem($code, $user['id']);
    if ($result['success']) {
        $inv = $result['invite'];
        $msg = $inv['vehicle_id']
            ? "✅ تم الربط بنجاح بسيارة {$inv['brand']} {$inv['model']} ({$inv['plate_number']})"
            : "✅ تم الربط بنجاح بجميع سيارات {$inv['owner_name']}";
        flash('dash', $msg);
        redirect(BASE_URL.'/driver/dashboard.php');
    } else {
        flash('join', $result['msg'], 'danger');
        redirect(BASE_URL.'/driver/join.php');
    }
}

$pageTitle  = 'الانضمام برمز الدعوة';
$activePage = BASE_URL.'/driver/join.php';
require __DIR__.'/../../app/Views/shared/layout.php';
?>

<div class="page-header">
  <h2>🔑 الانضمام برمز الدعوة</h2>
</div>

<?php $f = flash('join'); if($f): ?>
<div class="alert alert-<?= $f['type']==='success'?'success':'danger' ?>"><?= e($f['msg']) ?></div>
<?php endif; ?>

<!-- خطوات -->
<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:28px">
  <div class="card" style="text-align:center;padding:24px 16px;border:2px solid var(--accent)">
    <div style="font-size:36px;margin-bottom:10px">📞</div>
    <div style="font-weight:800;font-size:14px">1. اطلب الكود</div>
    <div style="font-size:12px;color:var(--text-muted);margin-top:6px">تواصل مع مالك السيارة واطلب منه رمز الدعوة</div>
  </div>
  <div class="card" style="text-align:center;padding:24px 16px">
    <div style="font-size:36px;margin-bottom:10px">⌨️</div>
    <div style="font-weight:800;font-size:14px">2. أدخل الكود</div>
    <div style="font-size:12px;color:var(--text-muted);margin-top:6px">أدخل الرمز المكوّن من 8 أحرف في الحقل أدناه</div>
  </div>
  <div class="card" style="text-align:center;padding:24px 16px">
    <div style="font-size:36px;margin-bottom:10px">🚗</div>
    <div style="font-weight:800;font-size:14px">3. ارتبط فوراً</div>
    <div style="font-size:12px;color:var(--text-muted);margin-top:6px">ستظهر معلومات ووثائق السيارة في حسابك مباشرة</div>
  </div>
</div>

<!-- نموذج الكود -->
<div style="max-width:480px;margin:0 auto">
  <div class="card">
    <div class="card-header">
      <span class="card-title">🔑 أدخل رمز الدعوة</span>
    </div>
    <div class="card-body">
      <form method="POST">
        <?= csrfField() ?>
        <div class="form-group">
          <label class="form-label">رمز الدعوة</label>
          <input
            type="text"
            name="code"
            class="form-control"
            placeholder="مثال: AB12CD34"
            maxlength="8"
            style="text-align:center;font-size:26px;font-weight:900;
                   letter-spacing:0.2em;font-family:'Courier New',monospace;
                   text-transform:uppercase;padding:16px"
            oninput="this.value=this.value.toUpperCase()"
            autocomplete="off"
            required
          >
          <div style="font-size:12px;color:var(--text-muted);margin-top:8px;text-align:center">
            الرمز مكوّن من 8 أحرف وأرقام — اطلبه من مالك السيارة
          </div>
        </div>
        <button type="submit" class="btn btn-primary" style="width:100%;padding:14px;font-size:16px">
          ✅ ربط الحساب
        </button>
      </form>
    </div>
  </div>

  <div style="text-align:center;margin-top:16px">
    <a href="<?= BASE_URL ?>/driver/dashboard.php" class="btn btn-secondary">
      ← العودة للوحة التحكم
    </a>
  </div>
</div>

<?php require __DIR__.'/../../app/Views/shared/layout_end.php'; ?>
