Default page

Viewing : list.php

<style type="text/css">
  td a {
    cursor: pointer;
  }
</style>
<!-- Content Header (Page header) -->
<div class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1 class="m-0"><?=$title?></h1>
      </div><!-- /.col -->
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
          <li class="breadcrumb-item active"><?=$li_1?></li>
        </ol>
      </div><!-- /.col -->
    </div><!-- /.row -->
  </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
  <div class="container-fluid">
    <div class="row">
        <div class="col-sm-12 col-md-8">
          <div class="card">
            <div class="card-header">
              <span class="card-title">Form Transaksi Siswa</span>
            </div>
            <div class="card-body">
                <?php
                  foreach ($pd as $siswa) {
                    $s['options'][] = $siswa->nama.' - '.$siswa->kelas.$siswa->rombel.' ('.$siswa->nis.')';
                    $s['value'][] = $siswa->id;
                  }
                  for ($i=2025; $i < 2030; $i++) {
                    $tahun['options'][] = $i;
                    $tahun['value'][] = $i;
                  }
                  echo form_select('siswa', $s);
                  echo form_select('tahun', $tahun);
                ?>
            </div>
            <div class="card-footer">
              <div align="center"><a id="find" class="btn btn-sm btn-primary">Find</a></div>
            </div>
          </div>
        </div>
        <div class="col-sm-12 col-md-4">
          <div class="card">
            <form method="post" enctype="multipart/form-data" action="<?=base_url('transaksi/add')?>"><?=csrf_field()?>
              <div class="card-header">
                <span class="card-title">Keranjang</span>
              </div>
              <div class="card-body">
                <table class="table table-bordered table-striped">
                  <thead>
                    <tr>
                      <td>Nama</td>
                      <td>Jumlah</td>
                      <td>Aksi</td>
                    </tr>
                  </thead>
                  <tbody id="ck">
                    
                  </tbody>
                  <tfoot>
                    <tr style="font-weight: bold">
                      <td align="center">Total</td>
                      <td id="total" align="right"></td>
                      <input class="d-none" value="0" id="itotal">
                    </tr>
                  </tfoot>
                </table>
              </div>
              <div class="card-footer">
                <div align="right"><button type="submit" class="btn btn-sm btn-success">Chekout</button></div>
              </div>
            </form>
          </div>
        </div>
    </div>
    <div class="row" id="dt">
      <div class="col-12">
          <div class="card">
            <div class="card-header">
              <span class="card-title">Daftar Tagihan</span>
              <div class="card-tools">
              </div>
            </div>
            <div class="card-body">
              <table class="table table-bordered table-striped">
                <thead style="text-align: center; font-weight: bold; vertical-align: middle;">
                  <tr>
                    <th>Nama</th>
                    <?php
                      for($i=7; $i<13; $i++){
                        echo '<th>'.$i.'-2025</th>';
                      }
                      for($i=1; $i<7; $i++){
                        echo '<th>'.$i.'-2026</th>';
                      }
                    ?>
                  </tr>
                </thead>
                <tbody id="isi">
                  
                </tbody>
              </table>
            </div>
          </div>
        </div>
    </div>
  </div><!-- /.container-fluid -->
</section>
</div>
<script type="text/javascript">
  let csrfName = $('input[name="Buyas_APPS"]').attr('name'); // Nama token
  let csrfTokenHash = $('input[name="Buyas_APPS"]').val(); // Nilai token
  console.log(csrfTokenHash);
  $(document).ready(function(){
    $('.select2').select2({
      theme: 'bootstrap4'
    })
    
    $('#find').click(function(){
      const id = $('#form_siswa').val();
      const tahun = $('#form_tahun').val();
      $.ajax({
        url : "<?=base_url('transaksi/get_tagihan_pd')?>",
        method : "POST",
        dataType : "JSON",
        data : {
          id_pd : id,
          id_sp : "<?=session('id_sp')?>",
          tahun : tahun,
          [csrfName] : csrfTokenHash


        },
        success : function(d){
          $('#isi').html(d.html);
          csrfTokenHash = d.csrf_token_hash;
          console.log(csrfTokenHash)
          $('input[name="Buyas_APPS"]').val(csrfTokenHash);

        }
      })
    })
  })

  let totalHarga = 0;
  // Fungsi untuk memperbarui total harga
  function updateTotal() {
    $("#itotal").val(totalHarga);
    $('#total').html(formatRupiah(totalHarga));

  }

  function pilih(id_t){
    const t = parseInt($('#itotal').val());
    $.ajax({
      url : "<?=base_url('transaksi/get_tagihan_detail')?>/" + id_t,
      method : "GET",
      dataType : "JSON",
      success : function(d){
        let harga = parseInt(d.dt.jumlah);
        totalHarga += harga;
        $('#ck').append(d.html);
        updateTotal();
      }
    })
  }

  function formatRupiah(angka) {
    return new Intl.NumberFormat('id-ID', {
      style: 'currency',
      currency: 'IDR',
      minimumFractionDigits: 0
    }).format(angka);
  }

  $(document).on("click", ".remove-item", function() {
    let itemRow = $(this).closest("tr");
    let hargaItem = parseInt(itemRow.find(".harga-cicil").val());
    
    totalHarga -= hargaItem;
    updateTotal();
    console.log(hargaItem);
    itemRow.remove();
  });

  $(document).on("input", ".harga-cicil", function() {
    let input = $(this);
    let hargaBaru = parseInt(input.val());
    let hargaAwal = parseInt(input.data("harga-awal"));
    console.log(totalHarga);
    // Mendapatkan baris (tr) yang terkait
    let itemRow = input.closest("tr");
    
    // Mendapatkan harga lama dari atribut data di baris
    // Ini penting, karena harga di tr yang akan kita ganti!
    let hargaLama = parseInt(itemRow.data("harga-cicil") || hargaAwal);

    // Hitung ulang total harga dari semua item di keranjang
    let newTotal = 0;
    $("#ck .harga-cicil").each(function() {
      newTotal += parseInt($(this).val()) || 0;
    });

    // Perbarui totalHarga global
    totalHarga = newTotal;
    
    // Perbarui harga cicilan di atribut data
    itemRow.data("harga-cicil", hargaBaru);

    // Perbarui tampilan total
    updateTotal();
  });
</script>