@extends('layouts.default')

@section('title', 'Managed Tables - Autofill')

@push('css')
	<link href="/assets/plugins/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" />
	<link href="/assets/plugins/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" />
	<link href="/assets/plugins/datatables.net-autofill-bs4/css/autofill.bootstrap4.min.css" rel="stylesheet" />
@endpush

@section('content')
	<!-- begin breadcrumb -->
	<ol class="breadcrumb float-xl-right">
		<li class="breadcrumb-item"><a href="javascript:;">Home</a></li>
		<li class="breadcrumb-item"><a href="javascript:;">Tables</a></li>
		<li class="breadcrumb-item"><a href="javascript:;">Managed Tables</a></li>
		<li class="breadcrumb-item active">Autofill</li>
	</ol>
	<!-- end breadcrumb -->
	<!-- begin page-header -->
	<h1 class="page-header">Managed Tables - Autofill <small>header small text goes here...</small></h1>
	<!-- end page-header -->
	<!-- begin row -->
	<div class="row">
		<!-- begin col-2 -->
		<div class="col-xl-2">
			<h5>Key features include:</h5>
			<ul class="p-l-25 m-b-15">
				<li>Basic initialisation</li>
				<li>Column options</li>
				<li>Scrolling DataTable</li>
				<li>Horizontal and vertical fill</li>
				<li>Horizontal fill</li>
				<li>Complete callback</li>
				<li>Step callback</li>
			</ul>
			<p class="m-b-20">
				<a href="http://www.datatables.net/extensions/autofill/" target="_blank" class="btn btn-inverse btn-sm">View Official Website</a>
			</p>
		</div>
		<!-- end col-2 -->
		<!-- begin col-10 -->
		<div class="col-xl-10">
			<!-- begin panel -->
			<div class="panel panel-inverse">
				<!-- begin panel-heading -->
				<div class="panel-heading">
					<h4 class="panel-title">DataTable - Autofill</h4>
					<div class="panel-heading-btn">
						<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-default" data-click="panel-expand"><i class="fa fa-expand"></i></a>
						<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-success" data-click="panel-reload"><i class="fa fa-redo"></i></a>
						<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-warning" data-click="panel-collapse"><i class="fa fa-minus"></i></a>
						<a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-danger" data-click="panel-remove"><i class="fa fa-times"></i></a>
					</div>
				</div>
				<!-- end panel-heading -->
				<!-- begin alert -->
				<div class="alert alert-info fade show">
					<button type="button" class="close" data-dismiss="alert">
					<span aria-hidden="true">&times;</span>
					</button>
					AutoFill gives an Excel like option to a DataTable to click and drag over multiple cells,
					filling in information over the selected cells and incrementing numbers as needed.
					Try to mouseover and drag over any table column below.
				</div>
				<!-- end alert -->
				<!-- begin panel-body -->
				<div class="panel-body">
					<table id="data-table-autofill" class="table table-striped table-bordered table-td-valign-middle">
						<thead>
							<tr>
								<th width="1%"></th>
								<th width="1%" data-orderable="false"></th>
								<th class="text-nowrap">Rendering engine</th>
								<th class="text-nowrap">Browser</th>
								<th class="text-nowrap">Platform(s)</th>
								<th class="text-nowrap">Engine version</th>
								<th class="text-nowrap">CSS grade</th>
							</tr>
						</thead>
						<tbody>
							<tr class="odd gradeX">
								<td width="1%" class="f-s-600 text-inverse">1</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-1.jpg" class="img-rounded height-30" /></td>
								<td>Trident</td>
								<td>Internet Explorer 4.0</td>
								<td>Win 95+</td>
								<td>4</td>
								<td>X</td>
							</tr>
							<tr class="even gradeC">
								<td width="1%" class="f-s-600 text-inverse">2</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-2.jpg" class="img-rounded height-30" /></td>
								<td>Trident</td>
								<td>Internet Explorer 5.0</td>
								<td>Win 95+</td>
								<td>5</td>
								<td>C</td>
							</tr>
							<tr class="odd gradeA">
								<td width="1%" class="f-s-600 text-inverse">3</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-3.jpg" class="img-rounded height-30" /></td>
								<td>Trident</td>
								<td>Internet Explorer 5.5</td>
								<td>Win 95+</td>
								<td>5.5</td>
								<td>A</td>
							</tr>
							<tr class="even gradeA">
								<td width="1%" class="f-s-600 text-inverse">4</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-4.jpg" class="img-rounded height-30" /></td>
								<td>Trident</td>
								<td>Internet Explorer 6</td>
								<td>Win 98+</td>
								<td>6</td>
								<td>A</td>
							</tr>
							<tr class="odd gradeA">
								<td width="1%" class="f-s-600 text-inverse">5</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-5.jpg" class="img-rounded height-30" /></td>
								<td>Trident</td>
								<td>Internet Explorer 7</td>
								<td>Win XP SP2+</td>
								<td>7</td>
								<td>A</td>
							</tr>
							<tr class="even gradeA">
								<td width="1%" class="f-s-600 text-inverse">6</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-6.jpg" class="img-rounded height-30" /></td>
								<td>Trident</td>
								<td>AOL browser (AOL desktop)</td>
								<td>Win XP</td>
								<td>6</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">7</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-7.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Firefox 1.0</td>
								<td>Win 98+ / OSX.2+</td>
								<td>1.7</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">8</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-8.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Firefox 1.5</td>
								<td>Win 98+ / OSX.2+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">9</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-9.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Firefox 2.0</td>
								<td>Win 98+ / OSX.2+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">10</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-10.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Firefox 3.0</td>
								<td>Win 2k+ / OSX.3+</td>
								<td>1.9</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">11</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-11.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Camino 1.0</td>
								<td>OSX.2+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">12</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-12.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Camino 1.5</td>
								<td>OSX.3+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">13</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-13.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Netscape 7.2</td>
								<td>Win 95+ / Mac OS 8.6-9.2</td>
								<td>1.7</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">14</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-14.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Netscape Browser 8</td>
								<td>Win 98SE+</td>
								<td>1.7</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">15</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-1.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Netscape Navigator 9</td>
								<td>Win 98+ / OSX.2+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">16</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-2.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Mozilla 1.0</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">17</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-3.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Mozilla 1.1</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1.1</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">18</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-4.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Mozilla 1.2</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1.2</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">19</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-5.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Mozilla 1.3</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1.3</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">20</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-6.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Mozilla 1.4</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1.4</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">21</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-7.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Mozilla 1.5</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1.5</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">22</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-8.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Mozilla 1.6</td>
								<td>Win 95+ / OSX.1+</td>
								<td>1.6</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">23</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-9.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Mozilla 1.7</td>
								<td>Win 98+ / OSX.1+</td>
								<td>1.7</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">24</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-10.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Mozilla 1.8</td>
								<td>Win 98+ / OSX.1+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">25</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-11.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Seamonkey 1.1</td>
								<td>Win 98+ / OSX.2+</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">26</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-12.jpg" class="img-rounded height-30" /></td>
								<td>Gecko</td>
								<td>Epiphany 2.20</td>
								<td>Gnome</td>
								<td>1.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">27</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-13.jpg" class="img-rounded height-30" /></td>
								<td>Webkit</td>
								<td>Safari 1.2</td>
								<td>OSX.3</td>
								<td>125.5</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">28</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-14.jpg" class="img-rounded height-30" /></td>
								<td>Webkit</td>
								<td>Safari 1.3</td>
								<td>OSX.3</td>
								<td>312.8</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">29</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-1.jpg" class="img-rounded height-30" /></td>
								<td>Webkit</td>
								<td>Safari 2.0</td>
								<td>OSX.4+</td>
								<td>419.3</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">30</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-2.jpg" class="img-rounded height-30" /></td>
								<td>Webkit</td>
								<td>Safari 3.0</td>
								<td>OSX.4+</td>
								<td>522.1</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">31</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-3.jpg" class="img-rounded height-30" /></td>
								<td>Webkit</td>
								<td>OmniWeb 5.5</td>
								<td>OSX.4+</td>
								<td>420</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">32</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-4.jpg" class="img-rounded height-30" /></td>
								<td>Webkit</td>
								<td>iPod Touch / iPhone</td>
								<td>iPod</td>
								<td>420.1</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">33</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-5.jpg" class="img-rounded height-30" /></td>
								<td>Webkit</td>
								<td>S60</td>
								<td>S60</td>
								<td>413</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">34</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-6.jpg" class="img-rounded height-30" /></td>
								<td>Presto</td>
								<td>Opera 7.0</td>
								<td>Win 95+ / OSX.1+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">35</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-7.jpg" class="img-rounded height-30" /></td>
								<td>Presto</td>
								<td>Opera 7.5</td>
								<td>Win 95+ / OSX.2+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">36</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-8.jpg" class="img-rounded height-30" /></td>
								<td>Presto</td>
								<td>Opera 8.0</td>
								<td>Win 95+ / OSX.2+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">37</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-9.jpg" class="img-rounded height-30" /></td>
								<td>Presto</td>
								<td>Opera 8.5</td>
								<td>Win 95+ / OSX.2+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">38</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-10.jpg" class="img-rounded height-30" /></td>
								<td>Presto</td>
								<td>Opera 9.0</td>
								<td>Win 95+ / OSX.3+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">39</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-11.jpg" class="img-rounded height-30" /></td>
								<td>Presto</td>
								<td>Opera 9.2</td>
								<td>Win 88+ / OSX.3+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">40</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-12.jpg" class="img-rounded height-30" /></td>
								<td>Presto</td>
								<td>Opera 9.5</td>
								<td>Win 88+ / OSX.3+</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">41</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-13.jpg" class="img-rounded height-30" /></td>
								<td>Presto</td>
								<td>Opera for Wii</td>
								<td>Wii</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">42</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-14.jpg" class="img-rounded height-30" /></td>
								<td>Presto</td>
								<td>Nokia N800</td>
								<td>N800</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">43</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-1.jpg" class="img-rounded height-30" /></td>
								<td>Presto</td>
								<td>Nintendo DS browser</td>
								<td>Nintendo DS</td>
								<td>8.5</td>
								<td>C/A<sup>1</sup></td>
							</tr>
							<tr class="gradeC">
								<td width="1%" class="f-s-600 text-inverse">44</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-2.jpg" class="img-rounded height-30" /></td>
								<td>KHTML</td>
								<td>Konqureror 3.1</td>
								<td>KDE 3.1</td>
								<td>3.1</td>
								<td>C</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">45</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-3.jpg" class="img-rounded height-30" /></td>
								<td>KHTML</td>
								<td>Konqureror 3.3</td>
								<td>KDE 3.3</td>
								<td>3.3</td>
								<td>A</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">46</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-4.jpg" class="img-rounded height-30" /></td>
								<td>KHTML</td>
								<td>Konqureror 3.5</td>
								<td>KDE 3.5</td>
								<td>3.5</td>
								<td>A</td>
							</tr>
							<tr class="gradeX">
								<td width="1%" class="f-s-600 text-inverse">47</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-5.jpg" class="img-rounded height-30" /></td>
								<td>Tasman</td>
								<td>Internet Explorer 4.5</td>
								<td>Mac OS 8-9</td>
								<td>-</td>
								<td>X</td>
							</tr>
							<tr class="gradeC">
								<td width="1%" class="f-s-600 text-inverse">48</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-6.jpg" class="img-rounded height-30" /></td>
								<td>Tasman</td>
								<td>Internet Explorer 5.1</td>
								<td>Mac OS 7.6-9</td>
								<td>1</td>
								<td>C</td>
							</tr>
							<tr class="gradeC">
								<td width="1%" class="f-s-600 text-inverse">49</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-7.jpg" class="img-rounded height-30" /></td>
								<td>Tasman</td>
								<td>Internet Explorer 5.2</td>
								<td>Mac OS 8-X</td>
								<td>1</td>
								<td>C</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">50</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-8.jpg" class="img-rounded height-30" /></td>
								<td>Misc</td>
								<td>NetFront 3.1</td>
								<td>Embedded devices</td>
								<td>-</td>
								<td>C</td>
							</tr>
							<tr class="gradeA">
								<td width="1%" class="f-s-600 text-inverse">51</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-9.jpg" class="img-rounded height-30" /></td>
								<td>Misc</td>
								<td>NetFront 3.4</td>
								<td>Embedded devices</td>
								<td>-</td>
								<td>A</td>
							</tr>
							<tr class="gradeX">
								<td width="1%" class="f-s-600 text-inverse">52</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-10.jpg" class="img-rounded height-30" /></td>
								<td>Misc</td>
								<td>Dillo 0.8</td>
								<td>Embedded devices</td>
								<td>-</td>
								<td>X</td>
							</tr>
							<tr class="gradeX">
								<td width="1%" class="f-s-600 text-inverse">53</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-11.jpg" class="img-rounded height-30" /></td>
								<td>Misc</td>
								<td>Links</td>
								<td>Text only</td>
								<td>-</td>
								<td>X</td>
							</tr>
							<tr class="gradeX">
								<td width="1%" class="f-s-600 text-inverse">54</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-12.jpg" class="img-rounded height-30" /></td>
								<td>Misc</td>
								<td>Lynx</td>
								<td>Text only</td>
								<td>-</td>
								<td>X</td>
							</tr>
							<tr class="gradeC">
								<td width="1%" class="f-s-600 text-inverse">55</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-13.jpg" class="img-rounded height-30" /></td>
								<td>Misc</td>
								<td>IE Mobile</td>
								<td>Windows Mobile 6</td>
								<td>-</td>
								<td>C</td>
							</tr>
							<tr class="gradeC">
								<td width="1%" class="f-s-600 text-inverse">57</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-14.jpg" class="img-rounded height-30" /></td>
								<td>Misc</td>
								<td>PSP browser</td>
								<td>PSP</td>
								<td>-</td>
								<td>C</td>
							</tr>
							<tr class="gradeU">
								<td width="1%" class="f-s-600 text-inverse">58</td>
								<td width="1%" class="with-img"><img src="/assets/img/user/user-1.jpg" class="img-rounded height-30" /></td>
								<td>Other browsers</td>
								<td>All others</td>
								<td>-</td>
								<td>-</td>
								<td>U</td>
							</tr>
						</tbody>
					</table>
				</div>
				<!-- end panel-body -->
			</div>
			<!-- end panel -->
		</div>
		<!-- end col-10 -->
	</div>
	<!-- end row -->
@endsection

@push('scripts')
	<script src="/assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
	<script src="/assets/plugins/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
	<script src="/assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
	<script src="/assets/plugins/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>
	<script src="/assets/plugins/datatables.net-autofill/js/dataTables.autofill.min.js"></script>
	<script src="/assets/plugins/datatables.net-autofill-bs4/js/autofill.bootstrap4.min.js"></script>
	<script src="/assets/js/demo/table-manage-autofill.demo.js"></script>
@endpush
