
­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
<?php $view='dashboard/br_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">Branch Sales 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 Opps<br><strong><?= (int)($k['opp_total'] ?? 0) ?></strong></div></div>
  <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded">Open<br><strong><?= (int)($k['open_cnt'] ?? 0) ?></strong></div></div>
  <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded">On Hold<br><strong><?= (int)($k['hold_cnt'] ?? 0) ?></strong></div></div>
  <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded">Won<br><strong><?= (int)($k['won_cnt'] ?? 0) ?></strong></div></div>
  <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded">Lost<br><strong><?= (int)($k['lost_cnt'] ?? 0) ?></strong></div></div>
  <div class="col-6 col-lg-3"><div class="p-3 bg-light rounded">Win %<br><strong><?= e($k['win_rate'] ?? 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>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>Stage</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>Stage Status</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>Creation Trend</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>Vehicle of Interest</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>Lost Reasons</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">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>Stage Status</th></tr></thead>
          <tbody>
          <?php foreach (($data['table_recent'] ?? []) 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><?= e($r['stage_status'] ?? '-') ?></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">Recent Contacts</h6>
      <div class="table-responsive">
        <table class="table table-sm align-middle">
          <thead><tr><th>#</th><th>Mobile</th><th>Name</th><th>Status</th></tr></thead>
          <tbody>
          <?php foreach (($data['table_recent_contacts'] ?? []) 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['mobile'] ?? '-') ?></td>
              <td><?= e($r['full_name'] ?? '-') ?></td>
              <td><?= e($r['status'] ?? '-') ?></td>
            </tr>
          <?php endforeach; ?>
          </tbody>
        </table>
      </div>
    </div></div>
  </div>
</div>

<?php chart_js('c1','pie', $data['chart_status'] ?? [], 'Count'); ?>
<?php chart_js('c2','bar', $data['chart_stage'] ?? [], 'Count'); ?>
<?php chart_js('c3','bar', $data['chart_stage_status'] ?? [], 'Count'); ?>
<?php chart_js('c5','bar', $data['chart_vehicle'] ?? [], 'Opps'); ?>
<?php chart_js('c6','bar', $data['chart_lost_reasons'] ?? [], 'Count'); ?>

<script>
(function(){
  const rows = <?= json_encode($data['chart_trend'] ?? [], JSON_UNESCAPED_UNICODE) ?> || [];
  const ctx = document.getElementById('c4');
  if(!ctx) return;
  new Chart(ctx, {
    type: 'line',
    data: { labels: rows.map(x=>x.d), datasets: [{ label: 'Opps', data: rows.map(x=>Number(x.v)) }] },
    options: { responsive:true, maintainAspectRatio:false }
  });
})();
</script>
