@extends('layouts.app')
@section('title', __('lang_v1.product_stock_history'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>@lang('lang_v1.product_stock_history')</h1>
</section>

<!-- Main content -->
<section class="content">
<div class="row">
    <div class="col-md-12">
    @component('components.widget', ['title' => $product->name])
        <div class="col-md-3">
            <div class="form-group">
                {!! Form::label('location_id',  __('purchase.business_location') . ':') !!}
                {!! Form::select('location_id', $business_locations, null, ['class' => 'form-control select2', 'style' => 'width:100%']); !!}
            </div>
        </div>

            <div class="col-md-3">
                <div class="form-group">
                    {!! Form::label('product_sr_date_filter', __('report.date_range') . ':') !!}
                    {!! Form::text('date_range', null, ['placeholder' => __('lang_v1.select_a_date_range'), 'class' => 'form-control', 'id' => 'product_sr_date_filter', 'readonly']); !!}
                </div>
            </div>
        @if($product->type == 'variable')
            <div class="col-md-3">
                <div class="form-group">
                    <label for="variation_id">@lang('product.variations'):</label>
                    <select class="select2 form-control" name="variation_id" id="variation_id">
                        @foreach($product->variations as $variation)
                            <option value="{{$variation->id}}">{{$variation->product_variation->name}} - {{$variation->name}} ({{$variation->sub_sku}})</option>
                        @endforeach
                    </select>
                </div>
            </div>
        @else
            <input type="hidden" id="variation_id" name="variation_id" value="{{$product->variations->first()->id}}">
        @endif
    @endcomponent
    @component('components.widget')
        <div id="product_stock_history" style="display: none;"></div>
    @endcomponent
    </div>
</div>

</section>
<!-- /.content -->
@endsection

@section('javascript')
   <script type="text/javascript">

       //Product Sell Report
       if ($('#product_sr_date_filter').length == 1) {
           $('#product_sr_date_filter').daterangepicker(
               dateRangeSettings,
               function(start, end) {
                   $('#product_sr_date_filter').val(
                       start.format(moment_date_format) + ' ~ ' + end.format(moment_date_format)
                   );
                   load_stock_history($('#variation_id').val(), $('#location_id').val());

               }
           );
           $('#product_sr_date_filter').on('cancel.daterangepicker', function(ev, picker) {
               $('#product_sr_date_filter').val('');
               load_stock_history($('#variation_id').val(), $('#location_id').val());

           });


       }


        $(document).ready( function(){

            load_stock_history($('#variation_id').val(), $('#location_id').val());
        });

       function load_stock_history(variation_id, location_id) {
            $('#product_stock_history').fadeOut();
           var start_time = $('#product_sr_start_time').val();
           var end_time = $('#product_sr_end_time').val();

           if ($('#product_sr_date_filter').val()) {
               start = $('input#product_sr_date_filter')
                   .data('daterangepicker')
                   .startDate.format('YYYY-MM-DD');

               end = $('input#product_sr_date_filter')
                   .data('daterangepicker')
                   .endDate.format('YYYY-MM-DD');
           }
           console.log(start);
            $.ajax({
                url: '/products/stock-history-with-date/' + variation_id + "?location_id=" + location_id+ "&start_date=" + start+ "&end_date=" + end,
                dataType: 'html',
                success: function(result) {
                    $('#product_stock_history')
                        .html(result)
                        .fadeIn();

                    __currency_convert_recursively($('#product_stock_history'));

                    $('#stock_history_table').DataTable({
                        searching: false,
                        ordering: false
                    });
                },
            });
       }

       $(document).on('change', '#variation_id, #location_id', function(){
            load_stock_history($('#variation_id').val(), $('#location_id').val());
       });
   </script>
@endsection