<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('success'); //to display success message 
        ?>
        <p>
            <a href="<?= base_url('admin/stocks/transfer_stock'); ?>">
                <i class="fa fa-arrow-left" aria-hidden="true"></i> Kembali ke daftar transfer stok
            </a>
        </p><br>
    </div>
</div>

<?= form_open_multipart(); ?>
<div class="row">
    <div class="col-sm-12" style="margin-top: 20px;">
        <div class="col-sm-6" style="margin-top: 20px;">
            <div>
                <label>Gudang Asal: </label><br>
                <select class="form-control select_warehouse" name="warehouse_id" required>
                    <option value="0" 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>
                <div class="detail_warehouse"></div>
            </div>
        </div>
        <div class="col-sm-6" style="margin-top: 20px;">
            <div>
                <label>Gudang Tujuan: </label><br>
                <select class="form-control select_warehouse2" name="warehouse_id2" required>
                    <option value="0" selected disabled>Pilih Gudang ... </option>
                    <?php foreach ($warehouses as $warehouse) : ?>
                        <option value="<?= $warehouse->id; ?>"><?= $warehouse->name; ?></option>
                    <?php endforeach; ?>
                </select>
                <?= form_error('warehouse_id2'); ?>
            </div>
            <div>
                <div class="detail_warehouse2"></div>
            </div>
        </div>
    </div>
    <div class="col-sm-12" style="margin-top: 20px;">
        <div class="col-sm-6" 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 class="col-sm-6" style="margin-top: 20px;">
            <label>Kurir : </label><br>
            <select class="form-control select_kurir" name="kurir_id" required>
                <option value="0" selected disabled>Pilih Kurir ... </option>
                <?php foreach ($metode_pengiriman as $kurir) : ?>
                    <option value="<?= $kurir->id; ?>"><?= $kurir->name; ?></option>
                <?php endforeach; ?>
            </select>
            <?= form_error('kurir_id'); ?>
        </div>
    </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>Stok Tersedia</th>
                        <th>Kuantitas Kirim</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_product_detail[]" id="<?= $a; ?>">
                                    <option value="" selected disabled>Pilih Gudang terlebih dahulu ... </option>
                                    <?php foreach ($products as $product) : ?>
                                        <option value="<?= $product->product_details_id ?>">
                                            <?= $product->title ?> <?= $product->attributes_name ?> <!-- Menggunakan $attributes_name yang sudah dihasilkan -->
                                        </option>
                                    <?php endforeach; ?>
                                </select>
                            </td>
                            <td style="width: 20%">
                                <input type="text" class="form-control stock<?= $a; ?>" readonly>
                            </td>
                            <td style="width: 20%;text-align: center;" class="qty<?= $a; ?>">
                                <input type="number" min="1" name="kuantitas[]" class="form-control qtybeli<?= $a; ?>" style="text-align: center;padding: 5px;" onkeyup="check_stok('<?= $a; ?>')">
                                <div class="error<?= $a; ?>"></div>
                            </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("");
                                        $(".diskonproduk" + id + '').val("");
                                        $('#row' + id + '').hide();
                                    });
                                });
                            </script>
                        <?php endfor; ?>
                        <!-- for new request -->
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-sm-6">
        <label>Catatan Admin:</label><br>
        <?= form_textarea('admin_note', set_value('admin_note')); ?>
        <?= form_error('admin_note'); ?>
    </div>
</div>
<div class="row">
    <div class="col-sm-12" style="text-align: center;">
        <input type="submit" name="submit" class="btn btn-success" value="BUAT PESANAN" id="submitform">
    </div>
</div>
<?= form_close(); ?>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <!-- Pastikan Anda sudah memuat jQuery -->

<script>
    $(document).ready(function() {
        $(".edit-button").on("click", function() {
            var targetClassName = $(this).data("target");
            var inputElement = $("." + targetClassName);

            // Toggle atribut readonly pada input
            inputElement.prop("readonly", function(_, value) {
                return !value;
            });

            // Fokuskan kursor ke input
            if (!inputElement.prop("readonly")) {
                inputElement.focus();
            }
        });
    });
</script>


<script>
    $(document).ready(function() {

        // $('.select_marketplace').change(function() { 
        //     var id_marketplace  = $(this).val();
        //     ajax_get_product_marketplace(id_marketplace); 
        // });

        $('.select_product').change(function() {
            var select_id = $(this).attr("id");
            var id_product_detail = $(this).val();
            // var id_marketplace  = document.getElementsByClassName("select_marketplace")[0].value;
            var id_warehouse = document.getElementsByClassName("select_warehouse")[0].value;
            ajax_get_product_detail(select_id, id_product_detail, id_warehouse);
        });

        $('.select_warehouse').change(function() {
            var warehouse_id = document.getElementsByClassName("select_warehouse")[0].value;
            ajax_get_address_warehouse(warehouse_id);
        });
        $('.select_warehouse2').change(function() {
            var warehouse_id = document.getElementsByClassName("select_warehouse2")[0].value;
            ajax_get_address_warehouse2(warehouse_id);
        });
    });

    function ajax_get_address_warehouse(warehouse_id) {
        $.ajax({
            'url': '<?php echo base_url(); ?>' + 'admin/stocks' + '/ajax_get_address_warehouse',
            'type': 'POST',
            'data': {
                'id': warehouse_id,
                '<?= $this->security->get_csrf_token_name(); ?>': '<?= $this->security->get_csrf_hash(); ?>'
            },
            'success': function(result) {
                if (result) {
                    document.getElementsByClassName("detail_warehouse")[0].innerHTML = result;
                };
            }
        });
    }

    function ajax_get_address_warehouse2(warehouse_id) {
        $.ajax({
            'url': '<?php echo base_url(); ?>' + 'admin/stocks' + '/ajax_get_address_warehouse',
            'type': 'POST',
            'data': {
                'id': warehouse_id,
                '<?= $this->security->get_csrf_token_name(); ?>': '<?= $this->security->get_csrf_hash(); ?>'
            },
            'success': function(result) {
                if (result) {
                    document.getElementsByClassName("detail_warehouse2")[0].innerHTML = result;
                };
            }
        });
    }

    // function ajax_get_product_marketplace(id_marketplace) {
    //     $.ajax({
    //         'url'       : '<?php echo base_url(); ?>' + 'admin/orders' + '/ajax_get_product_marketplace', 
    //         'type'      : 'POST',
    //         'data'      : {
    //                         'id_marketplace' : id_marketplace,
    //                         '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
    //                     }, 
    //         'success'   : function(result) {
    //             if (result) { 
    //                 $('.select_product').html(result).trigger("chosen:updated");
    //                 for($a=1;$a<=20;$a++){
    //                     document.getElementsByClassName("sale_price"+$a+"")[0].value = "";
    //                     document.getElementsByClassName("marketplace_price"+$a+"")[0].value = "";
    //                     document.getElementsByClassName("qtybeli"+$a+"")[0].value = "";
    //                 }
    //             };
    //         }
    //     });
    // }
    function ajax_get_product_detail(select_id, id_product_detail, id_warehouse) {
        $.ajax({
            'url': '<?php echo base_url(); ?>' + 'admin/orders' + '/ajax_get_product_detail',
            'type': 'POST',
            'data': {
                'id_product_detail': id_product_detail,
                // 'id_marketplace' : id_marketplace,
                'id_warehouse': id_warehouse,
                '<?= $this->security->get_csrf_token_name(); ?>': '<?= $this->security->get_csrf_hash(); ?>'
            },
            'success': function(result) {
                if (result) {
                    var hasil = JSON.parse(result);
                    document.getElementsByClassName("stock" + select_id + "")[0].value = 0;
                    document.getElementsByClassName("qtybeli" + select_id + "")[0].value = 0;


                    // document.getElementsByClassName("marketplace_price"+select_id+"")[0].value = hasil.product['price'];
                    document.getElementsByClassName("stock" + select_id + "")[0].value = hasil.stock['stock'];

                    document.getElementsByClassName("qtybeli" + select_id + "")[0].max = hasil.stock['stock'];
                };
            }
        });
    }

    // function check_stok(id){
    //     var prod = document.getElementsByClassName("select_product"+id+"")[0].value;
    //     var qty  = document.getElementsByClassName("qtybeli"+id+"")[0].value;
    //     var wh   = document.getElementsByClassName("select_warehouse")[0].value;

    //     ajax_check_stock(prod,qty,wh,id);
    // }

    // function ajax_check_stock(prod,qty,wh,id){
    //   $.ajax({
    //       'url'       : '<?php echo base_url(); ?>' + 'admin/orders' + '/ajax_check_stock',
    //       'type'      : 'POST',
    //       'data'      : {
    //                       'prod' : prod,
    //                       'qty' : qty,
    //                       'wh' : wh,
    //                       '<?= $this->security->get_csrf_token_name(); ?>' : '<?= $this->security->get_csrf_hash(); ?>'
    //                   },
    //       'success'   : function(result) {
    //             document.getElementsByClassName("error"+id)[0].innerHTML = result;

    //             for(a=1;a<=20;a++){
    //                 if(document.getElementsByClassName("error"+a+"")[0].innerHTML == ""){
    //                     document.getElementById('submitform').disabled= false;
    //                 }else{  
    //                     document.getElementById('submitform').disabled= true;
    //                     break;
    //                 }
    //             }
    //       }
    //   });
    // }
</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>