
<?php $__env->startSection('content'); ?>
			<div class="page-title">
					<nav aria-label="breadcrumb">
		<ol class="breadcrumb">
			<li><h1>Blog</h1></li>
			<li class="breadcrumb-item">
				<a href="<?php echo e(url('index')); ?>">
					<svg width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
						<path d="M2.125 6.375L8.5 1.41667L14.875 6.375V14.1667C14.875 14.5424 14.7257 14.9027 14.4601 15.1684C14.1944 15.4341 13.8341 15.5833 13.4583 15.5833H3.54167C3.16594 15.5833 2.80561 15.4341 2.53993 15.1684C2.27426 14.9027 2.125 14.5424 2.125 14.1667V6.375Z" stroke="var(--bs-body-color)" stroke-linecap="round" stroke-linejoin="round"/>
						<path d="M6.375 15.5833V8.5H10.625V15.5833" stroke="var(--bs-body-color)" stroke-linecap="round" stroke-linejoin="round"/>
					</svg>
					Home
				</a>
			</li>
			<li class="breadcrumb-item active" aria-current="page">Blog</li>
		</ol>
	</nav>
			</div>
			<div class="container-fluid">
				
				<div class="row">
					<div class="col-xl-12">
						<div class="card card-collapse">
							<div class="card-header">
								<h4 class="card-title"><i class="fa-sharp fa-solid fa-filter me-1 text-primary"></i> Filter</h4>
								<a class="collapse-indicator" data-bs-toggle="collapse" href="#collapseFilter" role="button" aria-expanded="false" aria-controls="collapseFilter">
									<i class="fa fa-angle-down"></i>
								</a>
							</div>
							<div class="collapsed collapse show" id="collapseFilter">
								<div class="card-body">
									<div class="row">
										<div class="col-xxl-3 col-lg-4 col-sm-6 mb-3 mb-xxl-0">
											<input type="text" class="form-control" id="exampleFormControlInput1" placeholder="Title">
										</div>
										<div class="col-xxl-3 col-lg-4 col-sm-6 mb-3 mb-xxl-0">
											<select class="selectpicker form-select">
												<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-xxl-3 col-lg-4 col-sm-6 mb-3 mb-xxl-0">
											<input class="form-control bs-datepicker" type="text" value="03/13/2025">
										</div>
										<div class="col-xxl-3 col-lg-12 col-sm-6">
											<button class="btn btn-primary me-2" title="Click here to Search" type="button">
												<i class="fa-sharp fa-solid fa-filter"></i>Filter
											</button>
											<button class="btn btn-danger light" title="Click here to remove filter" type="button">Remove Filter</button>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="mb-4">
							<ul class="d-flex align-items-center flex-wrap">
								<li><a href="add-blog" class="btn btn-primary ">Add Blog</a></li>
								<li><a href="blog-category" class="btn btn-primary mx-1">Blog Category</a></li>
								<li><a href="blog-category" class="btn btn-primary mt-sm-0 mt-1">Add Blog Category</a></li>
							</ul>
						</div>
						
						<div class="card card-collapse">
							<div class="card-header">
								<h4 class="card-title"><i class="fa-solid fa-file-lines me-1 text-primary"></i>Blogs lists</h4>
								<a class="collapse-indicator" data-bs-toggle="collapse" href="#collapseContactList" role="button" aria-expanded="false" aria-controls="collapseContactList">
									<i class="fa fa-angle-down"></i>
								</a>
							</div>
							<div class="collapsed collapse show" id="collapseContactList">
								<div class="card-body">
									<div class="table-responsive">
										<table class="table table-bordered table-striped">
											<thead>
												<tr>
													<th class="mw-80">S.No</th>
													<th class="mw-150">Title</th>
													<th class="mw-150">Status</th>
													<th class="mw-150">Modified</th>
													<th class="mw-150 text-end">Actions</th>
												</tr>
											</thead>
											<tbody class="text-nowrap">
												<tr>
													<td>1</td>
													<td>Title of first blog post entry</td>
													<td>Published</td>
													<td>09 Jan, 2024</td>
													<td class="text-end">
														<a href="javascript:void(0);" class="btn btn-square btn-warning btn-sm">
															<i class="fa-solid fa-pen-to-square"></i>
														</a>
														<a href="javascript:void(0);" class="btn btn-square btn-danger btn-sm">
															<i class="fa-solid fa-trash"></i>
														</a>
													</td>
												</tr>
												<tr>
													<td>2</td>
													<td>Why Go For A VFX Course?</td>
													<td>Published</td>
													<td>13 May, 20224</td>
													<td class="text-end">
														<a href="javascript:void(0);" class="btn btn-square btn-warning btn-sm">
															<i class="fa-solid fa-pen-to-square"></i>
														</a>
														<a href="javascript:void(0);" class="btn btn-square btn-danger btn-sm">
															<i class="fa-solid fa-trash"></i>
														</a>
													</td>
												</tr>
												<tr>
													<td>3</td>
													<td>Reasons To Choose Animation Courses</td>
													<td>Published</td>
													<td>13 Apr, 2024</td>
													<td class="text-end">
														<a href="javascript:void(0);" class="btn btn-square btn-warning btn-sm">
															<i class="fa-solid fa-pen-to-square"></i>
														</a>
														<a href="javascript:void(0);" class="btn btn-square btn-danger btn-sm">
															<i class="fa-solid fa-trash"></i>
														</a>
													</td>
												</tr>
												<tr>
													<td>4</td>
													<td>Blue Screen Vs. Green Screen For VFX</td>
													<td>Published</td>
													<td>13 June, 2024</td>
													<td class="text-end">
														<a href="javascript:void(0);" class="btn btn-square btn-warning btn-sm">
															<i class="fa-solid fa-pen-to-square"></i>
														</a>
														<a href="javascript:void(0);" class="btn btn-square btn-danger btn-sm">
															<i class="fa-solid fa-trash"></i>
														</a>
													</td>
												</tr>
												<tr>
													<td>5</td>
													<td>All About Animation</td>
													<td>Published</td>
													<td>13 Apr, 2024</td>
													<td class="text-end">
														<a href="javascript:void(0);" class="btn btn-square btn-warning btn-sm">
															<i class="fa-solid fa-pen-to-square"></i>
														</a>
														<a href="javascript:void(0);" class="btn btn-square btn-danger btn-sm">
															<i class="fa-solid fa-trash"></i>
														</a>
													</td>
												</tr>
												
											</tbody>
										</table>
									</div>
									<div class="d-flex align-items-center gap-3 justify-content-xl-between flex-wrap justify-content-start justify-content-xl-center">
										<small>Page 1 of 5, showing 2 records out of 8 total, starting on record 1, ending on 2</small>
										<nav aria-label="Page navigation">
											<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>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.default', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\xampp82\htdocs\products\wajid-templates\w3crm-laravel\package\resources\views/W3crm/cms/blog.blade.php ENDPATH**/ ?>