<link rel="stylesheet" href="<?= base_url('assets/admin/chosen_js/chosen.css'); ?>">
<style type="text/css">
    .chosen-container, .chosen-container-single{
        width: 100% !important;
    }

    .table>tbody>tr>td>.chosen-container{
        width: 100% !important;
    }

@media only screen and (min-width: 768px) {
    .dataTables_filter {
        text-align: right;
    }
    .dataTables_paginate {
        text-align: right;
    }
    .dataTables_info {
        padding-top: 25px;
    }
}
</style>

<div class="row">
    <div class="col-sm-12">
        <p>
            <a href="<?= base_url('admin/pembelian'); ?>">
                <i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke Administrasi Pembelian
            </a>
        </p><br>
        <h2>List Pemesanan</h2>
        <?= $this->session->flashdata('success'); //to display success message ?> 
        <?= $this->session->flashdata('result'); //to display result message ?> 
    </div><!-- end class="col-sm-12" -->
</div> <!-- end row -->

<form method="post" action="javascript:void(0);" id="filterData">
<div class="row">
    <div class="col-md-12 col-xs-12" style="border:1px solid #ccc; padding: 10px 0;">
        <div class="col-md-12 col-xs-12">
            <h3>Cari Pembelian</h3>
            <div class="form-group row">
                <div class="col-md-12 col-xs-12">
                    <label for="NoPemesanan" class="col-sm-2 col-form-label">No. Pemesanan</label>
                    <div class="col-sm-10">
                        <input class="form-control" type="text" id="noPemesanan" placeholder="Enter Transaction Number">
                    </div>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-md-12 col-xs-12">
                    <label for="NoPemesanan" class="col-sm-2 col-form-label">Status</label>
                    <div class="col-sm-10">
                        <select id="statusPemesanan" class="form-control">
                            <option value="">Status Filter</option>
                            <option value="1">Draf</option>
                            <option value="2">Buka</option>
                            <option value="3">Disetujui</option>
                            <option value="4">Ditolak</option>
                            <option value="5">Tutup</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-md-12 col-xs-12">
                    <label for="Product" class="col-sm-2 col-form-label">Produk</label>
                    <div class="col-sm-10">
                        <select class="chosen-select select_product" id="idproduct" required>
                            <option value="0" selected> Pilih Produk ...  </option>
                            <?php foreach($product as $result){ ?>
                                <option value="<?php echo $result->id_products; ?>"><?php echo $result->product_code; ?> - <?php echo $result->title; ?></option>
                            <?php } ?>
                        </select>
                    </div>
                </div>
            </div>
            <div class="form-group row">
                <div class="col-md-12 col-xs-12">
                    <label for="Supplier" class="col-sm-2 col-form-label">Nama Supplier</label>
                    <div class="col-sm-10">
                        <select class="chosen-select select_supplier" id="idSupplier" required>
                            <option value="0" selected> Pilih Supplier ...  </option>
                            <?php foreach($supplier as $result){ ?>
                                <option value="<?php echo $result->id; ?>"><?php echo $result->supplier_name; ?></option>
                            <?php } ?>
                        </select>
                    </div>
                </div>
            </div>
            <div class="col-md-12 col-xs-12" style="margin: 5px 0;">
                <input  class="btn btn-primary form-control" type="submit" name="submit" value="Filter">
            </div>
            <div class="col-md-12 col-xs-12" style="margin: 5px 0; text-align: right;">
                <a href="<?php echo base_url('admin/pembelian/pemesanan'); ?>" style="color:#f00">Reset Form Pencarian</a>
            </div>
        </div><!-- end class="col-sm-12" -->
    </div>
</div> <!-- end row -->   
</form>

<div class="row">
    <div class="col-md-12" id="table">

        <table class="table table-striped table-desa" style="width:100%">
            <thead>
                <tr>
                    <th style="width:50px">No</th>
                    <th>No. Pemesanan</th>
                    <th>Tanggal Pemesanan</th>
                    <th>Supplier</th>
                    <th>Tgl jt.Tempo</th>
                    <th>Status Pemesanan</th>
                    <th>Total</th>
                    <th>Gudang</th>
                    <th>Dibuat oleh</th>
                </tr>
            </thead>
        </table>

    </div>
</div>

<script type="text/javascript" src="<?php echo base_url('assets/admin/js/jquery.dataTables.js') ?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/admin/js/dataTables.bootstrap.js') ?>"></script>
<script src="<?= base_url('assets/admin/chosen_js/chosen.jquery.js'); ?>" type="text/javascript"></script>
<script src="<?= base_url('assets/admin/chosen_js/prism.js'); ?>" type="text/javascript" charset="utf-8"></script>
<script src="<?= base_url('assets/admin/chosen_js/init.js'); ?>" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
$(document).ready(function(){
    $( "#filterData" ).submit(function() {
        var noTransaksi = $('#noPemesanan').val();
        var statusPemesanan = $('#statusPemesanan').val();
        var idproduct = $('#idproduct').val();
        var idSupplier = $('#idSupplier').val();

        $('#table').html('<table class="table table-striped table-desa" style="width:100%"><thead><tr><th style="width:50px">No</th><th>No. Pemesanan</th><th>Tanggal Pemesanan</th><th>Supplier</th><th>Tgl jt.Tempo</th><th>Status Pemesanan</th><th>Total</th><th>Warehouse</th><th>Created By</th></tr></thead></table>');

        $(".table-desa").DataTable({
            ordering: false,
            responsive: {
                Warehouse: false
            },
            pageLength: 100,
            processing: true,
            serverSide: true,
            ajax: {
              url: "<?php echo base_url('admin/pembelian/alldata') ?>",
              data: {
                '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>',
                'noTransaksi' : noTransaksi,
                'statusPemesanan' : statusPemesanan,
                'idproduct' : idproduct,
                'idSupplier' : idSupplier
              },
              type:'POST',
            }
        });
    });

    $(".table-desa").DataTable({
        ordering: false,
        responsive: {
            Warehouse: false
        },
        pageLength: 100,
        processing: true,
        serverSide: true,
        ajax: {
          url: "<?php echo base_url('admin/pembelian/alldata') ?>",
          data: {'<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'},
          type:'POST',
        }
    });
});

</script>