@extends('layouts.master')

@section('page_title', 'Stock Adujustment')
@section('title', 'Stock Adujustment Details')
@section('main_item', 'Stock Adujustment')
@section('sub_item', 'Stock Adujustment Details')

@section('content')
    <div class="col-12">
        <div class="card">
            <div id="accordion">
                
                <div class="border-bottom card-header" style="background-color: white; cursor: pointer;" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                    <h4 class="mb-0 header-title">
                        Filter
                    </h4>
                </div>
                

            <div id="collapseOne" class="collapse show mt-3" aria-labelledby="headingOne" data-parent="#accordion">
            <div class="card-body">
              
                <div class="row">
                    <div class="col-md-3">
                        <div class="form-group">
                            <label style="font-weight: bold" style="font-weight: bold" for="supplier">Stock Adjustment
                                Type</label>
                            <div class="input-group">
                                <select class="custom-select" id="adjustment_type" name="adjustment_type" required>
                                    <option value="">All</option>
                                    <option value="decrease">Decrease</option>
                                    <option value="increase">Increase</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
        </div>
    </div>
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive dash-social">
                    <table id="laravel_datatable_stock_adjustment" class="table table-hover">
                        <thead class="thead-dark">
                            <tr>
                                <th>Action</th>
                                <th>Date</th>
                                <th>Reference No</th>
                                <th>Business Location</th>
                                <th>Adujustment Type</th>
                                <th>Total Amount</th>
                                <th>Total Amount recovered</th>
                                <th>Reason</th>
                                <th>Create By</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                        <tfoot style="background:rgb(232, 232, 232);">
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
            $('#adjustment_type').select2();
         table = $('#laravel_datatable_stock_adjustment').DataTable({
            dom: 'Blfrtip',
            buttons: ['copy', 'print', 'excel', 'pdf', 'colvis'],
            processing: false,
            serverSide: true,
            ajax: {
                url: "{{ url('list/stock/adujustment') }}",
                data: function(d) {
                    d.adjustment_type = $('#adjustment_type').val();
                }
            },
            columnDefs: [{
                "targets": [0, 4],
                "orderable": false,
                "searchable": false,

            }],
            columns: [{
                    data: 'action',
                    name: 'action'
                },
                {
                    data: 'date',
                    name: 'date'
                },
                {
                    data: 'ref_no',
                    name: 'ref_no'
                },
                {
                    data: 'location_id',
                    name: 'location_id'
                },
                {
                    data: 'adjustment_type',
                    name: 'adjustment_type'
                },
                {
                    data: 'total_amount',
                    name: 'total_amount'
                },
                {
                    data: 'total_amount_recovered',
                    name: 'total_amount_recovered'
                },
                {
                    data: 'reason_note',
                    name: 'reason_note'
                },
                {
                    data: 'create_by',
                    name: 'create_by'
                },
            ]
        });
        $(document).on('change',
            '#adjustment_type',
            function() {
                table.ajax.reload();
            });
            $(document).on('click', '.delete-stocks', function(e) {
                e.preventDefault();
                var url = $(this).attr('href');
                Swal.fire({
                    title: 'Are you sure?',
                    text: "You won't be able to revert this!",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Yes, delete it!'
                }).then((result) => {
                    if (result.value) {
                        $.ajax({
                            type: "GET",
                            url: url,
                            success: function(response) {
                                if (response.success == 1) {
                                    $.toast({
                                        heading: 'Success',
                                        text: response.msg,
                                        position: 'top-right',
                                        bgColor: '#1ecab8',
                                        icon: 'success',
                                        showHideTransition: 'fade',
                                        hideAfter: 6500,
                                        loaderBg: '#ecf0f1',
                                    })
                                    table.ajax.reload();
                                } else {
                                    $.toast({
                                        heading: 'Error',
                                        text: response.msg,
                                        position: 'top-right',
                                        bgColor: '#f1646c',
                                        icon: 'error',
                                        showHideTransition: 'fade',
                                        hideAfter: 6500,
                                        loaderBg: '#ecf0f1'
                                    })
                                }
                            }
                        });
                    }
                })
            });
    </script>
@endsection