<section class="content-header">
    <h1>Stock In
        <small>Barang Masuk/Pembelian</small>
    </h1>

    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i></a></li>
        <li>Transaction</li>
        <li class="active">Stock In</li>
    </ol>
</section>

<section class="content">
    <?php $this->view('messages') ?>
    <div class="box">
        <div class="box-header">
            <h3 class="box-title">Data Stock</h3>
            <div class="pull-right">
                <a href="<?= site_url('stock/in/add') ?>" class="btn btn-primary btn-flat">
                    <i class="fa fa-plus"></i>Add Stock In
                </a>
            </div>
        </div>

        <div class="box-body table-responsive">
            <table class="table table-bordered table-striped" id="table1">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Barcode</th>
                        <th>Product Item</th>
                        <th>Qty</th>
                        <th>Date</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    <?php $no = 1;
                    foreach ($row as $key => $data) { ?>
                        <tr>
                            <td style="width:5%;"><?= $no++ ?>.</td>
                            <td><?= $data->barcode ?></td>
                            <td><?= $data->item_name ?></td>
                            <td class="text-right"><?= $data->qty ?></td>
                            <td class="text-center"><?= indo_date($data->date) ?></td>
                            <td class="text-center" width="160px">
                                <a id="set_dtl" class="btn btn-default btn-xs" data-toggle="modal" data-target="#modal-detail" data-barcode="<?= $data->barcode ?>" data-itemname="<?= $data->item_name ?>" data-detail="<?= $data->detail ?>" data-suppliername="<?= $data->supplier_name ?>" data-qty="<?= $data->qty ?>" data-date="<?= indo_date($data->date) ?>">
                                    <i class="fa fa-eye"></i> Details
                                </a>
                                <a href="<?= site_url('stock/in/del/' . $data->stock_id . '/' . $data->item_id) ?>" onclick="return confirm('Apakah Anda Yakin Hapus Data?')" class="btn btn-danger btn-xs">
                                    <i class="fa fa-trash"></i>Delete
                                </a>
                            </td>
                        </tr>
                    <?php
                    } ?>
                </tbody>
            </table>
        </div>
    </div>
</section>

<div class="modal fade" id="modal-detail">
    <div class="modal-dialog modal-sm">
        <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>
                <h4 class="modal-title">Stock In Detail</h4>
            </div>
            <div class="modal-body table-responsive">
                <table class="table table-bordered no-margin">
                    <tbody>
                        <tr>
                            <th style="width:30%">Barcode</th>
                            <td><span id="barcode"></span>
                            </td>
                        </tr>
                        <tr>
                            <th>Item Name</th>
                            <td><span id="itemname"></span>
                            </td>
                        </tr>
                        <tr>
                            <th>Detail</th>
                            <td><span id="detail"></span>
                            </td>
                        </tr>
                        <tr>
                            <th>Supplier Name</th>
                            <td><span id="suppliername"></span>
                            </td>
                        </tr>


                        <tr>
                            <th style>Qty</th>
                            <td><span id="qty"></span> <label  id="peringatan"/>
                            </td>
                        </tr>



                        <tr>
                            <th style>Date</th>
                            <td><span id="date"></span>
                            </td>
                        </tr>

                         <tr>
                            <td>
                                <button type="submit" name="submit" class="btn btn-primary" >Simpan Data</button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function() {
        $(document).on('click', '#set_dtl', function() {
            var barcode = $(this).data('barcode');
            var itemname = $(this).data('itemname');
            var detail = $(this).data('detail');
            var suppliername = $(this).data('suppliername');
            var qty = $(this).data('qty');
            var date = $(this).data('date');
            $('#barcode').text(barcode);
            $('#itemname').text(itemname);
            $('#detail').text(detail);
            $('#suppliername').text(suppliername);
            $('#qty').text(qty);
            $('#date').text(date);
            $('#detail').text(detail);
        })
    })

   var sisa;


    $('#qty').on('input', function() {

                     v_itemname = $("#itemname").val();
                     url = "<?php echo site_url('stock_out/get_sisa')?>" + '/' + v_itemname ;
                     $.ajax({ url: url,
                        type: 'GET',
                        dataType: 'json',
                        success: function(result) {

                                        console.log(result.qty);

                                        sisa = result.qty -  $('#qty').val();


                                        console.log(sisa);

                                        if (sisa < 0) {



                                            $(":submit").attr("disabled", true);
                                            $('#peringatan').text('Jumlah melebihi stok').css("color", "red");
                                        }
                                        else
                                        {
                                             $(":submit").removeAttr("disabled");
                                              $('#peringatan').text('');
                                        }


                                }
                        });

        });


</script>