<script>$(function() {
  $('.selectpicker').selectpicker();
});</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet" />


 <?php echo form_open(base_url(''),array('class'=>"form-horizontal add_fg_stock", 'id'=>"add_fg_stock")); ?>
                                    
                <?php if($this->session->flashdata('fg_stock_success')){ ?>
        <div class="alert alert-success solid" style='text-align:center;'><?php echo $this->session->flashdata('fg_stock_success'); ?></div>
    <?php } ?> 

     <div id='fg_stock_success' class='alert alert-success solid' style='display:none;'></div>   
<div class="row">
         <div class="col-lg-6 col-md-6 col-sm-12">
            <div class="form-group">
               
                <input type="hidden" name="created" id="created" value="<?php echo date('Y-m-d H:i:s'); ?>" class="form-control required">
            </div>
        </div>

        <div class="col-lg-6 col-md-6 col-sm-12">
            <div class="form-group">
               
                <input type="hidden" value="<?php echo date('Y-m-d H:i:s'); ?>" name="modified" id="modified" class="form-control required">
            </div>
        </div>
        <input type="hidden" value="<?php echo date('Y-m-d'); ?>" name="insert_date" id="insert_date" class="form-control required">
          <input type="hidden" name="user_id" id="user_id" value="<?php echo $this->session->userdata('id');?>">

           <div class="col-lg-3 col-md-6 col-sm-12">
           <div class="form-group ">
                            <label class="form-label ">Products:</label>
                            <select class="form-control selectpicker" data-live-search="true" name="product_id" required="required" id="product_id">
                                <option>Select Product</option>
                                <?php foreach ($get_products as $product) { ?>
                                  <option value="<?php echo $product['id']; ?>"><?php echo $product['name']; ?></option>
                               <?php } ?>
                            </select>
                         </div> 
                        </div>
                         
                         <div class="col-lg-3 col-md-6 col-sm-12">
                        <div class="form-group">
                            <label class="form-label">Product Code</label>
                            <input type="text" id="code"  disabled="disabled"  placeholder="Product Code" class="form-control code">
                        </div>
                    </div>


                           <div class="col-lg-3 col-md-6 col-sm-12">
                           <div class="form-group">
                                <label class="form-label">Qty:</label>
                                  <input type="number" id="qty"  name="qty" required="required"  class="form-control qty">
                             </div> 
                             
                           </div>
                         

                     <input type="hidden" id="type" name="type" readonly="readonly"  class="form-control type" >
                         

                        <div class="col-lg-6 col-md-6 col-sm-12">
                            <div class="form-group">
                                <label class="form-label">Remarks:</label>
                                <textarea  class="form-control remarks" name="remarks" id="remarks"></textarea>  
                             </div>
                         </div>

                 </div>

                  <?php form_close();?>
                <button type="submit" id="dis_submit" class="btn btn-primary">Save <i class="icon-arrow-right14 position-right"></i></button>


      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
        <style>
        .redborder{
            border:1px solid red;
        }
        </style>

    <script type='text/javascript'>


         

         $("#product_id").change(function() {

                
    
                var product_id =  this.value;
                //alert(id);

                $.ajax({
                            type:'POST',
                            url:'<?php echo base_url('Stock/get_product_code'); ?>',
                            data:{product_id:product_id},
                            dataType:'json',
                            success:function(data){
                            
                                    $('#code').val(data.codes);
                                    $('#type').val(data.type);
                                    $('#total_qty').val(data.total_qty);
                                      
                                  
                            },
                            error:function(data){console.log(data.responseText);}
                        });

    });


        
    var add_fg_stocks = $('#add_fg_stock');   
    
    add_fg_stocks.on('submit',function(e){
  $("#dis_submit").attr('disabled', true);
        e.preventDefault();
        var product_id = $('#product_id').val();
        var qty = $('#qty').val();
        var remarks = $('#remarks').val();
        
      
        setTimeout(function(){location.href="<?php echo base_url('Stock/onlyprintslip/'); ?>"+product_id+"/"+qty+"/"+remarks} , 2000);
        
        
    });



    $("#qty2").keyup(function() {
  //var dept_cost_hrs = 3.00;
  var qty1 = $('#qty1').val();
  var qty2 = $('#qty2').val();
  
   var total = qty1*qty2;

 //var output=parseInt(total).toLocaleString(); 
  $('#total').val(total);

});

    
  </script>