@extends('layouts.panel')
@section('content')
	<div>
		<h2 class="text-3xl sm:text-4xl text-[#041627]">Static Pages</h2>
	</div>
	<section class="bg-white border border-[#aeb6bf] overflow-hidden">
		<div class="overflow-x-auto">
			<table id="staticPagesTable" class="w-full min-w-[580px]">
				<thead>
					<tr class="bg-[#041627] text-white text-xs uppercase">
						<th class="p-4 text-left">Title</th>
						<th class="p-4 text-left">Slug</th>
						<th class="p-4 text-right">Actions</th>
					</tr>
				</thead>
				<tbody class="divide-y divide-[#aeb6bf]"></tbody>
			</table>
		</div>
	</section>
@endsection
@push('scripts')
	<script>
		NerosaDataTables.init('#staticPagesTable', {
			pageLength: 10,
			order: [[0, 'asc']],
			columns: [
				{ data: 'title', name: 'title', className: 'p-4 font-semibold' },
				{ data: 'slug', name: 'slug', className: 'p-4 text-sm text-[#44474c]' },
				{ data: 'actions', name: 'actions', orderable: false, searchable: false, className: 'p-4 text-right' },
			],
		});
	</script>
@endpush