<?php
include 'header.php';

error_reporting(E_ALL);
ini_set('display_errors', 1);

?>

<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid1" style="position: relative;">
        <div class="row mb-2 align-center">
            <div class="col-sm-6">
                <h1 class="my-3 h1">Pragraphs</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Pragraphs</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<hr class="mb-3">
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
    <div class="container-fluid1"> 
	   <div class="card-body">
		   <div class="card card-cascade narrower z-depth-0">
				<!-- Grid column -->
				<div class="col-lg-12 col-md-12 col-sm-12 table-outer">
					<div class="table-responsive" >
							<table id="dataTable" class="dataTable table table-bordered table-hover">
								<thead>
									<tr>
										<th>Title</th>
										<th>Created Date</th>
										<th>Status</th>
									</tr>
								</thead>
								<tbody></tbody>
							</table>             
						</div>	
				</div>
				<!-- Grid column -->
			</div>              
		</div>
        <!-- /.row (main row) -->   
	</div><!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<?php include 'footer.php'; ?>
<script>		
initialiseDatatable();
function initialiseDatatable() {
	$('#dataTable').dataTable().fnDestroy();
	// $('.claim-list').html('');
	// if ($.fn.dataTable.isDataTable('.dataTable')) {
	//     $('.dataTable').DataTable().clear().destroy();
	// }
	 $('#dataTable').DataTable({
		language: {
			searchPlaceholder: "Search"
		},
		"pagingType": "first_last_numbers",
		"processing": true,
		"bDestroy": true,
		"serverSide": true,
		"bAutoWidth": false,
		"searching": true,
		"destroy": true,
		"columnDefs": [
			{
				"targets": [0],
				"searchable": true,
				"orderable": true,
				"visible": true,
			}, {
				"targets": [1],
				"searchable": true,
				"orderable": true,
				"visible": true,
			}, {
				"targets": [2],
				"searchable": false,
				"orderable": false,
				"visible": true,
			}
		],
		"order": [
			[1, "desc"]
		],
		"lengthMenu": [[25, 50, 100, 200], [25, 50, 100, 200]],
		"ajax": {
			url: "controllers/get_paragraphs.php", // json datasource
			type: "post",
			data: {
			},
			error: function () {
				$(".claim-list").append('<tr><td colspan="3">No data found</td></tr>');
			}
		}
	});
	$('input[type="search"]').addClass('txt-search');
}    
</script>