File "blogs-20250916141742.php"
Full Path: /home/sasslijg/public_html/admin/blog/blogs-20250916141742.php
File size: 10.17 KB
MIME-type: text/x-php
Charset: utf-8
<?php
include("header.php");
$query = "SELECT * from blog";
$blogs =db::getRecords($query);
?>
<section id="breadcrumb-alignment">
<div class="row">
<div class="col-sm-12">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between breadcrumb-wrapper">
<nav aria-label="breadcrumb ">
<ol class="breadcrumb mt-2">
<li class="breadcrumb-item"><a href="javascript:void(0)"><i class='bx bx-home-alt mx-1'></i>Dashboard</a></li>
<li class="breadcrumb-item"><a href="javascript:void(0)">Blogs</a></li>
</ol>
</nav>
<nav aria-label="breadcrumb ">
<div class="ml-auto">
<div class="btn-group">
<button type="button" class="btn bg-success text-white bg-darken-2 m-1 px-5" data-toggle="modal" data-target="#add"><i class="bx bx-image-add mr-1"></i>Add Blog</button>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Breadcrumb Alignment Ends -->
<h2 class="mb-0 text-center h1 text-primary uppercase">Blogs</h2>
<hr>
<div class="row">
<?php
if($blogs!=NULL)
{
foreach($blogs as $blog)
{
?>
<div class="col-12 col-md-6 col-lg-4 col-xl-4" >
<div class="card">
<img src="<?php echo "images/".$blog['image_name']; ?>" height="300" width="300" class="card-img-top" alt="">
<div class="card-body" style="height:auto;">
<h3 class="text-primary text-center my-2"><?php echo $blog['title']; ?></h3>
<hr>
<div class="profile-social mt-3 text-center justify-content-between d-flex">
<button type="button" class="btn text-center bg-info bg-darken-2 text-white float-left" data-toggle="modal" data-target="#view_details<?php echo $blog['id']; ?>"><i class="fa fa-eye "></i></button>
<button type="button" class="btn btn-linkedin btn-success" data-toggle="modal" data-target="#edit_blog<?php echo $blog['id']; ?>"><i class="bx bx-edit"></i></button>
<button type="button" class="btn btn-pinterest " data-toggle="modal" data-target="#delete_blog<?php echo $blog['id']; ?>"><i class="bx bx-trash"></i></button>
</div>
</div>
</div>
</div>
<div class="modal-size-lg d-inline-block">
<!-- Modal -->
<div class="modal fade text-left" id="view_details<?php echo $blog['id']; ?>" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header bg-info bg-darken-2 text-white">
<h4 class="modal-title my-1 text-white">Blog Details</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row justify-content-center">
<div class=" col-md-6 ">
<img class="img-fluid w-100" src="<?php echo "images/".$blog['image_name']; ?>" alt="slide" style="height:400px" />
</div>
<div class="col-md-6">
<h2 class="text-primary ">Name: </h2>
<h5 class="card-title "><?php echo $blog['title']; ?></h5>
<h2 class="text-primary ">Date: </h2>
<h5 class="card-title "><?php echo $blog['date']; ?></h5>
<h2 class="text-primary ">Description:</h2>
<?php echo $blog['description']; ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="edit_blog<?php echo $blog['id']; ?>" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content radius-30">
<div class="modal-header border-bottom-0 bg-success">
<h3 class="my-1 text-white">Edit Blog</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body p-5">
<form action="../action.php" method="post" enctype="multipart/form-data">
<div class="form-group">
<label class="h4">Image</label>
<input type="file" name="file" class="form-control form-control-lg radius-30" />
</div>
<div class="form-group">
<label class="h4">Name</label>
<input type="text" name="title" value="<?php echo $blog['title']; ?>" class="form-control form-control-lg radius-30" />
</div>
<div class="form-group">
<label class="h4">Date</label>
<input type="date" name="date" value="<?php echo $blog['date']; ?>" class="form-control form-control-lg radius-30" />
</div>
<div class="form-group">
<label class="h4">Description</label>
<textarea class="ckeditor form-control form-control-lg radius-30" name="description" rows="5"><?php echo $blog['description']; ?></textarea>
</div>
<input type="text" name="id" value="<?php echo $blog['id'];?>" hidden>
<hr/>
<div class="form-group">
<button type="submit" class="btn btn-success float-right btn-lg " name="edit_blog">Update Blog</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="delete_blog<?php echo $blog['id']; ?>" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered ">
<div class="modal-content border-0">
<div class="modal-header bg-danger bg-darken-2 border-bottom-0">
<h3 class="modal-title" style="color:#fff;">Delete Blog</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span>
</button>
</div>
<form action="../action.php" method="POST">
<div class="modal-body">
<p class="text-danger" >Are You Sure to Delete This</p>
</div>
<input type="text" name="delete_id" value="<?php echo $blog['id'];?>" hidden>
<div class="modal-footer border-top-0">
<button type="button" class="btn btn-success" data-dismiss="modal">Cancel</button>
<button type="submit" name="delete_blog" class="btn btn-outline-danger">Delete</button>
</div>
</form>
</div>
</div>
</div>
<?php
}
}
else{
echo "Data is not Found!!";
}
?>
</div>
<!-- Modal -->
<div class="modal fade" id="add" data-backdrop="false" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content radius-30">
<div class="modal-header bg-success bg-darken-2 border-bottom-0">
<h3 class="text-white m-1">Add Blog</h3>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body p-5">
<form action="../action.php" method="post" enctype="multipart/form-data">
<div class="form-group">
<label class="h4">Upload Image</label>
<div class="file-upload-wrapper">
<input type="file" name="file" class="file-upload" required />
</div>
</div>
<div class="form-group">
<label class="h4">Name</label>
<input type="text" name="title" class="form-control form-control-lg radius-30" required />
</div>
<div class="form-group">
<label class="h4">Date</label>
<input type="date" name="date" class="form-control form-control-lg radius-30" required />
</div>
<div class="form-group">
<label class="h4">Description</label>
<textarea type="text" name="description" rows="5" class="ckeditor form-control form-control-lg radius-30" required> </textarea>
</div>
<hr/>
<div class="form-group">
<button type="submit" class="btn bg-success bg-darken-2 text-white float-right radius-30 btn-lg" name="add_new_blog" >Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<?php
include("footer.php");
?>