@extends('layouts.main', ['title' => 'Inventories | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li class="active">Inventory Items</li>
    </ul>
@stop
@section('title', 'Inventories Items')

@section('contentinner')

    @include('errors.errors-list')

    @include('stores.inventories.items.includes.tabs')

    <li class="right btn-group" style="float: right; margin: 10px; margin-top: -10px">
            <button class="btn" style="margin-right: 2px" onclick="create('{!! route('store.item_variants.item_variant_attribute_create') !!}')"><span
                    class="iconsweets-create"></span> New Variant Attribute
            </button> 
    </li>

    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed" id="variant_attribute_table">
                <thead>
                <tr> 
                    <th class="head1">Attribute:</th>
                    <th class="head1">Description :</th>
                    <th style="width: 60px"></th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--span6-->
    <!--tabbable-->
    <script>
        var oTable = jQuery('#variant_attribute_table').on('error.dt', function (e, settings, techNote, message) {
            console.log('An error has been reported by DataTables: ', message);
            $.jGrowl("ERROR LOADING DATA!", {header: 'Important'});
            stopSpinner();
        })
            .DataTable({
                "oLanguage": {
                    "sLoadingRecords": startSpinner(),
                    "sZeroRecords": "No store records to display.",
                    "sProcessing": "Please wait - loading records...",
                    "sInfoEmpty": "No entries to display."
                },
                "initComplete": function (settings, json) {
                    stopSpinner();
                },
                ajax: {
                    url: '{{ route("store.item_variants.item_variant_attribute_datatable") }}',
                    data: function (d) {}
                },
                scrollCollapse: true,
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "order":[[0,'asc']],
                "columns": [
                    {"class": "link", data: 'attribute'},
                    {"class": "link", data: 'description'},
                    {"class": "link", data: 'action'}
                ],
                "bStateSave": true
            });

    </script>
@endsection