@extends('layouts.master')
@section('title', 'User')
@push('css')
    <meta name="csrf-token" id="csrf-token" content="{{ csrf_token() }}">
@endpush

@section('content')

    <div class="row col-xl-12" id="priceByCategoryShow">
        <table class="table table-bordered record-table">
            <thead>
                <tr>
                    <th>Serial</th>
                    <th>Product Id</th>
                    <th>Product Name</th>

                    <th>Re Order Level</th>
                    <th>Current Stock</th>
                </tr>
            </thead>
            <tbody>

                @foreach ($data as $dt)
                    @if ($dt['currentQuantity'] <= $dt['product']->reorder_level)
                        <tr style="background-color: red;color:white">
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $dt['product']->id }}</td>
                            <td>{{ $dt['product']->product_name }}</td>

                            <td>{{ $dt['product']->reorder_level }} &nbsp; {{ $dt['product']->unit }}</td>

                            <td style="  text-align: right !important;">
                                {{ $dt['currentQuantity'] }}&nbsp;{{ $dt['product']->unit }}</td>
                        </tr>
                    @else
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $dt['product']->id }}</td>
                            <td>{{ $dt['product']->product_name }}</td>

                            <td>{{ $dt['product']->reorder_level }} &nbsp; {{ $dt['product']->unit }}</td>

                            <td style="  text-align: right !important;">
                                {{ $dt['currentQuantity'] }}&nbsp;{{ $dt['product']->unit }}</td>
                        </tr>
                    @endif
                @endforeach

            </tbody>
        </table>







    </div>




@endsection

@push('js')
    <script>
        $(document).ready(function() {
            var table = $('#example').DataTable({
                lengthChange: false,
                buttons: ['copy', 'excel', 'pdf', 'colvis']
            });

            table.buttons().container()
                .appendTo('#example_wrapper .col-md-6:eq(0)');
        });
    </script>
    <script>
        $("#searchType").change(function() {
            var type = this.value;
            divHide(type);
            console.log(type);
            $.ajax({
                    url: '{{ url('/sales/record/details') }}/' + type,
                    type: 'GET',
                    dataType: 'json',
                })
                .done(function(response) {
                    console.log(response)
                    if (response[0].customer_name) {
                        data = '<option value="">Select ' + type + '</option>';
                        selected = '';
                        $.each(response, function(index, val) {
                            data += '<option value=' + val.id + '>' + val.customer_name + '</option>';
                            console.log(data);
                        });
                        $('#' + type + '_dropdown').html(data);
                    } else if (response[0].product_name) {
                        data = '<option value="">Select Product</option>';
                        selected = '';
                        $.each(response, function(index, val) {
                            data += '<option value=' + val.id + '>' + val.product_name + '</option>';
                            console.log(data);
                        });
                        $('#' + type + '_dropdown').html(data);
                    } else {
                        data = '<option value="">Select ' + type + '</option>';
                        selected = '';
                        $.each(response, function(index, val) {
                            data += '<option value=' + val.id + '>' + val.name + '</option>';
                            console.log(data);
                        });
                        $('#' + type + '_dropdown').html(data);
                    }

                });
        });

        function divHide(type) {
            if (type == 'category') {
                $("#category_div").css('display', 'inline-block');
            } else if (type == 'all') {
                $("#category_div").css('display', 'none');
            }
        }

        function priceByCategory() {

            var category_dropdown = $('#category_dropdown').val();
            var searchType = $('#searchType').val();
            var formData = {
                'category_dropdown': category_dropdown,
                'searchType': searchType,
            };

            $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                url: "{{ route('user.sales.priceList.view') }}",
                type: "post",
                data: formData,
                beforeSend: function() {
                    $('#priceByCategoryShow').html('');
                    $("#loader").show();
                },
                success: (function(response) {
                    console.log(response);
                    $('#priceByCategoryShow').html(response);
                }),
                complete: function(response) {
                    $("#loader").hide();
                }
            })
        }
    </script>
@endpush