@extends('layouts.master')

@section('title', '')

@section('style')

@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('#example').DataTable();  // เปิดใช้งาน DataTable
        });
    </script>
@endsection

@section('content')

@include('layouts.header')



<section class="wrapper image-wrapper bg-image bg-overlay text-white" data-image-src="{{ asset('/sandbox/img/photos/bg5.jpg') }}">
	<div class="container pt-18 pb-15 pt-md-20 pb-md-19 text-center">
		<div class="row">
			<div class="col-md-10 col-xl-8 mx-auto">
				<div class="post-header">
					<div class="post-category text-line text-white">
						<a href="#" class="text-reset" rel="category">Teamwork</a>
					</div>
					<!-- /.post-category -->
					<h1 class="display-1 mb-4 text-white">MONICA FUENTES</h1>
					<ul class="post-meta text-white">
						<li class="post-date"><i class="uil uil-calendar-alt"></i><span>5 Jul 2022</span></li>
						<li class="post-author"><i class="uil uil-user"></i><a href="#" class="text-reset"><span>By Sandbox</span></a></li>
						<li class="post-comments"><i class="uil uil-comment"></i><a href="#" class="text-reset">3<span> Comments</span></a></li>
						<li class="post-likes"><i class="uil uil-heart-alt"></i><a href="#" class="text-reset">3<span> Likes</span></a></li>
					</ul>
					<!-- /.post-meta -->
				</div>
				<!-- /.post-header -->
			</div>
			<!-- /column -->
		</div>
		<!-- /.row -->
	</div>
	<!-- /.container -->
</section>
<!-- /section -->

<section class="frame wrapper">
	<div class="content-wrapper bg-light">

		<div class="container py-14 py-md-16">
			<h2 class="card-header" align="left">Simple</h2><br>
			<div class="card shadow-lg">

				<div class="card-body">
					<table class="table table-striped" id="example">
						<thead>
							<tr>
								<th scope="col">#</th>
								<th scope="col">First</th>
								<th scope="col">Last</th>
								<th scope="col">Handle</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<th scope="row">1</th>
								<td>Humnoi</td>
								<td>Otto</td>
								<td>@mdo</td>
							</tr>
							<tr>
								<th scope="row">2</th>
								<td>Humyai</td>
								<td>Thornton</td>
								<td>@fat</td>
							</tr>
							<tr>
								<th scope="row">3</th>
								<td colspan="2">Larry the Bird</td>
								<td>@twitter</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</section>




@include('layouts.footer')

@endsection