@extends('layouts.app')
@section('title', __('Stock Updation Log History'))
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
   <div class="row">
      <div class="col-md-6 col-xs-12">
         <h3>Stock Updation Log History</h3>
      </div>
    
     </div>
     
</section>
<!-- Main content -->
<section class="content">
   <div class="row">
      <div class="col-md-12">
   
         @component('components.filters', ['title' => __('report.filters')])
         <div class="col-md-3">
            <div class="form-group">
               {!! Form::label('date_range', __('report.date_range') . ':') !!}
               <input type="text" class='form-control' name="daterange" value="" id="daterange_id" />
            </div>
         </div>
         <!-- <div class="col-md-2">
            <div class="form-group">
               <label for="status_filter">Transaction Type</label>
               <div>
                  <select class='form-control' id="transaction_type_id">
                     <option value='all'>All</option>
                     <option value='debit'>Debit</option>
                     <option value='credit'>Credit</option>
                  </select>
               </div>
            </div>
         </div>
         <div class="col-md-2">
            <div class="form-group">
               <label for="status_filter">Income Type</label>
               <div>
                  <select class='form-control' id="income_type_id">
                     <option value='all'>All</option>
                     {{--<option value='app_share' >App Share</option>
                     <option value='transfer' >Transfer</option>
                     <option value='withdrawal' >Withdrawal</option>
                     <option value='sposor' >Sponsor</option>
                     <option value='recharge' >Recharge</option>--}}
                     @foreach($types as $type)
                     <option value="{{$type['value']}}">{{$type['name']}}</option>
                     @endforeach
                  </select>
               </div>
            </div>
         </div>

         <div class="col-md-4">
            <div class="form-group">
               <label for="status_filter select2">Users</label>
               <div>
                  <select class='form-control' id="user_id">
                     <option value='all'>All</option>
                     @foreach($users as $user)
                     <option value='{{$user->user_id}}'>
                        <div class="name text-dark">{{$user->f_name}} {{$user->l_name}}
                           <div class="mobile text-primary"> {{($user->prime_account_no != 'no' || $user->prime_account_no ==null || $user->prime_account_no =='') ? $user->prime_account_no : "Customer- $user->id"}} </div>
                        </div>
                     </option>
                     @endforeach
                  </select>
               </div>
            </div>
         </div> -->
         <!-- <div class="col-md-2">
            <div class="form-group"><br />
                             <button type="button" class="btn btn-primary">Available Balance : {{$balance}}</button>
            </div>
         </div> -->
         <!-- <div class="col-md-3">
            <div class="form-group">
               <label for="status_filter">Reffer By</label>
               <div >
                  <select class = 'form-control' id="reffered_by" >
                     <option value='all'>All</option>
                     @foreach($referredByUsers as $users)
                     <option value='{{$users->ref_code}}'>{{$users->f_name}} </option>
                     @endforeach
                  </select>
               </div>
            </div>
         </div> -->
         <!-- <div class="col-md-8">
            <div class="form-group">
               <div >
                  <input type="text" placeholder="Search By Member ID/ Name/ Mobile No. / Email ID"  id="search_by_val" class = 'form-control' style >
               </div>
            </div>
         </div>
         <div class="col-md-2">
            <div class="form-group">
               <div >
                  <button type="button" class="btn btn-block btn-info" 
                     data-href=""  data-container=""  id="btnSearch" >
                  <i class="fa fa-search"></i> Search </button>
               </div>
            </div>
         </div> -->
         <!-- <div class="col-md-2">
            <div class="form-group">
               <div >
                  <button type="button" class="btn btn-block btn-primary" 
                     data-href=""  data-container="">
                  <i class="fa fa-plus"></i> Add </button>
               </div>
            </div>
         </div> -->
         @endcomponent
      </div>
   </div>
   <div class="row">
      <div class="col-md-12">
         <!-- Custom Tabs -->
         <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
               <li class="active">
                  <a href="#output_data_tab" data-toggle="tab" aria-expanded="true">Stock Updation Details</a>
               </li>
            </ul>
            <div class="tab-content">
            <input type="hidden" name="product_id" id="product_id" value="{{ $product_id }}" class="form-control" >
               <div class="tab-pane active" id="output_data_tab">
                  <table class="table table-bordered table-striped" id="output_table" width="100%">
                     <thead>
                        <tr>
                           <th >Sl No.</th>
                           <th width="120px">Adj Date/Time</th>
                           <th width="130px">Location</th>
                           <th>Product</th>
                           <th>User</th>
                           <th>Avail Qty</th>
                           <th>Phys Qty</th>
                           <th>Balance</th>
                           <th>Reason</th>
                        </tr>
                     </thead>
                    
                  </table>
               </div>
              
            </div>
         </div>
      </div>
   </div>
</section>
<!-- /.content -->
@stop
@section('javascript')
<script type="text/javascript">
   $(document).ready(function() {
      var product_id = $('#product_id').val(); 
      //alert(product_id);
      $('input[name="daterange"]').daterangepicker({
         // startDate: moment().subtract(1, 'M'),
         startDate: moment().startOf('month'),
         endDate: moment(),

      });

         output_data_table = $('#output_table').DataTable({
         processing: true,
         serverSide: true,
         aaSorting: [
            [0, 'desc']
         ],
         ajax: {
            url:  "{{ route('stock-updation-history-log')}}?product_id="+product_id,
            "data": function(d) {
               // d.user_id = $('#user_id').val();
               d.from_date = $('input[name="daterange"]').data('daterangepicker').startDate.format('YYYY-MM-DD');
               d.to_date = $('input[name="daterange"]').data('daterangepicker').endDate.format('YYYY-MM-DD');
               //console.log(d.to_date);
               d = __datatable_ajax_callback(d);
            }

         },
         columns: [{
               data: 'DT_Row_Index',
               name: 'DT_Row_Index',
               orderable: false,
               searchable: false
            },
            {
               data: 'adjusted_on',
               name: 'adjusted_on'
            },
            {
               data: 'location',
               name: 'location',
            },
            {
               data: 'product',
               name: 'product',
              
            },
            {
               data: 'user_name',
               name: 'user_name',
              
            },
            {
               data: 'qty_available',
               name: 'qty_available',
              
            },
            {
               data: 'qty_physical',
               name: 'qty_physical',
            },
            {
               data: 'qty_loss',
               name: 'qty_loss',
            },
            {
               data: 'remarks',
               name: 'remarks',
            },

         ]
      });

      $('#daterange_id').change(function() {

         // alert('hello');
         if ($("#output_data_tab").hasClass('active')) {
            output_data_table.ajax.reload();
         }
      });


   });
</script>
<script>
   $(function() {
      $('input[name="daterange"]').daterangepicker({
         opens: 'left'
      }, function(start, end, label) {
         console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
      });
   });
   $(document).ready(function() {
      $('#user_id').select2();
   });
</script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<!-- 
   <script src="{{ asset('js/report.js?v=' . $asset_v) }}"></script> -->
@endsection