@extends('layouts.app')
@section('title', __('Stock Alert Report'))

@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>@lang('Stock Alert Report')
            <small>@lang('Stock Alert Report')</small>
        </h1>
    </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('stock_alert_location', __('purchase.business_location') . ':') !!}
                            {!! Form::select('stock_alert_location', $business_locations, null, [
                                'class' => 'form-control select2',
                                'style' => 'width:100%',
                                'id' => 'stock_alert_location',
                            ]) !!}
                        </div>
                    </div>
                @endcomponent
            </div>
        </div>
        <div class="row">
            <div class=" col-sm-12">
                @component('components.widget', ['class' => 'box-warning'])
                    @slot('icon')
                        <i class="fa fa-exclamation-triangle text-yellow" aria-hidden="true"></i>
                    @endslot
                    @slot('title')
                        {{ __('home.product_stock_alert') }} @show_tooltip(__('tooltip.product_stock_alert'))
                    @endslot
                    <div class="row">
                        <div class="col-md-12">
                            <table class="table table-bordered table-striped" id="stock_alert_table" style="width: 100%;">
                                <thead>
                                    <tr>
                                        <th>@lang('sale.product')</th>
                                        <th>@lang('business.location')</th>
                                        <th>@lang('report.current_stock')</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                @endcomponent
            </div>
        </div>
    </section>
@stop
@section('javascript')
    <script type="text/javascript">
        $(document).ready(function() {
            //stock alert datatables
            var stock_alert_table = $('#stock_alert_table').DataTable({
                processing: true,
                serverSide: true,
                ordering: false,
                searching: false,
                scrollY: "75vh",
                scrollX: true,
                scrollCollapse: true,
                fixedHeader: false,
                dom: '<"text-center" B>tirp',
                ajax: {
                    "url": '/home/product-stock-alert',
                    "data": function(d) {
                        if ($('#stock_alert_location').length > 0) {
                            d.location_id = $('#stock_alert_location').val();
                        }
                    }
                },
                fnDrawCallback: function(oSettings) {
                    __currency_convert_recursively($('#stock_alert_table'));
                },
            });
            $('#stock_alert_location').change(function() {
                stock_alert_table.ajax.reload();
            });
        });
    </script>
@endsection