<?php
// public/owner/invite.php
require_once __DIR__.'/../../config/app.php';
require_once __DIR__.'/../../app/Models/Vehicle.php';
require_once __DIR__.'/../../app/Models/InviteCode.php';

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

// ── توليد كود جديد ──
if ($_SERVER['REQUEST_METHOD'] === 'POST' && ($_POST['action'] ?? '') === 'generate') {
    verifyCsrf();
    $vehicleId = !empty($_POST['vehicle_id']) ? (int)$_POST['vehicle_id'] : null;
    $code = InviteCode::generate($user['id'], $vehicleId);
    flash('dash', "✅ تم توليد الكود: <strong>$code</strong> — صالح لـ 7 أيام");
    redirect(BASE_URL.'/owner/invite.php');
}

// ── حذف كود ──
if ($_SERVER['REQUEST_METHOD'] === 'POST' && ($_POST['action'] ?? '') === 'delete') {
    verifyCsrf();
    InviteCode::delete((int)$_POST['invite_id'], $user['id']);
    flash('dash', 'تم حذف الكود');
    redirect(BASE_URL.'/owner/invite.php');
}

$vehicles = Vehicle::byOwner($user['id']);
$codes    = InviteCode::byOwner($user['id']);

$pageTitle  = 'أكواد الدعوة';
$activePage = BASE_URL.'/owner/invite.php';
require __DIR__.'/../../app/Views/shared/layout.php';
?>

<div class="page-header">
  <h2>🔑 أكواد الدعوة</h2>
  <p style="color:var(--text-muted);font-size:14px;margin-top:4px">
    أنشئ كوداً وأعطه للسائق ليرتبط بحسابك تلقائياً
  </p>
</div>

<?php $f = flash('dash'); if($f): ?>
<div class="alert alert-<?= $f['type']==='success'?'success':'danger' ?>" style="margin-bottom:20px">
  <?= $f['msg'] ?>
</div>
<?php endif; ?>

<!-- ── كيف يعمل ── -->
<div class="card" style="margin-bottom:24px;background:linear-gradient(135deg,var(--accent-light),var(--bg-card))">
  <div class="card-body">
    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px">
      <div style="text-align:center">
        <div style="font-size:32px;margin-bottom:8px">🔑</div>
        <div style="font-weight:700;font-size:14px;color:var(--text-primary)">1. ولّد كوداً</div>
        <div style="font-size:12px;color:var(--text-muted);margin-top:4px">اختر السيارة وانشئ كود دعوة فريد</div>
      </div>
      <div style="text-align:center">
        <div style="font-size:32px;margin-bottom:8px">📲</div>
        <div style="font-weight:700;font-size:14px;color:var(--text-primary)">2. أرسله للسائق</div>
        <div style="font-size:12px;color:var(--text-muted);margin-top:4px">شارك الكود مع السائق عبر أي وسيلة</div>
      </div>
      <div style="text-align:center">
        <div style="font-size:32px;margin-bottom:8px">✅</div>
        <div style="font-weight:700;font-size:14px;color:var(--text-primary)">3. السائق يُدخله</div>
        <div style="font-size:12px;color:var(--text-muted);margin-top:4px">يدخله في لوحة تحكمه فيرتبط فوراً</div>
      </div>
    </div>
  </div>
</div>

<div style="display:grid;grid-template-columns:340px 1fr;gap:24px;align-items:start">

  <!-- ── توليد كود جديد ── -->
  <div class="card">
    <div class="card-header">
      <span class="card-title">➕ توليد كود جديد</span>
    </div>
    <div class="card-body">
      <form method="POST">
        <?= csrfField() ?>
        <input type="hidden" name="action" value="generate">
        <div class="form-group">
          <label class="form-label">السيارة (اختياري)</label>
          <select name="vehicle_id" class="form-control">
            <option value="">كل سياراتي</option>
            <?php foreach($vehicles as $v): ?>
            <option value="<?= $v['id'] ?>"><?= e($v['plate_number'].' — '.$v['brand'].' '.$v['model']) ?></option>
            <?php endforeach; ?>
          </select>
          <div style="font-size:11px;color:var(--text-muted);margin-top:6px">
            إذا لم تختر سيارة، سيرتبط السائق بجميع سياراتك
          </div>
        </div>
        <button type="submit" class="btn btn-primary" style="width:100%">
          🔑 توليد كود الدعوة
        </button>
      </form>
    </div>
  </div>

  <!-- ── قائمة الأكواد ── -->
  <div class="card">
    <div class="card-header">
      <span class="card-title">📋 الأكواد المولّدة</span>
      <span class="badge badge-info"><?= count($codes) ?> كود</span>
    </div>
    <?php if(empty($codes)): ?>
    <div class="empty-state">
      <div class="empty-state-icon">🔑</div>
      <h3>لا توجد أكواد بعد</h3>
      <p>ولّد أول كود دعوة لسائقيك</p>
    </div>
    <?php else: ?>
    <div class="table-wrapper">
      <table>
        <thead>
          <tr>
            <th>الكود</th>
            <th>السيارة</th>
            <th>الحالة</th>
            <th>الانتهاء</th>
            <th>الإجراء</th>
          </tr>
        </thead>
        <tbody>
          <?php foreach($codes as $c):
            $isUsed    = !empty($c['used_by']);
            $isExpired = $c['expires_at'] && strtotime($c['expires_at']) < time();
            $status    = $isUsed ? 'used' : ($isExpired ? 'expired' : 'active');
          ?>
          <tr>
            <td>
              <span style="font-family:'Courier New',monospace;font-size:18px;font-weight:900;
                           letter-spacing:0.15em;background:var(--bg-primary);
                           padding:4px 12px;border-radius:6px;border:2px solid var(--border)">
                <?= e($c['code']) ?>
              </span>
            </td>
            <td>
              <?php if($c['plate_number']): ?>
                <span class="vehicle-plate-badge"><?= e($c['plate_number']) ?></span><br>
                <span style="font-size:12px;color:var(--text-muted)"><?= e($c['brand'].' '.$c['model']) ?></span>
              <?php else: ?>
                <span style="color:var(--text-muted);font-size:13px">كل السيارات</span>
              <?php endif; ?>
            </td>
            <td>
              <?php if($status === 'used'): ?>
                <span class="badge badge-success">✅ مستخدم</span>
                <div style="font-size:11px;color:var(--text-muted);margin-top:3px">
                  بواسطة: <?= e($c['used_by_name']) ?>
                </div>
              <?php elseif($status === 'expired'): ?>
                <span class="badge badge-danger">❌ منتهي</span>
              <?php else: ?>
                <span class="badge badge-warning">⏳ فعّال</span>
              <?php endif; ?>
            </td>
            <td style="font-size:12px;color:var(--text-muted)">
              <?= $c['expires_at'] ? date('Y/m/d', strtotime($c['expires_at'])) : '—' ?>
            </td>
            <td>
              <?php if($status !== 'used'): ?>
              <form method="POST" style="display:inline" onsubmit="return confirm('حذف هذا الكود؟')">
                <?= csrfField() ?>
                <input type="hidden" name="action" value="delete">
                <input type="hidden" name="invite_id" value="<?= $c['id'] ?>">
                <button type="submit" class="btn btn-sm btn-danger">🗑</button>
              </form>
              <?php else: ?>
              <span style="color:var(--text-muted);font-size:12px">—</span>
              <?php endif; ?>
            </td>
          </tr>
          <?php endforeach; ?>
        </tbody>
      </table>
    </div>
    <?php endif; ?>
  </div>

</div>

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