
        <!-- [ 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 class="pe-5 pe-md-0">
                    <h5 class="mb-1"><?= $title ?></h5>
                    <span>Kelola data <?= strtolower($title) ?> kamu disini</span>
                  </div>

                    <div>

                      <button class="btn btn-success d-none d-md-inline-block me-1 btn-export"data-type="EXCEL">
                        <span><i class='bx bx-file'></i></span>
                        <span class="d-none d-md-inline-block">EXCEL</span>
                      </button>
                      <button class="btn btn-danger d-none d-md-inline-block me-1 btn-export"data-type="PDF">
                        <span><i class='bx bx-file'></i></span>
                        <span class="d-none d-md-inline-block ">PDF</span>
                      </button>

                    <?php if(getAccessMenu(4,"is_create", session()->get('role_id'))): ?>
                      <button class="btn btn-primary" id="btn_add">
                        <span><i class='bx bx-plus'></i></span>
                        <span class="d-none d-md-inline-block">Tambah <?= $title ?></span>

                      </button>
                    <?php endif; ?>
                    
                    </div>

                </div>
              </div>
              <div class="card-body">
                <div></div>
                <div class="w-100">
                  <div class="table-responsive">
                      <table class="table table-borderless border-bottom w-100" id="datatable">
                        <thead>
                          <tr>
                            <th class="text-nowrap">No</th>
                            <th class="text-nowrap ">Nama</th>
                            <th class="text-nowrap ">Desa</th>
                            <th class="text-nowrap ">Telepon</th>
                            <th class="text-nowrap ">Paket Internet</th>
                            <th class="text-nowrap text-center">Pilihan</th>
                          </tr>
                        </thead>
                        <tbody>
                          
                        </tbody>
                      </table>
                    </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>




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

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


      <!-- Modal -->
      <div class="modal fade px-0 mx-0 px-0 mx-0" id="modal_filter_export" 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">


            <form id="export_data">

              <div class="modal-header">
                <h1 class="modal-title fs-4">Filter Data</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
              </div>
              <div class="modal-body px-0">
                    
                <div class="w-100 row px-0 mx-0 ">

                  <input type="hidden" name="type_export" id="type_export" class="h-0 w-0 d-none">

                  <div class="row col-12 mx-0 px-2">
                    <div class=" col-12 mb-3">
                      <label for="year" class="ps-1 mb-1">Tahun </label>
                      <select class="form-control select2" name="year" id="year" style="width: 100%">
                        <option value="">Pilih Tahun</option>
                      </select>
                    </div>
                  </div>



                  <div class="col-12 mx-0 mb-3" style="padding: 0 20px;">
                    <label for="village" class="ps-1 mb-1">Desa </label>
                    <select class="form-control select2" name="village" id="village" style="width: 100%">
                      <option value="">Pilih Desa</option>
                    </select>
                  </div>
                  

                </div>

              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                <button type="submit" class="btn btn-primary" >Cetak</button>
              </div>

            </form>



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

</div>