
­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
<?php $view='dashboard/cc_agent.php'; ?>
<?php require __DIR__ . '/_shared.php'; ?>
<?php $k = $data['kpis'] ?? []; ?>

<div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
  <h4 class="mb-0">Call Center Agent Dashboard</h4>
  <?php dash_range_select($config, $range); ?>
</div>

<div class="row g-2">
  <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded">My Leads<br><strong><?= (int)($k['leads_total'] ?? 0) ?></strong></div></div>
  <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded">Contact %<br><strong><?= e($k['contact_rate'] ?? 0) ?>%</strong></div></div>
  <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded">Qualified<br><strong><?= (int)($k['qualified'] ?? 0) ?></strong></div></div>
  <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded">Disqualified<br><strong><?= (int)($k['disqualified'] ?? 0) ?></strong></div></div>
  <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded">Qualification %<br><strong><?= e($k['qualification_rate'] ?? 0) ?>%</strong></div></div>
  <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded">Opportunities<br><strong><?= (int)($k['opp_total'] ?? 0) ?></strong></div></div>
</div>

<div class="row g-3 mt-1">
  <div class="col-12 col-lg-6"><div class="card shadow-sm"><div class="card-body">
    <h6>Lead Status</h6><div style="height:260px;"><canvas id="c1"></canvas></div>
  </div></div></div>
  <div class="col-12 col-lg-6"><div class="card shadow-sm"><div class="card-body">
    <h6>Outcomes</h6><div style="height:260px;"><canvas id="c2"></canvas></div>
  </div></div></div>

  <div class="col-12 col-lg-6"><div class="card shadow-sm"><div class="card-body">
    <h6>Vehicle of Interest</h6><div style="height:260px;"><canvas id="c3"></canvas></div>
  </div></div></div>
  <div class="col-12 col-lg-6"><div class="card shadow-sm"><div class="card-body">
    <h6>Preferred Time</h6><div style="height:260px;"><canvas id="c4"></canvas></div>
  </div></div></div>

  <div class="col-12 col-lg-6"><div class="card shadow-sm"><div class="card-body">
    <h6>Purchase Time</h6><div style="height:260px;"><canvas id="c5"></canvas></div>
  </div></div></div>
  <div class="col-12 col-lg-6"><div class="card shadow-sm"><div class="card-body">
    <h6>Lead City</h6><div style="height:260px;"><canvas id="c6"></canvas></div>
  </div></div></div>
</div>

<div class="row g-3 mt-1">
  <div class="col-12 col-lg-6">
    <div class="card shadow-sm"><div class="card-body">
      <h6 class="mb-2">My Recent Leads</h6>
      <div class="table-responsive">
        <table class="table table-sm align-middle">
          <thead><tr><th>#</th><th>Status</th><th>Vehicle</th><th>City</th><th>Date</th></tr></thead>
          <tbody>
          <?php foreach (($data['table_recent_leads'] ?? []) as $r): ?>
            <tr>
              <td><a href="<?= e(base_url($config,'/index.php?r=leads/view&id='.(int)$r['id'])) ?>">#<?= (int)$r['id'] ?></a></td>
              <td><?= e($r['status'] ?? '-') ?></td>
              <td><?= e($r['vehicle_of_interest'] ?? '-') ?></td>
              <td><?= e($r['lead_city'] ?? '-') ?></td>
              <td class="text-muted small"><?= e($r['created_at'] ?? '') ?></td>
            </tr>
          <?php endforeach; ?>
          </tbody>
        </table>
      </div>
    </div></div>
  </div>

  <div class="col-12 col-lg-6">
    <div class="card shadow-sm"><div class="card-body">
      <h6 class="mb-2">My Recent Opportunities</h6>
      <div class="table-responsive">
        <table class="table table-sm align-middle">
          <thead><tr><th>#</th><th>Status</th><th>Stage</th><th>Date</th></tr></thead>
          <tbody>
          <?php foreach (($data['table_recent_opps'] ?? []) as $r): ?>
            <tr>
              <td><a href="<?= e(base_url($config,'/index.php?r=opps/view&id='.(int)$r['id'])) ?>">#<?= (int)$r['id'] ?></a></td>
              <td><?= e($r['status'] ?? '-') ?></td>
              <td><?= e($r['stage'] ?? '-') ?></td>
              <td class="text-muted small"><?= e($r['created_at'] ?? '') ?></td>
            </tr>
          <?php endforeach; ?>
          </tbody>
        </table>
      </div>
    </div></div>
  </div>
</div>

<?php chart_js('c1','pie', $data['chart_status'] ?? [], 'Count'); ?>
<?php chart_js('c2','pie', $data['chart_outcomes'] ?? [], 'Count'); ?>
<?php chart_js('c3','bar', $data['chart_vehicle'] ?? [], 'Leads'); ?>
<?php chart_js('c4','bar', $data['chart_pref_time'] ?? [], 'Leads'); ?>
<?php chart_js('c5','bar', $data['chart_purchase_time'] ?? [], 'Leads'); ?>
<?php chart_js('c6','bar', $data['chart_city'] ?? [], 'Leads'); ?>
