@extends('admin.admin_app')

@section('content')
<div class="content-wrapper">

    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="card">
            <h5 class="card-header">Stock &nbsp;&nbsp;&nbsp;
                <a href="{{ route('admin.stock.add_stock') }}" type="button" class="btn btn-primary">
                    <span class="tf-icons bx bx-plus"></span>&nbsp; Add new stock
                </a>
            </h5>
            <div class="card-body">

                <div class="table-responsive text-nowrap">
                    <table class="table table-bordered data-table">
                        <thead>
                            <tr>
                                <th>Sr No.</th>
                                <th>Card Type</th>
                                <th>Total Stock</th>
                                <th>Create At</th>
                            </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script')
<script type="text/javascript">
    $(function() {

        var table = $('.data-table').DataTable({
            processing: true,
            serverSide: true,
            stateSave: true,
            ajax: "{{ route('stock.index') }}",
            columns: [{
                    data: 'DT_RowIndex',
                    name: 'DT_RowIndex'
                },
                {
                    data: 'attribute_value',
                    name: 'attribute_value'
                },
                {
                    data: 'stock',
                    name: 'stock'
                },
                {
                    data: 'created_at',
                    name: 'created_at'
                }
            ]
        });
    });
</script>
@endsection