revealability

Back Back Up Advanced Editor

<?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>

<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">

<div class="modal-size-lg d-inline-block">
        
        <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">&times;</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">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-5">

<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>

<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">&times;</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>

<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">&times;</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">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");