22

✏️ Editing: cc_sup.php

<?php $view='dashboard/cc_sup.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 Supervisor 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">Team 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 Success<br><strong><?= (int)($k['contacted_success'] ?? 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>

<div class="row g-3 mt-1">
  <div class="col-12 col-lg-6"><div class="card shadow-sm"><div class="card-body">
    <h6>Leads by Agent</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>Contact Success % by Agent</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>Qualification % by Agent</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>Lead Status Distribution</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>Disqualify Reasons</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>Vehicle of Interest</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">Agent Performance</h6>
      <div class="table-responsive">
        <table class="table table-sm align-middle">
          <thead><tr><th>Agent</th><th class="text-end">Leads</th><th class="text-end">Contacted</th><th class="text-end">Qualified</th><th class="text-end">Disq</th></tr></thead>
          <tbody>
          <?php foreach (($data['table_agents'] ?? []) as $r): ?>
            <tr>
              <td><?= e($r['label']) ?></td>
              <td class="text-end"><?= (int)$r['leads'] ?></td>
              <td class="text-end"><?= (int)$r['contacted'] ?></td>
              <td class="text-end"><?= (int)$r['qualified'] ?></td>
              <td class="text-end"><?= (int)$r['disqualified'] ?></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 Team Leads</h6>
      <div class="table-responsive">
        <table class="table table-sm align-middle">
          <thead><tr><th>#</th><th>Agent</th><th>Status</th><th>Vehicle</th><th>City</th></tr></thead>
          <tbody>
          <?php foreach (($data['table_recent'] ?? []) 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['agent_name'] ?? '-') ?></td>
              <td><?= e($r['status'] ?? '-') ?></td>
              <td><?= e($r['vehicle_of_interest'] ?? '-') ?></td>
              <td><?= e($r['lead_city'] ?? '-') ?></td>
            </tr>
          <?php endforeach; ?>
          </tbody>
        </table>
      </div>
    </div></div>
  </div>
</div>

<?php chart_js('c1','bar', array_map(fn($r)=>['label'=>$r['label'],'val'=>$r['leads']], $data['chart_by_agent'] ?? []), 'Leads'); ?>
<?php chart_js('c2','bar', $data['chart_contact_rate'] ?? [], 'Contact %'); ?>
<?php chart_js('c3','bar', $data['chart_q_rate'] ?? [], 'Qualification %'); ?>
<?php chart_js('c4','pie', $data['chart_status'] ?? [], 'Count'); ?>
<?php chart_js('c5','bar', $data['chart_disq'] ?? [], 'Count'); ?>
<?php chart_js('c6','bar', $data['chart_vehicle'] ?? [], 'Leads'); ?>

MR SKB