@extends('admin.layout')
@section('content')



<style type="text/css">

.content-wrapper, .right-side, .main-footer {
    padding-top: 60px!important;
}

.sidenav{
  width: 0px;
}

.sidenav .closebtn{
    display: block;
}

.content-wrapper {
    margin-left: 0px !important;
}
.content-wrapper.close-wrapper {
    margin-left: 300px!important;
}



  .tabletpImage {
    width: 60px;
    border: 1px solid #b5b5b596;
    height: 60px;
    object-fit: contain;
    padding: 4px;
    border-radius: 5px;
}
.table-responsive input[type="number"] {
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 3px 0px 5px 10px;
    max-width: 85px;
    text-align: center;
}

.orderRight {
    margin-top: 0;
}

.panel-heading h4 {
    padding-top: 20px;
    padding-bottom: 5px;
}
</style>
<div class="content-wrapper"> 
  <!-- Content Header (Page header) -->
 <!--  <section class="content-header">
   <center> <h2>Transfer Products</h2></center>
  </section> -->
  
  <!-- Main content -->
  <section class="content" style="padding: 0"> 
    <!-- Info boxes --> 
    
    <!-- /.row -->

    <div class="row">
      <div class="col-md-12">

                                            
                       @if(session()->has('message')) 
                                <div class="alert alert-success">
                                  Products Transfer Successfully
                                </div>
                             @endif
                        <!-- /.box-header -->
                        <!-- form start -->                        
                                
                            {!! Form::open(array('url' =>'admin/addtransfer', 'method'=>'post', 'class' => 'form-horizontal form-validate', 'enctype'=>'multipart/form-data')) !!}
                              
                                  <div class="row no-gutters">
                                        <div class="col-md-4">
                                                <div class="container">
                                               <div class="panel panel-default">
                                                <!-- <div class="panel-heading">Search Product</div> -->
                                                <div class="panel-body">
                                                 <div class="ordersearch">
                                                  <i class="fas fa-search"></i>
                                                  <input type="text" name="search" id="searchable" placeholder="Search Product Data" />
                                                 </div>
                                                 <div class="orderScroll">
                                                 <div class="table-responsive">
                                                  <table class="table table-striped" style="font-size: 14px;">
                                                   <tbody class="tbody">
                                                   </tbody>
                                                  </table>
                                                 </div>
                                               </div>
                                                </div>    
                                               </div>
                                              </div>


                                            
                                        </div>
                                         <div class="col-md-8">
                                          <div class="orderRight">
                                            <div class="container">
                                               <div class="panel panel-default">
                                                <div class="panel-heading"><h4>Transfer To</h4></div>
                                                <div class="panel-body">
                                                 <div class="form-group">
                                                  <select class="form-control" name="to_outlet">
                                                  @foreach($results['outlet'] as $outlets)
                                                     <option value="{{$outlets->manufacturers_id}}">{{$outlets->manufacturers_name}}</option>
                                                  @endforeach
                                                  </select>
                                                 </div>
                                                 <div class="table-responsive" style="border: 1px solid #b5b5b596; border-radius: 4px; margin-bottom: 60px; border-top: 0;">
                                                  <table class="table">
                                                     <thead>
                                                        <tr>
                                                           <td><b>Image</b></td>
                                                           <td><b>Product Name</b></td>
                                                            <td><b>SKU CODE</b></td>
                                                           <td><b>Quantity</b></td>
                                                          
                                                           <td></td>
                                                        </tr>
                                                     </thead>
                                                   <tbody class="tbody1">
                                                         <tr>
                                                           <td colspan="5"> No Products Added</td>
                                                         </tr>
                                                   </tbody>
                                                  </table>
                                                 </div>

                                      <div class="row">
                                         
                                         <div class="col-md-12" style="margin-top: 50px">
                                           <label>Remark( Optional)</label>
                                           <textarea class="form-control" name="message" rows="3"></textarea>
                                         </div>

                                         <div class="col-md-12" style="margin-top: 20px">
                                           <button type="submit" class="btn btn-success">Transfer
                                           <i class="fa fa-arrow-circle-right"></i>
                                           </button>
                                         </div>

                                      </div>
                                    


                                                </div>    
                                               </div>
                                              </div>
                                            </div>
                                        </div>
                                      </div>
                                     
                                
                           
                            {!! Form::close() !!} 
                       
     
      </div>
      <!-- /.col --> 
    </div>
    <!-- /.row --> 
    
    <!-- Main row --> 
    
    <!-- /.row --> 
  </section>
  <!-- /.content --> 
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>



<script>function checvalid(currval,qty){  if(currval.value>qty) { alert("Please enter quentity below " + qty+""); $(currval).val(qty);  } }
$(document).ready(function(){

 fetch_customer_data();

 function fetch_customer_data(query = '')
 {
  $.ajax({
   url:"{{ route('live_search.action') }}",
   method:'GET',
   data:{query:query},
   dataType:'json',
   success:function(data)
   {
    $('.tbody').html(data.table_data);
    $('#total_records').text(data.total_data);
   }
  })
 }

 $(document).on('keyup', '#searchable', function(){
  var query = $(this).val();
  fetch_customer_data(query);
 });
});



function addproduct(val){

$.ajax({
   url:"{{ route('live_search.addactionadmin') }}",
   method:'GET',
   data:{query:val},
   dataType:'json',
   success:function(data)
   {
    $('.tbody1').html(data.table_data);
   }
  });
}



function removetrans(val){

$.ajax({          
   url:"{{ route('live_search.remove_card_transferadmin') }}",
   method:'GET',
   data:{query:val},
   dataType:'json',
   success:function(data)
   {
    $('.tbody1').html(data.table_data);
   }
  });
}

</script>

@endsection