@extends('adminlte::layouts.app')

@section('htmlheader_title')
	Item List
@endsection

@section('contentheader_title')
	Item List
@endsection

@section('header_styles')
	<link rel="stylesheet" type="text/css" href={{ asset("plugins/datatables/dataTables.bootstrap.css")}}>
@stop

@section('main-content')
	<div class="container-fluid spark-screen">
		<div class="row">
			<div class="col-md-12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<div class="panel-heading">
							<a href="{{ url('/items/create') }}" class="btn btn-primary">New Item</a>
						</div>
					</div>
					<div class="panel-body">
						@include('items.table')
					</div>
				</div>
			</div>
		</div>
	</div>

@endsection

<script type="text/javascript" language="javascript" src= {{ asset("plugins/jQuery/jquery-2.2.3.min.js")}} ></script>
<script type="text/javascript" language="javascript" src= {{ asset("plugins/datatables/jquery.dataTables.js")}} ></script>
<script type="text/javascript" language="javascript" src= {{ asset("plugins/datatables/dataTables.bootstrap.js")}} ></script>
<script>
    $( document ).ready(function() {

        $(function () {
            $('#example2').DataTable({
                'paging'      : true,
                'lengthChange': false,
                'searching'   : false,
                'ordering'    : true,
                'info'        : true,
                'autoWidth'   : false
            })
        });

    });



</script>