Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 4.18.0-553.40.1.lve.el8.x86_64

PHP Version:

8.2.27

User:

u506365997

Directory:

/home/u506365997/domains/creativeink.in/public_html

Free Space:

3.15 TB

🔧 Quick Actions

✏️ Editing: track.php

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Creativeink || Track You Order</title>
	
	
	<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="css/style.css">
	
	<link rel="stylesheet" href="css/responsive.css">
    <style>
        body{
            background-color: #EEE;
        }
        .input-container {
            display: flex; /* Flexbox for input and button alignment */
            border-radius: 5px; /* Rounded corners for the container */
            overflow: hidden; /* Hide overflow for rounded corners */
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        }

.input-box {
            padding: 15px; /* Padding for input */
            border: 0.1px solid #F6E96B;
            border-radius: 5px 0 0 5px; /* Rounded left corners */
            font-size: 16px; /* Font size */
            width: 100%; /* Width of the input box */
            box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
            
        }

.input-button {
            padding: 15px 20px; /* Padding for button */
            background-color: #f95a2c; /* Button background color */
            color: white; /* Text color */
            border: none; /* Remove default border */
            border-radius: 0 5px 5px 0; /* Rounded right corners */
            cursor: pointer; /* Pointer on hover */
            font-size: 16px; /* Font size */
            transition: background-color 0.3s; /* Transition for hover effect */
        }

.input-button:hover {
            background-color: #f47a51; /* Darker color on hover */
        }

.order-card {
            animation: fadeInUp 0.6s ease-in-out both;
            position: relative; /* Ensure the card has relative positioning */
            padding-bottom: 60px; 
            height: 520px;
            margin-bottom: 20px; /* Space between cards */
            border: 1px solid #ddd; /* Border around each card */
            padding: 10px; /* Padding inside the card */
            border-radius: 5px; /* Rounded corners for the card */
            background-color: #fff; /* White background for the card */
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); /* Optional: subtle shadow */
            position: relative; /* Ensures ::before and ::after pseudo-elements work correctly */
        }
        @keyframes fadeInUp {
            0% {
                opacity: 0;
                transform: translateY(-50px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

/* Optional: add a top and bottom gradient border for a nicer effect */
        .order-card::before
        {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            height: 8px; /* Adjust height as needed */
            background: linear-gradient(to right, #4CAF50, #8BC34A); /* Green gradient */
            top: -10px; /* Positioning for the top border */
            z-index: -1;
            border-radius: 5px 5px 0px 0px;
        }
        .order-card::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            height: 8px; /* Adjust height as needed */
            background: linear-gradient(to right, #4CAF50, #8BC34A); /* Green gradient */
            top: -10px; /* Positioning for the top border */
            z-index: -1;
            border-radius: 0px 0px 5px 5px;
        }

.order-card::after {
            top: auto;
            bottom: -10px; /* Positioning for the bottom border */
        }

.order-card .order-details p{
            font-size: 13px;
        }
        .order-card .order-details table tbody tr td{
            padding: 5px 10px;
            font-size: 13px;
        }
        .order-card .order-details{
            padding-left: 10px;
            padding-right: 10px;
        }
        .order-card .order-details span{
            font-size: 13px;
            opacity: 0.7;
        }
        .order-rate{
            padding-left: 10px;
            padding-right: 10px;
        }
        .order-rate-img{
            padding-left: 10px;
            padding-right: 10px;
            display: block;
            float: right;
        }
        .order-status{
            position: absolute; /* Make it fixed at the bottom */
            bottom: 10px; /* Distance from the bottom of the card */
            left: 0;
            right: 0;
            display: flex;
            justify-content: space-between;
            padding: 10px;
            box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
            border-radius: 5px;
        }
        .order-status h5 {
            color: red !important;
            margin: 0;
        }

.order-box {
            height: 15px;
            width: 15px;
            border-radius: 50%;
            background-color: #fff;
            margin-top: 10px;
        }
        .order-card::before,
        .order-card::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            height: 8px; /* Adjust height as needed */
            background: linear-gradient(to right, #4CAF50, #8BC34A); /* Green gradient */
            top: -10px; /* Positioning for the top border */
            z-index: -1;
        }

.order-card::after {
            top: auto;
            bottom: -10px; /* Positioning for the bottom border */
        }
        @media(max-width:600px){
            .order-card{
                height: auto;
                padding-bottom: 60px;
                margin-top: 15px!important;
            }
            .order-card img{
                margin-top: -30px!important;
            }
        }
    </style>
</head>
<body>
<section id="topbar" class="construct">
		<div class="container">
			<div class="row">
				<div class="social pull-right">
					<ul>
						<li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
						<li><a href="#"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#"><i class="fa fa-instagram"></i></a></li>
						<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
						<li><a href="https://www.youtube.com/channel/UCIxx7ny-89W3awutRAPcBcQ" target="_blank"><i class="fa fa-youtube"></i></a></li>
						<li><a href="track.php"><button class="badge badge-success" style="background-color: #73EC8B;">Your Order</button></a></li>
					</ul>
				</div> 
				<div class="contact-info pull-left">
					<ul>
						<li><a href="tel:+1234567890"><i class="fa fa-map-marker"></i>  398/1, Grand Trunk Road, Howrah, W.B</a></li>
						<li><a href="mailto:mail@creativeink.in"><i class="fa fa-envelope"></i> mail@creativeink.in</a></li>
						<li><a href="tel:9875353677"><i class="fa fa-phone"></i> +91-9875353677</a></li>
					</ul>
				</div> 
			</div>
		</div>
	</section>
<header class="construct header-curvy">
		<div class="search-box">
			<div class="container">
				<div class="pull-right search  col-lg-3 col-md-4 col-sm-5 col-xs-12">
					<form action="#">
						<input type="text" placeholder="Search Here"> <button type="submit"><i class="icon icon-Search"></i></button>
					</form>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="clearfix">
				<div class="pull-left logo">
					<a href="index.php">
						<img src="img/resources/Website Logo.png" alt="Plumberx">
					</a>
				</div>
				<nav class="pull-right mainmenu-container clearfix">
					<ul class="top-icons-wrap pull-right">
						<li class="top-icons search"><a href="#"><i class="icon icon-Search"></i></a></li>
					</ul>
					<button class="mainmenu-toggler">
						<i class="fa fa-bars"></i>
					</button>
					<ul class="mainmenu pull-right">
						<li class="current">
							<a href="index.php">Home</a>
							
							
							
						</li>						
						<li class="dropdown">
							<a href="#">About</a>
							<ul class="submenu">
								<li class="">
									<a href="about.php">Our Vision</a>
								</li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#">Our Products</a>
							<ul class="submenu">
                                <li><a href="identitycard_and_accessories.php">ID Cards & Accessories</a></li>
								<li><a href="stationary_letterheads_stamps.php">Prints & Stationery</a></li>
								<li><a href="badges_medals.php">Medals & Badges</a></li>
								<li><a href="mugs_albums_gifts.php">Mugs, Albums & Gifts</a></li>
								<li><a href="#">Mementos & Awards</a></li>
								
								<li><a href="clothing_bags.php">Apparels & Bags</a></li>
								<li><a href="animation_designing.php">Animation & Designing</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#">Blog</a>
							<ul class="submenu">
								<li><a href="blog-v2.php">Blog Style Two</a></li>	
								<li><a href="blog.php">Blog Left Sidebar</a></li>
								<li><a href="blog-right.php">Blog Right Sidebar</a></li>
								<li><a href="blog-single.php">Blog Details</a></li>
							</ul>
						</li>
						<li><a href="contact.php">Get In Touch</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</header> 
	
	<section>
		<div class="container" style="margin-top: 50px; margin-bottom:50px;">
            <div class="row">
                <div class="col-12 col-md-3"></div>
                <div class="col-12 col-md-6">
                    <form action="" method="POST">
                    <label for="">Mobile Number <span style="color:red;">*</span></label>
                    <div class="input-container">
                        <input type="text" name="search" placeholder="Enter Mobile & Track Your Order..." class="input-box" />
                        <button type="submit" name="ok" class="input-button">Track</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>
	</section>
    <section>
        <div class="container" style="margin-top: 20px; margin-bottom:50px;">
            <div class="row">
                <?php
                    include './sql/config.php';
                    if(isset($_POST['ok'])){
                        $search = $_POST['search'];
                        $customer = mysqli_query($conn, "SELECT * FROM `user` WHERE customer_phone = '$search'") or mysqli_error($conn);
                        if(mysqli_num_rows($customer) > 0){
                            $row = mysqli_fetch_array($customer);
                            $id = $row['id'];
                            $product = mysqli_query($conn, "SELECT * FROM `product_order` WHERE `c_id` = '$id' ORDER BY `status` = 0 DESC, `status` ASC") or mysqli_error($conn);
                            if(mysqli_num_rows($product) > 0){
                                while($row_product = mysqli_fetch_array($product)){
                                    $purchase_id = $row_product['id'];
                                    $date = $row_product['order_date'];
                                    $new_format_date = date("d-m-Y", strtotime($date));
                                    $order_c = mysqli_query($conn, "SELECT * FROM `customer_details` WHERE purchase_id = '$purchase_id'") or mysqli_error($conn);
                                    if(mysqli_num_rows($order_c) > 0){
                                        $row_order = mysqli_fetch_array($order_c);
                                    }
                ?>
                            <div class="col-12 col-md-4">
                                <div class="order-card">
                                    <div class="order-details">
                                        <p><b>Order Id</b> : <?php echo $row_product['order_id']; ?> <br> <b>Order Date</b> : <?php echo $new_format_date; ?></p><hr>
                                        <table>
                                            <tbody>
                                                <tr>
                                                    <td><b>Name</b></td>
                                                    <td> : </td>
                                                    <td><?php echo $row['customer_name']; ?></td>
                                                </tr>
                                                <tr>
                                                    <td><b>Mobile</b></td>
                                                    <td> : </td>
                                                    <td><?php echo $row['customer_phone']; ?></td>
                                                </tr>
                                                <tr>
                                                    <td><b>Delivery Addrress</b></td>
                                                    <td> : </td>
                                                    <td><?php echo $row_order['address']; ?> 
                                                        <?php echo $row_order['landmark']; ?> 
                                                        <?php echo $row_order['dist']; ?>,
                                                        <?php echo $row_order['state']; ?>,
                                                        <?php echo $row_order['pin']; ?>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div><hr>
                                    <div class="order-details">
                                        <div>
                                            <h4><b><?php echo $row_product['p_name']; ?></b></h4>
                                            <span>Quantity : <?php echo $row_product['quantity']; ?></span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-md-5">
                                            <div class="order-rate">
                                                <h4><b>Rs. <?php echo $row_product['total']; ?>.00</b></h4>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-7">
                                            <div class="order-rate-img">
                                                <img src="./creativeinkadmin/sql/product_image/<?php echo $row_product['pimage']; ?>" alt="" height="80px" width="80px">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="order-status">
                                        <?php
                                            if($row_product['status'] == 0){
                                        ?>
                                            <h6 style="padding-top: 3px; color:#73EC8B!important;"><b>Order Confirmed</b></h6>
                                            <div class="order-box" style="background-color: #73EC8B;"></div>
                                        <?php
                                            }else if($row_product['status'] == 1){
                                        ?>
                                            <h6 style="padding-top: 3px; color:#FFAD60!important;"><b>Shipped</b></h6>
                                            <div class="order-box" style="background-color: #FFAD60;"></div>
                                        <?php
                                            }else if($row_product['status'] == 2){
                                        ?>
                                            <h6 style="padding-top: 3px; color:#3FA2F6!important;"><b>Delivered</b></h6>
                                            <div class="order-box" style="background-color: #3FA2F6;"></div>
                                        <?php
                                            }else if($row_product['status'] == 3){
                                        ?>
                                            <h6 style="padding-top: 3px; color:red!important;"><b>Cancel</b></h6>
                                            <div class="order-box" style="background-color: red;"></div>
                                        <?php
                                            }
                                        ?>
                                        <?php
                                            if($row_product['status'] != 3){
                                                $olddate = $row_product['delivery_date'];
                                                $newdelivery = date('d-m-Y', strtotime($olddate));
                                        ?>
                                            <span style="font-size: 11px; line-height: 35px;">Delivery : <b><?php echo $newdelivery; ?></b></span>
                                        <?php
                                            }
                                        ?>
                                    </div>
                                </div>
                            </div>
                <?php
                                }
                            }
                        }else{
                ?>
                        <p style="color:red;">No Any Order</p>
                <?php
                        }
                    }else{
                        echo "";
                    }
                ?>
            </div>
        </div>
    </section>

<?php include('footer.php'); ?>

</body>
</html>i

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: track.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation