revealability

Back Back Up Advanced Editor

<?php
include("header.php");

$query = "SELECT * from rental";
$rentals =db::getRecords($query);

$status = "";
if(isset($_GET['status']))
{
    $status = $_GET['status'];
}
?>

<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)">Luxury Rental Collection</a></li>
                            </ol>
                        </nav>
                        <nav aria-label="breadcrumb ">
                            <div class="ml-auto">
                                <div class="btn-group">
                                    <button type="button" class="btn btn-success bg-success bg-darken-2 m-1 px-5" data-toggle="modal" data-target="#add"><i class="bx bx-image-add mr-1"></i>Add Rental Product</button>
                                </div>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<h2 class="mb-0 text-center h1 text-primary uppercase">Luxury Rental Collection</h2>
<hr>
<div class="row">
    <?php
    if($rentals!=NULL)
    {
        foreach($rentals as $rental)
        {
    ?>
    <div class="col-12 col-lg-4 col-xl-4" >
        <div class="card">
            <img src="<?php echo "images/".$rental['image_name']; ?>" height="300" width="300" class="card-img-top" alt="">
            <div class="card-body" style="height:200px;">
                <h3 class="text-primary text-center my-2"> <?php echo $rental['c_name']; ?></h3>
                <hr>
                <div class="profile-social mt-3 text-center justify-content-between d-flex">
                    <button type="button" class="btn btn-linkedin text-center bg-info bg-darken-2  text-white  float-left" data-toggle="modal" data-target="#view-product<?php echo $rental['id']; ?>"><i class="fa fa-eye "></i></button>
                    <button type="button"  class="btn btn-info " data-toggle="modal" data-target="#edit-product<?php echo $rental['id']; ?>"><i class="bx bx-edit"></i></button>
                    <button type="button" class="btn btn-pinterest " data-toggle="modal" data-target="#delete-product<?php echo $rental['id']; ?>"><i class="bx bx-trash"></i></button>
                </div>
            </div>
        </div>
    </div>

<div class="modal-size-lg d-inline-block">
        
        <div class="modal fade text-left" id="view-product<?php echo $rental['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">
                        <h4 class="modal-title my-1 text-white">Product 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-xl-6 col-lg-6 col-md-6 px-2">
                                <img src="<?php echo "images/".$rental['image_name']; ?>" height="300" width="300" class="card-img-top" alt="">

</div>

<div class="col-md-6">
                                <h2 class="text-primary ">Name: </h2>
                                <h5 class="card-title "><?php echo $rental['c_name']; ?></h5>
                               
                                <h2 class="text-primary "> Price: </h2>
                                <h5 class="card-title ">$<?php echo $rental['price']; ?></h5>

<h2 class="text-primary ">Description:</h2>
                                <?php echo $rental['description']; ?>

</div>
                        </div>
                    </div>

</div>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="edit-product<?php echo $rental['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-info">
                    <h3 class="my-1 text-white">Edit Product</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="name" value="<?php echo $rental['c_name']; ?>" class="form-control form-control-lg radius-30" /> 
                        </div>
                        <div class="form-group">
                            <label class="h4">Price</label>
                            <input type="text" name="price" value="<?php echo $rental['price']; ?>" class="form-control form-control-lg radius-30" /> 
                        </div>
                        <div class="form-group">
                            <label class="h4">Description</label>
                            <textarea name="description" class="form-control form-control-lg radius-30"><?php echo $rental['description']; ?></textarea>
                        </div>

<input type="text" name="id" value="<?php echo $rental['id'];?>" hidden>
                        <hr/>
                        <div class="form-group">
                            <button type="submit" class="btn btn-info float-right  btn-lg " name="edit_rental">Update Product</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

<div class="modal fade" id="delete-product<?php echo $rental['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 Product</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 $rental['id'];?>" hidden>
                    <div class="modal-footer border-top-0">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Cancel</button>
                        <button type="submit" name="delete_rental" 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 Product</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="form-control form-control-lg file-upload" required />
                        </div>
                    </div>

<div class="form-group">
                        <label class="h4">Name</label>
                        <input type="text" name="c_name"  class="form-control form-control-lg radius-30" required />
                    </div>
                    <div class="form-group">
                        <label class="h4">Price</label>
                        <input type="text" name="price"  class="form-control form-control-lg radius-30" required />
                    </div>
                    <div class="form-group">
                        <label class="h4">Description</label>
                        <textarea name="description" class="form-control form-control-lg radius-30" rows="4" 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_rental" >Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<?php
include("footer.php");