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

<main class="wrap">
  <div class="ppob-page">
    <div class="ppob-card">
      <div class="ppob-head">
        <div class="ppob-title">Token PLN</div>
        <div class="ppob-subtitle">Masukkan ID pelanggan / nomor meter untuk cek data pelanggan.</div>
      </div>

      <form action="<?= site_url("ppob/tokenpln") ?>" method="POST">
        <input type="hidden" name="<?= csrf_token(); ?>" value="<?= csrf_hash(); ?>" style="display: none">

        <div class="phone-field">
          <div class="phone-icon" aria-hidden="true">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none">
              <path d="M4 21V8a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v13" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
              <path d="M9 21v-6h6v6" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
              <path d="M9 12h6" stroke="currentColor" stroke-width="1.7" stroke-linecap="round"/>
            </svg>
          </div>

          <div class="phone-input-wrap">
            <label class="phone-label" for="nopelanggan">ID Pelanggan / No Meter</label>
            <input class="phone-input" type="text" id="nopelanggan" name="nopelanggan" placeholder="Contoh: 5212345678" required>
            <div class="phone-help">Pastikan ID pelanggan sudah benar sebelum cek.</div>
          </div>

          <button class="btn-cek" type="submit">Cek</button>
        </div>
      </form>
    </div>
  </div>
</main>
