
­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
<?php $view='opps/view.php'; ?>
<div class="row g-3">
  <div class="col-12 col-lg-8">
    <div class="card shadow-sm">
      <div class="card-body">
        <div class="d-flex justify-content-between align-items-start">
          <div>
            <h4 class="mb-1">Opportunity #<?= (int)$opp['id'] ?></h4>
            <div class="text-muted small"><?= e($opp['created_at']) ?> • <?= e(is_rtl() ? $opp['branch_name_ar'] : $opp['branch_name_en']) ?></div>
          </div>
          <span class="badge text-bg-secondary"><?= e($opp['status']) ?></span>
        </div>

        <hr>

        <h6 class="mb-2"><?= e(t('menu.contacts')) ?></h6>
        <div class="row g-2">
          <div class="col-12 col-md-6"><div class="p-2 bg-light rounded">📞 <?= e(($opp['country_code'] ?? '').($opp['mobile'] ?? '')) ?></div></div>
          <div class="col-12 col-md-6"><div class="p-2 bg-light rounded">👤 <?= e($opp['full_name'] ?? '') ?></div></div>
          <div class="col-12 col-md-6"><div class="p-2 bg-light rounded">🏙️ <?= e($opp['city'] ?? '') ?></div></div>
          <div class="col-12 col-md-6"><div class="p-2 bg-light rounded">👁️ <?= e(t('leads.first_view_at')) ?>: <?= e($opp['first_view_at'] ?? '-') ?></div></div>
          <div class="col-12 col-md-6"><div class="p-2 bg-light rounded">✅ First contact: <?= e($opp['first_contact_at'] ?? '-') ?></div></div>
          <div class="col-12 col-md-6"><div class="p-2 bg-light rounded">📍 <a target="_blank" href="<?= e($opp['location_url'] ?? '#') ?>">Branch Location</a></div></div>
        </div>

        <!-- LEAD INFO -->
        <hr class="my-4">
        <h6 class="mb-2">Lead Info</h6>

        <div class="row g-2">
          <div class="col-12 col-md-6">
            <div class="p-2 bg-light rounded">🚗 <strong>Vehicle:</strong> <?= e($opp['vehicle_of_interest'] ?? '-') ?></div>
          </div>
          <div class="col-12 col-md-6">
            <div class="p-2 bg-light rounded">📅 <strong>Model Year:</strong> <?= e($opp['model_year'] ?? '-') ?></div>
          </div>

          <div class="col-12 col-md-4">
            <div class="p-2 bg-light rounded">💰 <strong>Salary:</strong> <?= e($opp['salary'] ?? '-') ?></div>
          </div>
          <div class="col-12 col-md-4">
            <div class="p-2 bg-light rounded">📊 <strong>Salary Range:</strong> <?= e($opp['salary_range'] ?? '-') ?></div>
          </div>
          <div class="col-12 col-md-4">
            <div class="p-2 bg-light rounded">✅ <strong>Obligation:</strong> <?= e($opp['obligation'] ?? '-') ?></div>
          </div>

          <div class="col-12 col-md-4">
            <div class="p-2 bg-light rounded">🧾 <strong>Obligation Amount:</strong> <?= e($opp['obligation_amount'] ?? '-') ?></div>
          </div>
          <div class="col-12 col-md-4">
            <div class="p-2 bg-light rounded">⏰ <strong>Preferred Time:</strong> <?= e($opp['pref_time'] ?? '-') ?></div>
          </div>
          <div class="col-12 col-md-4">
            <div class="p-2 bg-light rounded">🛒 <strong>Purchase Time:</strong> <?= e($opp['purchase_time'] ?? '-') ?></div>
          </div>
        </div>

        <?php if (!empty($opp['qualified_at']) || !empty($opp['qualified_branch_name_en']) || !empty($opp['qualified_branch_name_ar']) || !empty($opp['qualify_note']) || !empty($opp['qualified_by_name']) || !empty($opp['lead_owner_name'])): ?>
          <hr class="my-4">
          <h6 class="mb-2">Qualification</h6>
          <div class="row g-2">
            <div class="col-12 col-md-6">
              <div class="p-2 bg-light rounded">🏁 <strong>Qualified at:</strong> <?= e($opp['qualified_at'] ?? '-') ?></div>
            </div>
            <div class="col-12 col-md-6">
              <div class="p-2 bg-light rounded">
                🏢 <strong>Qualified Branch:</strong>
                <?= e(is_rtl() ? ($opp['qualified_branch_name_ar'] ?? '-') : ($opp['qualified_branch_name_en'] ?? '-')) ?>
                <?= !empty($opp['qualified_branch_city']) ? ' ('.e($opp['qualified_branch_city']).')' : '' ?>
              </div>
            </div>

            <div class="col-12 col-md-6">
              <div class="p-2 bg-light rounded">👨‍💼 <strong>Qualified By:</strong> <?= e($opp['qualified_by_name'] ?? '-') ?></div>
            </div>
            <div class="col-12 col-md-6">
              <div class="p-2 bg-light rounded">🧑‍💻 <strong>Lead Owner:</strong> <?= e($opp['lead_owner_name'] ?? '-') ?></div>
            </div>

            <?php if (!empty($opp['qualify_note'])): ?>
              <div class="col-12">
                <div class="p-2 bg-light rounded">📝 <strong>Notes:</strong> <?= e($opp['qualify_note']) ?></div>
              </div>
            <?php endif; ?>
          </div>
        <?php endif; ?>

        <hr>
        <h6 class="mb-2">Mark Contacted</h6>
        <form method="post" action="<?= e(base_url($config, '/index.php?r=opps/contact')) ?>" class="row g-2">
          <input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>">
          <input type="hidden" name="opp_id" value="<?= (int)$opp['id'] ?>">
          <div class="col-12 col-md-10">
            <input class="form-control" name="note" placeholder="Note">
          </div>
          <div class="col-12 col-md-2">
            <button class="btn btn-primary w-100"><?= e(t('global.save')) ?></button>
          </div>
        </form>

        <?php $locked = empty($opp['first_contact_at']); ?>
        <div class="alert alert-warning mt-3 <?= $locked ? '' : 'd-none' ?>"><?= e(t('opps.locked')) ?></div>

        <div class="<?= $locked ? 'form-lock' : '' ?>">
          <hr>
          <h6 class="mb-2">Opportunity Updates</h6>

<?php
$stageMap = [
  'open_opportunity' => ['Open'],
  'test_drive' => ['Booked', 'Completed', 'No Show', 'Rescheduled'],
  'quotation_offer' => ['Sent', 'Revised', 'Expired'],
  'finance_processing' => ['Submitted', 'Approved', 'Rejected', 'Pending Documents'],
  'negotiation' => ['In Negotiation', 'Waiting Approval', 'Offer Improved'],
  'booking' => ['Booked', 'Payment Pending', 'Cancelled'],
  'delivery_sale' => ['Closed – Won', 'Delivered'],
  'closed_lost' => ['Price', 'Competitor', 'Finance Rejected', 'No Stock', 'Delay', 'No Response'],
  'on_hold' => ['Follow-up', 'On Hold', 'Future Purchase'],
];

$stageLabels = [
  'open_opportunity' => 'Open Opportunity',
  'test_drive' => 'Test Drive',
  'quotation_offer' => 'Quotation / Offer',
  'finance_processing' => 'Finance Processing',
  'negotiation' => 'Negotiation',
  'booking' => 'Booking',
  'delivery_sale' => 'Delivery / Sale',
  'closed_lost' => 'Closed – Lost',
  'on_hold' => 'On Hold / Nurturing',
];

$curStage = (string)($opp['stage'] ?? 'open_opportunity');
$curStageStatus = (string)($opp['stage_status'] ?? '');
$curOverall = (string)($opp['status'] ?? 'open');
?>

<form method="post" action="<?= e(base_url($config, '/index.php?r=opps/update_stage')) ?>" class="row g-2">
  <input type="hidden" name="_csrf" value="<?= e(csrf_token()) ?>">
  <input type="hidden" name="opp_id" value="<?= (int)$opp['id'] ?>">

  <div class="col-12 col-md-4">
    <label class="form-label">Stage</label>
    <select class="form-select" name="stage" id="oppStage">
      <?php foreach ($stageLabels as $k => $label): ?>
        <option value="<?= e($k) ?>" <?= $curStage === $k ? 'selected' : '' ?>><?= e($label) ?></option>
      <?php endforeach; ?>
    </select>
  </div>

  <div class="col-12 col-md-5">
    <label class="form-label">Stage Status</label>
    <select class="form-select" name="stage_status" id="oppStageStatus"></select>
    <div class="text-muted small mt-1">Options change based on Stage</div>
  </div>

  <div class="col-12 col-md-3">
    <label class="form-label">Overall Status</label>
    <select class="form-select" name="status" id="oppOverall">
      <option value="open" <?= $curOverall==='open'?'selected':'' ?>>open</option>
      <option value="won" <?= $curOverall==='won'?'selected':'' ?>>won</option>
      <option value="lost" <?= $curOverall==='lost'?'selected':'' ?>>lost</option>
      <option value="on_hold" <?= $curOverall==='on_hold'?'selected':'' ?>>on_hold</option>
    </select>
  </div>

  <div class="col-12">
    <button class="btn btn-outline-success"><?= e(t('global.save')) ?></button>
  </div>
</form>

<script>
(function(){
  const map = <?= json_encode($stageMap, JSON_UNESCAPED_UNICODE) ?>;
  const stageEl = document.getElementById('oppStage');
  const statusEl = document.getElementById('oppStageStatus');
  const overallEl = document.getElementById('oppOverall');

  const currentStatus = <?= json_encode($curStageStatus, JSON_UNESCAPED_UNICODE) ?>;

  function deriveOverall(stage){
    if(stage === 'closed_lost') return 'lost';
    if(stage === 'on_hold') return 'on_hold';
    if(stage === 'delivery_sale') return 'won';
    return 'open';
  }

  function fillStatuses(){
    const stage = stageEl.value;
    const options = map[stage] || ['Open'];

    statusEl.innerHTML = '';
    for (const s of options){
      const opt = document.createElement('option');
      opt.value = s;
      opt.textContent = s;
      statusEl.appendChild(opt);
    }

    // keep current stage status if still valid
    if (currentStatus && options.includes(currentStatus)) {
      statusEl.value = currentStatus;
    }

    // auto-set overall status based on stage
    overallEl.value = deriveOverall(stage);
  }

  stageEl.addEventListener('change', fillStatuses);
  fillStatuses();
})();
</script>
        </div>

      </div>
    </div>
  </div>

  <div class="col-12 col-lg-4">
    <div class="card shadow-sm">
      <div class="card-body">
        <h6 class="mb-2">Activity</h6>
        <div class="timeline">
          <?php foreach ($logs as $l): ?>
            <div class="border-bottom py-2">
              <div class="small"><strong><?= e($l['action']) ?></strong> <span class="text-muted">by <?= e($l['actor_name'] ?? '-') ?></span></div>
              <div class="text-muted small"><?= e($l['created_at']) ?></div>
            </div>
          <?php endforeach; ?>
        </div>
      </div>
    </div>
  </div>
</div>
