

        <!-- [ breadcrumb ] start -->
        <div class="page-header">
          <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light"><?= titleApp() ?> /</span> <?= $title ?></h4>
        </div>
        <!-- [ breadcrumb ] end -->


        <!-- [ Main Content ] start -->
        <div class="row">
          <!-- [ sample-page ] start -->
          <div class="col-sm-12">
            <div class="card">
              <div class="card-header">
                <div class="d-flex justify-content-between">
                  <div>
                    <h5 class="mb-1"><?= $title ?></h5>
                    <span class="text-primary">Infromasi dan bantuan dari aplikasi dapat anda lihat di menu ini</span>
                  </div>
                </div>
              </div>
              <div class="card-body px-2">
                <div class="row mx-0 px-1 mt-2">

                  <div class="col-12 row px-0 mx-0 mb-3">
                    <div class="col-md-10 col-12">
                      <h6 style="margin-bottom: 3px;">Tipe Aplikasi</h6>
                        <span style="font-size: 14px;">
                        <?= getDescriptionTypeApp() ?></span>
                    </div>
                    <div class="col-12 col-md-2 d-flex justify-content-md-center align-items-md-center pt-3 pt-md-3 mt-2 mt-md-0">
                        <?= getBadgeTypeApp() ?>
                    </div>
                  </div>
                  <hr>


                  <div class="col-12 row px-0 mx-0 mb-3">
                    <div class="col-md-10 col-12">
                      <h6 style="margin-bottom: 3px;">Masa Aktif</h6>
                      <span style="font-size: 14px;">Masa aktif aplikasi berikut ini akan habis sesuai dengan tanggal disamping </span>
                    </div>
                    <div class="col-12 col-md-2 d-flex justify-content-md-center align-items-md-center pt-3 pt-md-3 mt-2 mt-md-0">
                        <?= getExpairedApp() ?>
                    </div>
                  </div>
                  <hr>


                  <div class="col-12 row px-0 mx-0 mb-3">
                    <div class="col-md-10 col-12">
                      <h6 style="margin-bottom: 3px;">Kontak Bantuan</h6>
                      <span style="font-size: 14px;">Jika Anda mengalami kendala atau memiliki pertanyaan, jangan ragu untuk menghubungi kami melalui nomor telepon yang tertera di samping.</span>
                    </div>
                    <div class="col-12 col-md-2 d-flex justify-content-md-center align-items-md-center pt-3 pt-md-3 mt-2 mt-md-0">
                        <span>
                          <a href="https://wa.me/<?= CONTACT_62 ?>" class="text-success d-flex align-items-center" target="_blank"> <i class='bx bxl-whatsapp me-1'></i> <?= CONTACT ?></a>
                        </span>
                    </div>
                  </div>

                </div>

              </div>
            </div>
          </div>



      <!-- Modal -->
      <div class="modal fade px-0 mx-0" id="modal_add" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg ps-0 mx-0 mx-md-auto">
          <div class="modal-content">

          </div>
        </div>
      </div>
      </div>


      <!-- Modal -->
      <div class="modal fade px-0 mx-0" id="modal_edit" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg ps-0 mx-0 mx-md-auto">
          <div class="modal-content">

          </div>
        </div>
      </div>
</div>