<?= view('customer/menu', ['func' => $func, 'db' => $db]) ?>

<main class="wrap">
  <div class="ppob-page">

    <div class="ppob-card">
      <div class="ppob-head" style="text-align:center">
        <div class="ppob-title">Order ID <?= htmlspecialchars($orderid, ENT_QUOTES, 'UTF-8') ?></div>
      </div>
      <div class="nominal-wrap">
        <div class="nominal-item" style="border-bottom:none">
          <div class="nominal-info">
            <p class="nominal-k">Kurir Pengiriman</p>
            <p class="nominal-k"><b><?= strtoupper(strtolower($func->getKurir($transaksi->kurir, "nama", "rajaongkir") . " - " . $transaksi->paket)) ?></b></p>
            <p class="nominal-k" style="margin-top:8px">No Resi Pengiriman</p>
            <p class="nominal-k"><b><?= strtoupper(strtolower($transaksi->resi)) ?></b></p>
            <p class="nominal-k" style="margin-top:8px">Waktu Pengiriman</p>
            <p class="nominal-k"><?= $func->ubahTgl("d M Y H:i", $transaksi->kirim) ?> WIB</p>
          </div>
        </div>
      </div>
    </div>

    <div class="ppob-card ppob-card-soft">
      <div class="ppob-title-sm">Status Pengiriman</div>
      <div class="nominal-wrap" id="load">
        <div class="ppob-empty">Menghubungi ekspedisi, mohon tunggu sebentar...</div>
      </div>
    </div>

  </div>
</main>

<style>
  .tracking {
    margin-left: 13px;
  }

  .task-list {
    list-style: none;
    position: relative;
    padding: 5px 0 0;
  }

  .task-list:after {
    content: "";
    position: absolute;
    background: #ecedef;
    height: 130%;
    width: 2px;
    top: 0;
    left: 30px;
    z-index: 1;
  }

  .task-list li {
    margin-bottom: 10px;
    padding-left: 55px;
    position: relative;
  }

  .task-list li:last-child {
    margin-bottom: 0;
  }

  .bg-c-green {
    background: #1de9b6;
  }

  .task-list li .task-icon {
    position: absolute;
    left: 22px;
    top: 13px;
    border-radius: 50%;
    padding: 2px;
    width: 17px;
    height: 17px;
    z-index: 2;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
  }
</style>

<script type="text/javascript">
  $(function() {
    $("#load").load("<?php echo site_url("assync/lacakiriman?orderid=" . $orderid); ?>");
  });
</script>
