@extends('layouts.admin')

@section('title', 'Articles')

@section('content')
	<div class="mb-3">
		<h1 class="h3 d-inline align-middle">Articles</h1>
	</div>

	<div class="row">
		<div class="col-md-12">
			<div class="card">
				<div class="card-header d-flex justify-content-between align-items-center">
					<h5 class="card-title mb-0">List</h5>
					<a href="{{ route('admin.articles.create') }}" class="btn btn-sm btn-outline-primary">
						<i class="fas fa-plus"></i> Add
					</a>
				</div>
				<div class="card-body">
					<table class="table table-striped dataTable no-footer dtr-inline dt_table" data-export-title="Articles" style="width:100%">
						<thead>
							<tr>
								<th>S.No.</th>
								<th>Title</th>
								<th>Category</th>
								<th>Subcategory</th>
								<th>Author</th>
								<th>Publish</th>
								<th class="noExport">Action</th>
							</tr>
						</thead>
						<tbody></tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
@endsection

@push('scripts')
<script>
	$(document).ready(function () {
		initDatatable(
			'dt_table',
			"{{ route('admin.articles.data_table') }}",
			{},
			[
				{ targets: 0,  className: "dt-body-left dt-head-left" },
				{ targets: -1, className: "dt-body-right dt-head-right" }
			],
			25,
			[],
			true,
			[]   // initial sort handled server-side (id desc — see ArticleController::getDataTable)
		);
	});
</script>
@endpush