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

<div class="row">
    <div class="col-sm-12">
        <?= $this->session->flashdata('error'); //to display success message ?> 
        <p>
            <a href="<?= base_url('admin/invoice'); ?>">
                <i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke daftar pembelian 
            </a>
        </p><br>
    </div>
</div> 
<?php echo form_open('admin/invoice/insertInvoice'); ?>
    <div class="row">
        <div class="col-sm-12">
            <label>Vendor : </label><br>
            <select class="form-control chosen-select select_vendor" name="id_vendor" required>
                <option value="" selected disabled>Pilih Vendor ... </option>
                <?php foreach ($vendors as $vendor):?>
                    <option value="<?= $vendor->id_vendor; ?>"><?= $vendor->vendor; ?> (<?= $vendor->email;?>)</option>
                <?php endforeach; ?>
            </select>
            <span style="float:right;">
                <?= anchor('admin/vendors/add', '<i class="fa fa-plus" aria-hidden="true"></i> TAMBAH VENDOR BARU'); ?>
            </span>
            <?= form_error('customer_id'); ?>
        </div>

        <div class="col-sm-3" style="margin-top: 20px;">
            <label>Gudang : </label><br>
            <select class="form-control select_warehouse" name="id_warehouse" required>
                <option value="" selected disabled>Pilih Gudang ... </option>
                <?php foreach ($warehouses as $warehouse):?>
                    <option value="<?= $warehouse->id; ?>"><?= $warehouse->name; ?></option>
                <?php endforeach; ?>
            </select>
            <?= form_error('warehouse_id'); ?>
        </div>
         <div class="col-sm-3" style="margin-top: 20px;">
            <label>No Invoice : </label><br>
            <p><input type="text" name="no_invoice" required class="form-control"></p>
        </div>
        <!-- <div class="col-sm-3" style="margin-top: 20px;">
            <label>Biaya pengiriman (Rp): </label><br>
            <p><input type="number" name="shipping_fee" required="required" class="form-control" value="0"></p>
        </div> -->
    </div>

    <div class="row" >
        <div class="col-sm-12">
            <div class="">
                <table class="table table-striped" style="margin-bottom: 0px;" id="dynamic_field">
                    <thead>
                        <tr>
                            <th>Produk</th>
                            <th>Kuantitas</th>
                            <th>Harga Beli</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php for($a=1;$a<=20;$a++): ?>
                            <?php if($a==1): ?>
                                <tr id="row<?= $a;?>">
                            <?php else: ?>
                                <tr id="row<?= $a;?>" style="display: none;">
                            <?php endif; ?>
                                <td style="width: 30%">
                                    <select class="chosen-select select_product select_product<?=$a;?>" name="id_produk[]" id="<?=$a;?>">
                                        <option value="" selected disabled>Pilih produk... </option>
                                        <?php foreach ($products as $product): ?>
                                        <option value="<?= $product->product_details_id ?>"><?= $product->title ?> <?= $product->product_attribute ?> <?= $product->attribute_detail ?></option>
                                        <?php endforeach; ?>
                                    </select>
                                </td>
                                <td style="width: 20%">
                                    <input type="number" class="form-control" name="kuantitas[]" id="lol" >
                                </td>
                                <td style="width: 20%">
                                    <input type="number" class="form-control" name="hargabeli[]" id="lol">
                                </td>
                                <td style="width: 10%;text-align: center;">
                                    <?php if($a==1): ?>
                                        <a class="btn_add<?=$a;?>" href="#" id="<?=$a;?>"><i class="fa fa-plus"></i></a>
                                    <?php else: ?>
                                        <a class="btn_add<?=$a;?>" href="#" id="<?=$a;?>"><i class="fa fa-plus" style="padding: 0px 10px;"></i></a>
                                        <a class="btn_remove<?=$a;?>" href="#" id="<?=$a;?>"><i class="fa fa-trash"></i></a>
                                    <?php endif; ?>
                                </td>
                            </tr>
                            <script>
                                $(document).ready(function() {
                                    $('.btn_add<?=$a;?>').click(function(){
                                        var id = $(this).attr("id");
                                        var id_next = parseInt(id)+1;
                                        $('#row'+id_next+'').show();
                                    });
                                    $('.btn_remove<?=$a;?>').click(function(){
                                        var id = $(this).attr("id");
                                        $(".select_product"+id+'').val("0");
                                        $(".sale_price"+id+'').val("");
                                        $(".marketplace_price"+id+'').val("");
                                        $(".qtybeli"+id+'').val("");
                                        $('#row'+id+'').hide();
                                    });
                                });
                            </script>
                        <?php endfor; ?>
                        <!-- for new request -->
                    </tbody> 
                </table>
            </div>
        </div>
    </div> 
    <div class="row">
        <div class="col-sm-12" style="text-align: center;">
        <?= form_submit('submit', 'Buat Pembelian', 'class="btn btn-primary btn-success"'); ?>
        </div>
    </div>
<?= form_close(); ?>

<script>
    
    $(document).ready(function() {
        // $('.select_vendor').change(function(){
        //     var id_vendor  = document.getElementsByClassName("select_vendor")[0].value;
        //     ajax_get_detail_vendor(id_vendor);
        // });													
    });

	// function ajax_get_detail_vendor(id_vendor){
    //   $.ajax({
    //       'url'       : '<?php echo base_url(); ?>' + 'admin/invoice' + '/ajax_get_detail_vendor',
    //       'type'      : 'POST',
    //       'data'      : {
    //                       'id_vendor' : id_vendor,
    //                       '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
    //                   },
    //   });
    // }

</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>