@extends('layouts.app')

@section('content')
<style>
</style>
<section class="content" style="background:blue">
    <div class="box box-solid">
        <div class="box-header">
        	<h2>STOCK LEDGER</h2>
            <div class="box-tools">
                <a class="btn btn-lg btn-primary" 
                    href="{{action('ProductController@create')}}">
                    <i class="fa fa-plus"></i>NEW</a>
            </div>
        </div>
        <div class="box-body"  style="margin-left:20px;margin-right:20px;">
            <div class="table-responsive">
                <table width="100%"  class="table table-bordered table-striped" id="product_table">
                    <thead>
                        <tr>
                            <th>Code</th>
                            <th>Description</th>
                            <th>Group</th>
                            <th>Pack</th>
                            <th>Retail Price</th>
                            <th>Wholesale Price</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    {!! Form::close() !!}   
    </div>
    <div class="modal fade rep_modal" tabindex="-1" role="dialog" 
    	aria-labelledby="gridSystemModalLabel">
    </div>
</section>
@endsection
@section('javascript')
    <script>
    $(document).ready(function () {
        var product_table = $('#product_table').DataTable({
            processing: true,
            serverSide: true,
            ajax: '/products',
            columnDefs: [{
                "targets": 6,
                "orderable": false,
                "searchable": false
            }]
        });

        $('table#product_table tbody').on('click', 'a.delete-product', function (e) {
            e.preventDefault();
            swal({
                title: LANG.sure,
                icon: "warning",
                buttons: true,
                dangerMode: true,
            }).then((willDelete) => {
                if (willDelete) {
                    var href = $(this).attr('href');
                    $.ajax({
                        method: "DELETE",
                        url: href,
                        dataType: "json",
                        success: function (result) {
                            if (result.success == true) {
                                toastr.success(result.msg);
                                product_table.ajax.reload();
                            } else {
                                toastr.error(result.msg);
                            }
                        }
                    });
                }
            });
	    });
    });         
    </script>
@endsection