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

@section('content')
    @include('layouts.partials.breadcrumb',['page_title'=> __( 'app.product_stock_history') , 'bread_crumbs'=>array( array('title'=>__('app.manage_products'),'url'=>'/products'),array('title'=> __('app.product_stock_history'),'url'=>''))])
    <section class="content">
        <div class="row">
            <div class="col-md-12">
                @component('components.filters', ['title' => $product->name])

                    <div class="row">
                                                <div class="col-md-3">
                            <div class="form-group">
                                {!! Form::label('location_id',  __('purchase.business_location') . ':') !!}
                                {!! Form::select('location_id', $business_locations, request()->input('location_id', null), ['class' => 'form-control select2', 'style' => 'width:100%']); !!}
                            </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}}"
                                                    @if(request()->input('variation_id', null) == $variation->id)
                                                        selected
                                                @endif
                                            >{{$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
                    </div>
                @endcomponent
                @component('components.widget')
                    <div id="product_stock_history" style="display: none;"></div>
                @endcomponent
            </div>
        </div>

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

@section('javascript')
    <script src="{{ asset('theme/assets/vendor_components/datatable/datatables.min.js?v=' . $asset_v) }}"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            load_stock_history($('#variation_id').val(), $('#location_id').val());

            $('#product_id').select2({
                ajax: {
                    url: '/products/list-no-variation',
                    dataType: 'json',
                    delay: 250,
                    data: function (params) {
                        return {
                            term: params.term, // search term
                        };
                    },
                    processResults: function (data) {
                        return {
                            results: data,
                        };
                    },
                },
                minimumInputLength: 1,
                escapeMarkup: function (m) {
                    return m;
                },
            }).on('select2:select', function (e) {
                var data = e.params.data;
                window.location.href = "{{url('/')}}/products/stock-history/" + data.id
            });
        });


        function load_stock_history(variation_id, location_id) {
            $('#product_stock_history').fadeOut();
            $.ajax({
                url: '/products/stock-history/' + variation_id + "?location_id=" + location_id,
                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