Views

<?php
$this->load->view('template/head');
?>

<!--tambahkan custom css disini-->
<!-- Date Picker -->
<link href="<?php echo base_url('assets/AdminLTE-2.0.5/plugins/datepicker/datepicker3.css') ?>" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url('assets/colorbox.min.css') ?>" rel="stylesheet" type="text/css" />
<?php
$this->load->view('template/topbar');
$this->load->view('template/sidebar');
?>

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        Dashboard
        <small>Jurnal Umum</small>
    </h1>
</section>

<!-- Main content -->
<section class="content">
    <!-- Main row -->
   <div class="container">
   <div class="row clear_fix">
</div>

<div class="row clear_fix">
    <div class="col-md-12">
    <button onClick="add_data()" class="btn btn-success">Tambah Jurnal</button>

        <div id="response"></div>

        <table class="table">
            <thead><tr><th>No</th><th>No Jurnal</th><th>Tanggal</th><th>No Bukti</th><th>Nama Rekening</th><th>Keterangan</th><th>Debet</th><th>Kredit</th><th>Action</th></tr></thead>
            <tbody id="fillgrid">
                <?php
                    $no = 1;
                    $jum_debet=0;
                    $jum_kredit=0;
                    $edit = base_url().'jurnal_umum/edit';
                    $delete = base_url().'jurnal_umum/delete';
                    foreach ($data_jurnal as $lihat) {
                       echo "<tr>
                        <td>".$no."</td>
                        <td>".$lihat->no_jurnal."</td>
                        <td>".$lihat->tanggal."</td>
                        <td>".$lihat->no_bukti."</td>
                        <td>".$lihat->nama_rek."</td>
                        <td>".$lihat->keterangan."</td>
                        <td>".$lihat->debet."</td>
                        <td>".$lihat->kredit."</td>
                        <td><a href='http://localhost/ciadminlte/jurnal_umum/delete/".$lihat->id."' class='btndelete' title='delete' onClick='javascript:return confirm(\"Are you sure to Delete?\")'><i class='glyphicon glyphicon-remove'></i></a></td>
                        </tr>";
                        $no++;
                        $jum_debet = $jum_debet + $lihat->debet;
                        $jum_kredit = $jum_kredit + $lihat->kredit;
                    }
                ?>
                <tr>
                    <td colspan="6" align="right"><b>Total:</b></td>
                    <td><?php echo $jum_debet;?></td>
                    <td><?php echo $jum_kredit;?></td>
                    <td></td>
                </tr>
            </tbody>
            <tfoot></tfoot>
        </table>


    </div>
</div>
</div>
</section><!-- /.content -->


<?php
$this->load->view('template/js');
?>

<!--tambahkan custom js disini-->
<!-- jQuery UI 1.11.2 -->
<script src="<?php echo base_url('assets/js/jquery-ui.min.js') ?>" type="text/javascript"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script type="text/javascript">
  //  $.widget.bridge('uibutton', $.ui.button);
    /////////// jurnal.js
    var save_method;
$(document).ready(function() {

    $('.datepicker').datepicker({
        autoclose: true,
        format: "yyyy-mm-dd",
        todayHighlight: true,
        orientation: "top auto",
        todayBtn: true,
        todayHighlight: true,
    });

    //set input/textarea/select event when change value, remove class error and remove text help block
    $("input").change(function(){
        $(this).parent().parent().removeClass('has-error');
        $(this).next().empty();
    });
    $("textarea").change(function(){
        $(this).parent().parent().removeClass('has-error');
        $(this).next().empty();
    });
    $("select").change(function(){
        $(this).parent().parent().removeClass('has-error');
        $(this).next().empty();
    });

});

    function add_data(){
        save_method = 'add';
        $('#form')[0].reset(); // reset form on modals
        $('.form-group').removeClass('has-error'); // clear error class
        $('.help-block').empty(); // clear error string
        $('#modal_form').modal('show'); // show bootstrap modal
        $('.modal-title').text('Tambah Jurnal'); // Set Title to Bootstrap modal title
    }

    function edit_data(id){
        save_method = 'update';
        $('#form')[0].reset();
        $('.form-group').removeClass('has-error');
        $('.help-block').empty();

        //ajax load data
        $.ajax({
            url: "<?php echo site_url('jurnal_umum/edit/') ?>" + id,
            type: "GET",
            dataType: "JSON",
            success: function(data){
                $('["name=no_jurnal"]').val(data.no_jurnal);
                $('["name=no_bukti"]').val(data.no_bukti);
                $('["name=no_rek"]').val(data.no_rek);
                $('["name=nama_rek"]').val(data.nama_rek);
                $('["name=debet"]').val(data.debet);
                $('["name=kredit"]').val(data.kredit);
                $('["name=tanggal"]').datepicker('update',data.tanggal);
                $('#modal_form').modal('show');//tampilkan modal
                $('.modal-title').text('Edit Jurnal');
            },
            error: function(jqXHR, textStatus, errorThrown){
                alert('Error get data fom ajax');
            }
        });
    }

    function save(){
        $('#btnSave').text('Saving...');
        $('#btnSave').attr('disabled',true);
        var url;

        if(save_method == 'add'){
            url = "<?php echo site_url('jurnal_umum/add')?>";
        } else {
            url = "<?php echo site_url('jurnal_umum/update')?>";
        }
        $.ajax({
            url: url,
            type: "POST",
            data: $('#form').serialize(),
            dataType: "JSON",
            success: function(data){
                if (data.status)  //jika berhasil tutup modal
                {
                    redirect('jurnal_umum');
                    $('#form')[0].reset();
                    $('#modal_form').modal('hide');
                    //reload_table();
                }
                else
                {
                    for (var i = 0; i >= data.inputerror.length; i++)
                    {
                        $('[name="'+data.inputerror[i]+'"]').parent().parent().addClass('has-error');
                        $('[name="'+data.inputerror[i]+'"]').next().text(data.error_string[i]);
                    }
                }
                $('#btnSave').text('Saving');
                $('#btnSave').attr('disabled',false);
            },
            error: function(jqXHR, textStatus, errorThrown){
                alert('Error adding / update data');
            }
        });
    }

    function nama(selectObj) {
       var selectIndex=selectObj.selectedIndex;
       var selectValue=selectObj.options[selectIndex].text;
       var output=document.getElementById("nama_rek");
       //alert(output.innerText);
       output.value=selectValue;
 }

</script>

<!-- datepicker -->
<script src="<?php echo base_url('assets/AdminLTE-2.0.5/plugins/datepicker/bootstrap-datepicker.js') ?>" type="text/javascript"></script>

<!-- Bootstrap modal -->
<div class="modal fade" id="modal_form" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h3 class="modal-title">Tambah Jurnal</h3>
            </div>
            <div class="modal-body form">
                <form action="#" id="form" class="form-horizontal">
                    <input type="hidden" value="" name="id"/>
                    <div class="form-body">
                        <div class="form-group">
                            <label class="control-label col-md-3">No Jurnal</label>
                            <div class="col-md-9">
                                <input name="no_jurnal" placeholder="No Jurnal" class="form-control" type="text" required>
                                <span class="help-block"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3">No Bukti</label>
                            <div class="col-md-9">
                                <input name="no_bukti" placeholder="No bukti" class="form-control" type="text" required>
                                <span class="help-block"></span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-md-3">Pilih Rekening</label>
                            <div class="col-md-9">
                                <select class="form-control" name="no_rek" id="pilih_rek" onchange="nama(this);">
                                <option value="">--Pilih Rekening--</option>
                                <?php foreach($rekening as $row)
                                {
                                  echo '<option value="'.$row->no_rek.'">'.$row->nama_rek.'</option>';
                                }
                                ?>
                                </select>
                            </div>
                        </div>

                        <input type="hidden" name="nama_rek" id="nama_rek">

                        <div class="form-group">
                            <label class="control-label col-md-3">Keterangan</label>
                            <div class="col-md-9">
                                <textarea class="form-control" rows="3" name="keterangan"></textarea>
                                <span class="help-block"></span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-md-3">Debet</label>
                            <div class="col-md-9">
                                <input name="debet" placeholder="Debet" class="form-control" type="text" required>
                                <span class="help-block"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3">Kredit</label>
                            <div class="col-md-9">
                                <input name="kredit" placeholder="Kredit" class="form-control" type="text" required>
                                <span class="help-block"></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-md-3">Tanggal</label>
                            <div class="col-md-9">
                                <input name="tanggal" placeholder="yyyy-mm-dd" class="form-control datepicker" type="text" required>
                                <span class="help-block"></span>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" id="btnSave" onclick="save()" class="btn btn-primary">Save</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- End Bootstrap modal -->
<?php
$this->load->view('template/foot');
?>