
­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
<?php $view='leads/create.php'; ?>
<div class="row justify-content-center">
  <div class="col-12 col-lg-8">
    <div class="card shadow-sm">
      <div class="card-body p-4">
        <h4 class="mb-3"><?= e(t('leads.create')) ?></h4>
        <form method="post">
          <input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>">
          <div class="row g-3">
            <div class="col-12 col-md-4">
              <label class="form-label">Country code</label>
              <input class="form-control" name="country_code" value="+966">
            </div>
            <div class="col-12 col-md-8">
              <label class="form-label"><?= e(t('contacts.mobile')) ?></label>
              <input class="form-control" name="mobile" required placeholder="5xxxxxxxx">
            </div>
            <div class="col-12">
              <label class="form-label"><?= e(t('contacts.name')) ?></label>
              <input class="form-control" name="full_name">
            </div>
            <div class="col-12 col-md-6">
              <label class="form-label"><?= e(t('contacts.city')) ?></label>
              <input class="form-control" name="city">
            </div>
            <div class="col-12 col-md-6">
              <label class="form-label">Lead city</label>
              <input class="form-control" name="lead_city">
            </div>
            <div class="col-12 col-md-6">
              <label class="form-label"><?= e(t('leads.source')) ?></label>
              <input class="form-control" name="source" placeholder="Facebook / TikTok / Website">
            </div>
            <div class="col-12 col-md-6">
              <label class="form-label"><?= e(t('leads.campaign')) ?></label>
              <input class="form-control" name="campaign">
            </div>
            <div class="row g-3">
  <div class="col-12 col-md-6">
  <label class="form-label">Vehicle of Interest</label>
  <select class="form-select" name="vehicle_of_interest" required>
    <option value="">Select</option>
    <option value="City">City</option>
    <option value="Civic">Civic</option>
    <option value="Civic Type R">Civic Type R</option>
    <option value="Accord">Accord</option>
    <option value="Accord 2.0 EHEV">Accord 2.0 EHEV</option>
    <option value="ZR-V">ZR-V</option>
    <option value="HR-V">HR-V</option>
    <option value="CR-V">CR-V</option>
    <option value="ODYSSEY">ODYSSEY</option>
    <option value="Pilot">Pilot</option>
  </select>
</div>

  <div class="col-md-6">
    <label class="form-label"><?= e(t('leads.model_year') ?: 'Model Year') ?></label>
    <select name="model_year" class="form-select">
      <option value="">Select year</option>
      <?php
      $y = (int)date('Y') + 1;
      for ($i = $y; $i >= 2023; $i--):
      ?>
        <option value="<?= $i ?>"><?= $i ?></option>
      <?php endfor; ?>
    </select>
  </div>
</div>

<div class="row g-3 mt-1">
  <div class="col-md-4">
    <label class="form-label">Salary</label>
    <input type="number" step="0.01" name="salary" class="form-control" placeholder="e.g. 12000">
  </div>

  <div class="col-md-4">
    <label class="form-label">Salary Range</label>
    <select name="salary_range" class="form-select">
      <option value="">Select</option>
      <option value="1-3999">1 - 3,999</option>
      <option value="4000-8000">4,000 - 8,000</option>
      <option value="8001-12000">8,001 - 12,000</option>
      <option value="12001-16000">12,001 - 16,000</option>
      <option value="16001-20000">16,001 - 20,000</option>
      <option value="20001+">More 20,000</option>
    </select>
  </div>

  <div class="col-md-4">
    <label class="form-label">Obligation</label>
    <select name="obligation" class="form-select">
      <option value="unknown">Unknown</option>
      <option value="no">No</option>
      <option value="yes">Yes</option>
    </select>
  </div>

  <div class="col-md-4">
    <label class="form-label">Obligation Amount</label>
    <input type="number" step="0.01" name="obligation_amount" class="form-control" placeholder="e.g. 2500">
  </div>

  <div class="col-md-4">
    <label class="form-label">Preferred Time</label>
    <select name="pref_time" class="form-select">
      <option value="">Select</option>
      <option value="morning">Morning</option>
      <option value="afternoon">Afternoon</option>
      <option value="evening">Evening</option>
      <option value="anytime">Anytime</option>
    </select>
  </div>

  <div class="col-md-4">
    <label class="form-label">Purchase Time</label>
    <select name="purchase_time" class="form-select">
      <option value="">Select</option>
      <option value="this_month">This month</option>
      <option value="1_3_months">1-3 months</option>
      <option value="3_6_months">3-6 months</option>
      <option value="just_browsing">Just browsing</option>
    </select>
  </div>
</div>
          </div>
          <div class="mt-3 d-flex gap-2">
            <button class="btn btn-primary"><?= e(t('global.create')) ?></button>
            <a class="btn btn-outline-secondary" href="<?= e(base_url($config, '/index.php?r=leads/index')) ?>"><?= e(t('global.cancel')) ?></a>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
