Default page

Viewing : detail.php

<div class="d-flex justify-content-between align-items-sm-center flex-column flex-sm-row mb-3">
    <div class="me-4 mb-3 mb-sm-0">
        <h1 class="mb-0"><?=$title?></h1>
    </div>
</div>

<div class="row">
    <div class="col-12 mb-4">
        <div class="card border-start-lg border-start-primary h-100 card card-header-actions">
            <div class="card-header">
                <div id="export"></div>
                <div class="card-tools">
                    <a class="btn btn-warning btn-sm" data-bs-toggle="modal" data-bs-target="#transaksi">Pencairan Dana</a>
                    <a class="btn btn-success btn-sm" href="<?=base_url('beasiswa/form/'.dc($beasiswa->id))?>">Download Form</a>
                    <a class="btn btn-primary btn-sm" onclick="edit('<?=$beasiswa->id?>')">Tambah</a>              
                </div>
            </div>                                               
            <div class="card-body">
                <table id="myTable" class="table table-striped table-bordered" style="width:100%">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>NIM</th>
                            <th>Nama</th>
                            <th>SMT</th>
                            <th>Jurusan</th>
                            <th>Pembayaran</th>
                            <th>Jumlah</th>
                            <th>Pencairan</th>
                            <th>Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php
                            $no =1;
                            foreach ($table as $k) {
                                $status = $transaksi[$k->id][$k->smt] ?? 0;
                                echo '
                                <tr>
                                    <td>'.$no++.'</td>
                                    <td>'.$k->nim.'</td>
                                    <td>'.$k->nm_mhs.'</td>
                                    <td>'.$k->smt.'</td>
                                    <td>'.jur($k->jurusan).'</td>
                                    <td>'.$beasiswa->nama_pembayaran.'</td>
                                    <td>'.number_format($beasiswa->jumlah).'</td>
                                    <td>'.number_format($status).'</td>
                                    <td align="center">
                                        <a class="btn btn-sm btn-danger" onclick="hapus(`'.base_url().'beasiswa/hapusPenerima/'.dc($k->id_p).'`)">Hapus</a>
                                    </td>
                                </tr>
                                ';
                            }
                        ?>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="add" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <form method="post" id="form_<?=$title?>" action="<?=base_url('beasiswa/addPenerima')?>" enctype="multipart/form-data">
                <div class="modal-header">
                    <h5 class="modal-title">Form <?=$title?></h5>
                    <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="text" name="data_id" class="d-none" id="data_id" value="<?=$beasiswa->id?>">
                    <?php
                        echo csrf_field();
                        echo form_select('tahun akademik', opt_ta());
                        echo form_file('file');
                    ?>
                </div>
                <div class="modal-footer"><button class="btn btn-primary" type="submit">Save</button></div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" id="transaksi" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <form method="post" id="form_<?=$title?>" action="<?=base_url('beasiswa/transaksi')?>" enctype="multipart/form-data">
                <div class="modal-header">
                    <h5 class="modal-title">Form Pencairan Dana Beasiswa</h5>
                    <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <input type="text" name="data_id" class="d-none" id="data_id" value="<?=$beasiswa->id?>">
                    <?php
                        echo csrf_field();
                        echo form_date('tgl');
                    ?>
                </div>
                <div class="modal-footer"><button class="btn btn-primary" type="submit">Save</button></div>
            </form>
        </div>
    </div>
</div>


<script type="text/javascript">
    $(document).ready(function(){
        var table = $('#myTable').DataTable({
            dom: 'Bfrtip', 
            buttons: [
                
                // Tombol Excel
                {
                    extend: 'excelHtml5',
                    exportOptions: {
                        columns: ':not(:last-child)' // Pengecualian kolom terakhir
                    },
                    className: 'btn btn-primary btn-sm',
                },
                
                // Tombol PDF
                {
                    extend: 'pdfHtml5',
                    exportOptions: {
                        columns: ':not(:last-child)' // Pengecualian kolom terakhir
                    },
                    className: 'btn btn-primary btn-sm',
                },
                // Tombol Print (Sering juga ditambahkan pengecualian untuk kolom yang tidak terlihat)
                {
                    extend: 'print',
                    exportOptions: {
                        columns: ':visible:not(:last-child)' // Pengecualian kolom terakhir & kolom tersembunyi
                    },
                    className: 'btn btn-primary btn-sm',
                }
            ]
        });

        table.buttons().container().appendTo('#export');

        $('#form_tgl').datetimepicker({
            // PROPERTI BARU YANG PENTING:
            viewMode: 'days', // Memastikan tampilan awal adalah Kalender Hari
            sideBySide: true, // [OPSIONAL] Menampilkan kalender dan jam secara berdampingan
            defaultDate: moment(),
            // 1. Format Tanggal/Waktu
            format: 'YYYY-MM-DD HH:mm:ss',
            // 2. Bahasa (Moment.js harus support)
            locale: 'id', 
            // 3. PENTING UNTUK MODAL: 
            // Set widgetParent ke modal-content atau modal-body
            // (Targetkan kontainer utama modal Anda)
            widgetParent: $('#tag_tgl'), 
            // 4. Atur z-index manual (opsional, jika widgetParent tidak cukup)
            widgetPositioning: {
                horizontal: 'auto',
                vertical: 'bottom'
            },
        });
    })

    function edit(id){
        $('#add').modal('show');
    }

</script>