<link rel="stylesheet" href="<?= base_url('assets/admin/css/bootstrap-select.min.css'); ?>" />

<div class="row">
    <div class="col-sm-12">
        <p>
            <a href="<?= base_url('admin/pembelian/request'); ?>">
                <i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke daftar permintaan
            </a>
        </p><br>
        <h2>No. Permintaan : <?= $transaction->no_transaksi; ?></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 -->
<?php $attr = array('class' => 'form_request' , 'id' => "primaryForm"); ?>
<?= form_open_multipart('',$attr); ?>
<div class="row">
    <div class="col-md-12 col-xs-12">
        <div class="col-md-12 col-xs-12">
            <div class="form-group row">
                <div class="col-md-12 col-xs-12">
                    <label for="NoPemesanan" class="col-sm-2 col-form-label">Gudang : </label>
                    <div class="col-sm-10">
                        <select class="form-control" name="id_warehouse" id="sctWarehouse" style="width: 15%;display: inline;" required>
                            <option value="" selected disabled>Pilih Gudang ... </option>
                            <?php foreach ($warehouse as $warehouse_item):?>
                                <?php if($transaction->warehouse_id != null): ?>
                                    <?php if ($warehouse_item->id == $transaction->warehouse_id): ?>
                                        <option value="<?= $warehouse_item->id; ?>" selected><?= $warehouse_item->name; ?></option>
                                    <?php else: ?>
                                        <option value="<?= $warehouse_item->id; ?>" disabled><?= $warehouse_item->name; ?></option>
                                    <?php endif ?>
                                <?php else: ?>
                                    <option value="<?= $warehouse_item->id; ?>"><?= $warehouse_item->name; ?></option>
                                <?php endif; ?>
                            <?php endforeach; ?>
                        </select>
                    </div>
                </div>
            </div>
        </div><!-- end class="col-sm-12" -->
    </div>
</div> <!-- end row -->   

<?php if(!empty($transaction->transaction_status)){ if($transaction->transaction_status == 1){ ?>
<div class="row" id="btnAddProduct">
    <div class="col-sm-12 col-md-12">
        <a href="javascript:void(0)" type="button" class="btn btn-info addProducts">Tambah Produk Baru</a>
    </div>
</div>
<?php } } else { ?>
<div class="row" id="btnAddProduct" style="display: none;">
    <div class="col-sm-12 col-md-12">
        <a href="javascript:void(0)" type="button" class="btn btn-info addProducts">Tambah Produk Baru</a>
    </div>
</div>
<?php } ?>

<!--- Pandhu ---->
<div class="row">
    <h4>Kereta Belanja (Shopping Cart)</h4>
    <div class="col-sm-12 col-md-12">
        <table class="table table-striped" style="margin-bottom: 0px;" id="dynamic_field">
            <thead>
                <tr>
                    <th>Produk</th>
                    <th>SKU</th>
                    <!-- <th>Satuan Jual</th> -->
                    <!-- <th>Qty Jual</th> -->
                    <!-- <th>Last90D</th> -->
                    <th>Stok Skrng</th>
                    <!-- <th>Satuan Beli</th> -->
                    <th>Jumlah Beli</th>
                    <?php if(!empty($transaction->transaction_status)){ if($transaction->transaction_status == 1){ ?>
                        <th style="width: 50px">Action</th>
                    <?php } } else { ?>
                        <th style="width: 50px">Action</th>
                    <?php } ?>
                </tr>
            </thead>
            <tbody></tbody> 
        </table>
    </div>
</div>

<div class="row" style="display: none;">
    <div class="col-sm-12" style="text-align: center;" id="total">
        <p style="border: 1px solid;padding: 5px;">Total Beli :&nbsp;&nbsp;105</p>
    </div>
</div>

<?php if(!empty($transaction->transaction_status)){ if($transaction->transaction_status == 1){ ?>
<div class="row" id="btnAddProduct">
    <div class="col-sm-12 col-md-12">
        <a href="javascript:void(0)" type="button" class="btn btn-danger" id="resetCart">Belanja Kosong</a>
    </div>
</div>
<?php } } else { ?>
<div class="row" id="btnAddProduct">
    <div class="col-sm-12 col-md-12">
        <a href="javascript:void(0)" type="button" class="btn btn-danger" id="resetCart">Belanja Kosong</a>
    </div>
</div>
<?php } ?>

<div class="row">
    <div class="col-sm-6">
        <p style="font-size: 20px;"><b>Note :</b></p>
        <textarea name="note" id="note" cols="30" rows="10"><?= $transaction->transaction_message; ?></textarea>
    </div>
    <div class="col-sm-6" style="margin-top: 10px;">
        <p style="font-size: 20px;"><b>Lampiran :</b></p>
        <?php if($transaction->transaction_file != null): ?>
            <a href="<?= base_url() . 'uploads/lampiran/' . $transaction->transaction_file; ?>" target="_blank">
                <p><?= $transaction->transaction_file; ?></p>
            </a>
        <?php endif; ?>
        <div class="form-group">
            <input type="file" id="img_lampiran" class="form-control" name="lampiran" align="center">
        </div>
    </div>
    
</div>

<div class="row">
    <div class="col-sm-12" style="text-align: center;">
        <a href="<?= base_url('admin/pembelian/request'); ?>" type="submit" class="btn btn-info">Kembali ke Permintaan</a>
        <input type="submit" id="sbm_hidden" style="display: none;">
        <?php if(!empty($transaction->transaction_status)){ 
            if($transaction->transaction_status == 1){ ?>
            <input type="button" id="btn_create_req" name="submit" class="btn btn-success button_request" value="Buat Permintaan">
            <input type="button" id="btn_draft_req" name="submit" class="btn btn-primary button_save" value="Simpan sebagai Draf">
            <img class="submit_loading" style="display: none" src="<?= base_url('assets/admin/img/admin_spinner.gif')?>">
        <?php } } else { ?>
            <input type="button" id="btn_create_req" name="submit" class="btn btn-success button_request" value="Buat Permintaan">
            <input type="button" id="btn_draft_req" name="submit" class="btn btn-primary button_save" value="Simpan sebagai Draf">
            <img class="submit_loading" style="display: none" src="<?= base_url('assets/admin/img/admin_spinner.gif')?>">
        <?php } ?>
    </div>

    <script> 
        var form = document.querySelector('#primaryForm'); 
        var nm_file = "";
        var submit_form_btn = document.querySelector('#btn_create_req');
        var submit_form_btn_draft = document.querySelector('#btn_draft_req');


        submit_form_btn.addEventListener('click', function () {
            if (form.checkValidity()) { 
                var tbl_dynamic = jQuery("table#dynamic_field");
                var tbl_row = tbl_dynamic.find("tbody tr");
                var wh = $("select#sctWarehouse");
                var wh_val = wh.val();
                var wh_txt = wh.find("option:selected").text();
                var noted = tinymce.get('note').getContent();
                var data_tb = [[]];

                jQuery.each(tbl_row,function(idx){
                    data_tb[idx]= 
                    { 
                        produk : tbl_dynamic.find("tbody tr:eq("+idx+") td:eq(0)")
                                .find("span#nm_product").text(),
                        idproduk : tbl_dynamic.find("tbody tr:eq("+idx+") td:eq(0)")
                                .find("span#id_product").text(),
                        sku : tbl_dynamic.find("tbody tr:eq("+idx+") td:eq(1)")
                                .find("span#nm_sku").text(),
                        idsku : tbl_dynamic.find("tbody tr:eq("+idx+") td:eq(1)")
                                .find("span#id_sku").text(),
                        stock : tbl_dynamic.find("tbody tr:eq("+idx+") td:eq(2)").text(),
                        qty : tbl_dynamic.find("tbody tr:eq("+idx+") td:eq(3)").text() 
                    };
                });
                if(data_tb.length > 0){
                    var data = {
                        data_tb : data_tb,
                        noted : noted,
                        nm_file : nm_file,
                        wh_val : wh_val,
                        wh_txt : wh_txt,
                    }
                    // dump(data); 

                    callAjax('admin/Pembelian/request_add',{ 
                        act_ca : "save_req",
                        data_jx : data, 
                    },function(jx){
                        // dump(jx);
                        alert("Berhasil");
                         
                    });

                }
            }
            else {
                form.querySelector('input#sbm_hidden[type="submit"]').click();
            }
        }, false); 

        submit_form_btn_draft.addEventListener('click', function () {
            if (form.checkValidity()) { 
                 
            }
            else {
                form.querySelector('input#sbm_hidden[type="submit"]').click();
            }
        }, false); 

        jQuery("input#img_lampiran").change(function(ed){ 
            var this_fil = document.querySelector('input#img_lampiran[type=file]').files[0];
            getBase64(this_fil,function(rs){
                nm_file = rs;
            });

        });
    </script>
</div>
<?= form_close(); ?>

<?php
if(!empty($transaction->transaction_status)){
    if($transaction->transaction_status == 1){ include('form.php'); }
} else {
    include('form.php');
}
?>

<?php include('pagejs.php'); ?>