{% extends 'edumin/elements/layouts/admin.html' %}
{% load static %}
        
{% block additional_css %}
{% endblock %}
		
{% block content %}
<!--**********************************
	Content body start
***********************************-->
<div class="content-body">
	<div class="container-fluid">

		<div class="row page-titles mx-0">
			<div class="col-sm-6 p-md-0">
				<div class="welcome-text">
					<h4>Content</h4>
				</div>
			</div>
			<div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
				<ol class="breadcrumb">
					
					<li class="breadcrumb-item"><a href="javascript:void(0);">CMS</a></li>
					<li class="breadcrumb-item active"><a href="javascript:void(0);">Content</a></li>
				</ol>
			</div>
		</div>

		<!-- row -->
		<div class="row">
			<div class="col-xl-12">
				<div class="filter cm-content-box box-primary">
					<div class="content-title SlideToolHeader">
						<div class="cpa">
							<i class="fa-sharp fa-solid fa-filter me-2"></i>Filter
						</div>
						<div class="tools">
							<a href="javascript:void(0);" class="handle expand"><i class="fal fa-angle-down"></i></a>
						</div>
					</div>
					<div class="cm-content-body form excerpt">
						<div class="card-body">
							<div class="row">
								<div class="col-xl-3 col-sm-6">
									<label class="form-label" for="Title">Title</label>
									<input type="text" name="Title" class="form-control mb-xl-0 mb-3" id="Title" placeholder="Title">
								</div>
								<div class="col-xl-3  col-sm-6 mb-3 mb-xl-0">
									<label class="form-label">Status</label>
									<select class="form-control default-select h-auto wide" aria-label="Default select example">
										<option selected>Select Status</option>
										<option value="1">Published</option>
										<option value="2">Draft</option>
										<option value="3">Trash</option>
										<option value="4">Private</option>
										<option value="5">Pending</option>
									</select> 
								</div>
								<div class="col-xl-3 col-sm-6">
									<label class="form-label" for="Date">Date</label>
									<div class="input-hasicon mb-xl-0 mb-3">
										<input  name="Date" id="Date" class="form-control bt-datepicker ">
										<div class="icon"><i class="far fa-calendar"></i></div>
									</div>
								</div>
								<div class="col-xl-3 col-sm-6 align-self-end mb-sm-3 mb-xl-0">
									<div>
										<button class="btn btn-primary light me-1" title="Click here to Search" type="button"><i class="fa fa-filter me-1"></i>Filter</button>
										<button class="btn btn-danger light" title="Click here to remove filter" type="button">Remove</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="mb-5">
					<a href="{% url 'edumin:add-content' %}" class="btn btn-primary">Add Content</a>
				</div>
				<div class="filter cm-content-box box-primary">
					<div class="content-title SlideToolHeader">
						<div class="cpa">
							<i class="fa-solid fa-file-lines me-1"></i>Contact List
						</div>
						<div class="tools">
							<a href="javascript:void(0);" class="expand handle"><i class="fal fa-angle-down"></i></a>
						</div>
					</div>
					<div class="cm-content-body form excerpt">
						<div class="card-body py-3">
							<div class="table-responsive">
								<table class="table text-nowrap">
									<thead>
										<tr>
											<th>S.No</th>
											<th>Title</th>
											<th>Status</th>
											<th>Modified</th>
											<th class="text-end">Actions</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>1</td>
											<td>About Us</td>
											<td>Published</td>
											<td>18 Feb, 2024</td>
											<td class="text-end">
											
												<a href="javascript:void(0);" class="btn btn-warning btn-sm content-icon">
													<i class="fa fa-edit"></i>
												</a>
												<a href="javascript:void(0);" class="btn btn-danger btn-sm content-icon">
														<i class="fa fa-times"></i>
												</a>
											</td>
										</tr>
										<tr>
											<td>2</td>
											<td>FAQ</td>
											<td>Published</td>
											<td>13 Jan, 2024</td>
											<td class="text-end">
												
												<a href="javascript:void(0);" class="btn btn-warning btn-sm content-icon">
													<i class="fa fa-edit"></i>
												</a>
												<a href="javascript:void(0);" class="btn btn-danger btn-sm content-icon">
														<i class="fa fa-times"></i>
												</a>
											</td>
										</tr>
										<tr>
											<td>3</td>
											<td>Pricing</td>
											<td>Published</td>
											<td>13 Jan, 2024</td>
											<td class="text-end">
												
												<a href="javascript:void(0);" class="btn btn-warning btn-sm content-icon">
													<i class="fa fa-edit"></i>
												</a>
												<a href="javascript:void(0);" class="btn btn-danger btn-sm content-icon">
														<i class="fa fa-times"></i>
												</a>
											</td>
										</tr>
										<tr>
											<td>4</td>
											<td>Schedule</td>
											<td>Published</td>
											<td>13 Jan, 2024</td>
											<td class="text-end">
												
												<a href="javascript:void(0);" class="btn btn-warning btn-sm content-icon">
													<i class="fa fa-edit"></i>
												</a>
												<a href="javascript:void(0);" class="btn btn-danger btn-sm content-icon">
														<i class="fa fa-times"></i>
												</a>
											</td>
										</tr>
										<tr>
											<td>5</td>
											<td>Under Maintenance</td>
											<td>Published</td>
											<td>25 Jan, 2024</td>
											<td class="text-end">
												
												<a href="javascript:void(0);" class="btn btn-warning btn-sm content-icon">
													<i class="fa fa-edit"></i>
												</a>
												<a href="javascript:void(0);" class="btn btn-danger btn-sm content-icon">
														<i class="fa fa-times"></i>
												</a>
											</td>
										</tr>
									</tbody>
								</table>
								<div class="d-flex align-items-center justify-content-between flex-column flex-lg-row py-3">
									<small class="mb-xl-0 mb-2">Page 1 of 5, showing 2 records out of 8 total, starting on record 1, ending on 2</small>
									<nav aria-label="Page navigation example">
										<ul class="pagination mb-2 mb-sm-0">
										<li class="page-item"><a class="page-link" href="javascript:void(0);"><i class="fa-solid fa-angle-left"></i></a></li>
										<li class="page-item"><a class="page-link" href="javascript:void(0);">1</a></li>
										<li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
										<li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
										<li class="page-item"><a class="page-link " href="javascript:void(0);"><i class="fa-solid fa-angle-right"></i></a></li>
										</ul>
									</nav>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--**********************************
	Content body end
***********************************-->
{% endblock %}