ikan Uploader :
Directory : /home/ni05r7l36tus/www/poojajewellersbbsr.com/
Upload File : |
| Current File : //home/ni05r7l36tus/www/poojajewellersbbsr.com/profile-order.php |
<?php
include"cart-handler.php";
// Redirect if customer not logged in
if (!isset($_SESSION['customer_id'])) {
header("Location: login.php");
exit();
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<title>Pooja Jewellers Bhubaneswar – Elegant Gold, Silver & Fancy Jewellery</title>
<meta name="description" content="Browse Pooja Jewellers in Bhubaneswar for a stunning range of gold, silver, and fancy jewellery—perfect for weddings, everyday elegance, and modern minimalism.">
<meta name="keywords" content="Pooja Jewellers Bhubaneswar, gold jewellery Bhubaneswar, silver jewellery Bhubaneswar, fancy jewellery Bhubaneswar, minimalist jewellery India, wedding jewellery Bhubaneswar">
<meta name="author" content="spacingtech_webify">
<!-- favicon -->
<link rel="shortcut icon" type="image/favicon" href="assets/image/fav.jpg">
<!-- plugin css -->
<link rel="stylesheet" type="text/css" href="assets/css/plugin.css">
<!-- theme css -->
<link rel="stylesheet" type="text/css" href="assets/css/theme3.css">
<!-- collection css -->
<link rel="stylesheet" type="text/css" href="assets/css/collection3.css">
<!-- blog css -->
<link rel="stylesheet" type="text/css" href="assets/css/blog3.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="assets/css/style3.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
</head>
<body>
<!-- preloader start -->
<div class="preloader position-fixed top-0 start-0 w-100 h-100 body-bg z-index-5">
<div class="loader-img position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center">
<img src="assets/image/preloader.png" class="width-96 width-xl-144 img-fluid" alt="logo">
</div>
</div>
<!-- preloader end -->
<!-- header start -->
<header id="header" class="main-header">
<!-- header-top start -->
<div class="header-top-area">
<!-- notification-bar start -->
<div class="notification-bar ptb-10 dominant-bg">
<div class="container-fluid d-none d-xl-block">
<div class="text-center extra-color">First Order 20% Off on Fancy Jewellery <a href="product_category.php?slug=Fancy jewellery" class="extra-color text-uppercase text-decoration-underline blinking">Shop now</a>!</div>
</div>
</div>
<!-- notification-bar end -->
<!-- header-bar start -->
<div class="header-bar d-none d-xl-block ptb-11 extra-bg beb">
<div class="container-fluid">
<div class="row">
<div class="col">
<ul class="ul-mt30 justify-content-start">
<li>
<span class="d-inline-block body-secondary-color">
<a href="mailto:<?php echo $store_locations['email1']; ?>">
<i class="ri-mail-line icon-16 mer-5"></i><?php echo $store_locations['email1']; ?>
</a>
</span>
</li>
<li>
<span class="d-inline-block body-secondary-color">
<a href="tel:<?php echo $store_locations['phone1']; ?>">
<i class="ri-phone-line icon-16 mer-5"></i><?php echo $store_locations['phone1']; ?>
</a>
</span>
</li>
</ul>
</div>
<div class="col">
<ul class="ul-mt30 justify-content-end">
<li>
<span class="d-inline-block body-secondary-color">
<a href="calender.php">
<i class="ri-calendar-event-fill icon-16 mer-5"></i>Calender
</a>
</span>
</li>
<li>
<span class="d-inline-block body-secondary-color text-dark">
<a href="javascript:void(0)"
data-bs-toggle="modal"
data-bs-target="#goldCalculatorModal"
class="nav-link">
<i class="ri-calculator-line icon-16 mer-5"></i> Calculator
</a>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- header-bar end -->
<!-- header-top-first start -->
<div class="header-top-first ptb-15 ptb-xl-20 position-relative extra-bg">
<div class="container-fluid">
<div class="row align-items-center header-area">
<!-- header-logo start -->
<div class="col-6 col-xl-2 header-element header-logo">
<div class="header-theme-logo">
<a href="index.php" class="d-inline-block theme-logo">
<img src="assets/image/headerlogo.webp" class="width-96 width-xl-144 img-fluid" alt="logo">
</a>
</div>
</div>
<!-- header-logo end -->
<?php include "common/header.php"; ?>
<!-- header-icon start -->
<div class="col-6 col-xl-2 header-element header-icon">
<div class="header-icon-block d-flex justify-content-end">
<ul class="ul-mt30 flex-nowrap align-items-center header-icon-element">
<li class="header-icon-wrap toggler-wrap d-xl-none">
<div class="header-icon-wrapper">
<a href="javascript:void(0)" class="d-block header-icon-toggler toggler-btn" aria-label="Menu toggler button">
<span class="d-block header-block-icon dominant-link icon-16"><i class="ri-menu-line"></i></span>
</a>
</div>
</li>
<li class="header-icon-wrap search-wrap d-xl-none">
<div class="header-icon-wrapper">
<a href="#searchmodal" class="d-block header-icon-search" data-bs-toggle="modal" aria-label="Search modal">
<span class="d-block header-block-icon dominant-link icon-16"><i class="ri-search-line"></i></span>
</a>
</div>
</li>
<li class="header-icon-wrap user-wrap d-none d-md-block">
<div class="header-icon-wrapper">
<a href="dashboard.php" class="d-block header-icon-user" aria-label="Login user">
<span class="header-block-icon-wrap dominant-link ul-mt5 flex-nowrap align-items-center">
<span class="header-block-icon icon-16"><i class="ri-user-3-line"></i></span>
<span class="d-none d-xl-block header-text-content">
<?php if ($customerName): ?>
<a href="dashboard.php"><b><?= htmlspecialchars($customerName) ?></b></a>
<?php else: ?>
<a href="login.php">Login</a>
<?php endif; ?>
</span>
</span>
</a>
</div>
</li>
<li class="header-icon-wrap cart-wrap d-none d-md-block">
<div class="header-icon-wrapper">
<a href="javascript:void(0)" class="d-block header-icon-cart js-cart-drawer">
<span class="header-block-icon-wrap dominant-link ul-mt5 flex-nowrap align-items-center">
<span class="header-block-icon icon-16"><i class="ri-shopping-bag-3-line"></i></span>
<span class="d-none d-xl-block header-text-content">Cart</span>
<?php
$cartCount = 0;
if (isset($_SESSION['cart'])) {
$cartCount += count($_SESSION['cart']);
}
if (isset($_SESSION['rentals'])) {
$cartCount += count($_SESSION['rentals']);
}
// Show the counter only if there’s something in cart
if ($cartCount > 0) {
echo '<span class="header-block-counter cart-counter dominant-color">' . $cartCount . '</span>';
}
?>
</span>
</a>
</div>
</li>
</ul>
</div>
</div>
<!-- header-icon end -->
</div>
</div>
</div>
<!-- header-top-first end -->
</div>
<!-- header-top end -->
</header>
<!-- header end -->
<!-- breadcrumb-area start -->
<div class="breadcrumb-area ptb-15" data-bgimg="assets/image/other/breadcrumb-bgimg.jpg">
<div class="container">
<span class="d-block extra-color"><a href="index.php" class="extra-color">Home</a> / Profile order</span>
</div>
</div>
<!-- breadcrumb-area end -->
<!-- main start -->
<main id="main">
<!-- account-page strat -->
<section class="account-page section-ptb">
<div class="container">
<div class="row row-mtm align-items-lg-start">
<?php include "dashboardcommon/header.php" ?>
<style>
.ap-detail-info1{
background-color:white;
padding:20px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
border-radius:10px;
}
.ap-detail-info{
background-color:white;
padding:20px;
box-shadow:0 0 2px gray;
border-radius:10px;
}
</style>
<div class="col-12 col-lg-8 col-xl-9 p-lg-sticky top-0">
<div class="ap-detail ap-detail-info">
<div class="ap-title peb-30 beb" data-animate="animate__fadeIn">
<h6 class="font-18">Purchase Order</h6>
</div>
<div class="">
<div class="od-wrap ptb-30 beb " data-animate="animate__fadeIn">
<div class="od-wrap ptb-30 beb ap-detail-info1" data-animate="animate__fadeIn">
<div class="od-view ul-mtm30">
<div class="card .ap-detail-info1 border-0 rounded">
<div class="card-body">
<!-- Top: Product Images with Name & Price -->
<div class="row text-center mb-4">
<div class="col-6 col-md-4 mb-3">
<img src="assets/image/search/search-product1.jpg" class="img-fluid rounded shadow-sm mb-2" alt="Gold Ring" style="max-height:120px;">
<div><strong>Gold Ring</strong></div>
<div class="text-muted">$1,200</div>
</div>
<div class="col-6 col-md-4 mb-3">
<img src="assets/image/search/search-product2.jpg" class="img-fluid rounded shadow-sm mb-2" alt="Silver Necklace" style="max-height:120px;">
<div><strong>Silver Necklace</strong></div>
<div class="text-muted">$900</div>
</div>
<div class="col-6 col-md-4 mb-3">
<img src="assets/image/search/search-product3.jpg" class="img-fluid rounded shadow-sm mb-2" alt="Diamond Earrings" style="max-height:120px;">
<div><strong>Diamond Earrings</strong></div>
<div class="text-muted">$5,000</div>
</div>
</div>
<hr>
<div class="row">
<!-- Column 1 -->
<div class="col-md-6">
<div class="mb-2">
<strong>Order ID:</strong>
<a href="order-info.php" class="text-decoration-underline body-dominant-color">#1825</a>
</div>
<div class="mb-2"><strong>Date:</strong> 13<sup>th</sup> Aug 2025</div>
<div class="mb-2"><strong>Payment:</strong> <span class="text-success">Paid</span></div>
<div class="mb-2"><strong>Total:</strong> <span class="heading-color heading-weight">$7,100</span></div>
<div class="mb-2"><strong>Status:</strong> <span class="text-primary">Active</span></div>
</div>
<!-- Column 2 -->
<div class="col-md-6">
<div class="mb-2">
<a href="invoice.php" class="text-decoration-underline me-3">View Invoice</a>
<a href="product.php" class="text-decoration-underline">View Products</a>
</div>
<div class="mb-3">
<strong>Note:</strong> Your order is being processed. Estimated delivery: 18<sup>th</sup> Aug 2025.
</div>
<div class="row g-2">
<div class="row g-2">
<!-- Save Buttons -->
<div class="d-flex flex-wrap gap-2 mt-3">
<button type="submit" class=" acc-save btn-style quaternary-btn">Cancel Order</button>
<button type="reset" class=" acc-cancel btn-style secondary-btn">Track Order</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- review-modal start -->
<div class="review-modal modal fade" id="reviewmodal" data-bs-backdrop="static">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content body-bg border-0 br-hidden">
<div class="modal-body ptb-30 plr-15 plr-sm-30">
<form method="post">
<div class="review-modal-header d-flex align-items-center justify-content-between meb-30">
<h6 class="font-18">Back to order</h6>
<button type="button" class="body-secondary-color icon-16" data-bs-dismiss="modal" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>
</div>
<div class="review-modal-field">
<div class="row field-row">
<div class="col-12 field-col">
<label class="field-label">Rating</label>
<div class="product-ratting">
<span class="review-ratting">
<span class="review-star">
<i class="ri-star-line"></i>
<i class="ri-star-line"></i>
<i class="ri-star-line"></i>
<i class="ri-star-line"></i>
<i class="ri-star-line"></i>
</span>
</span>
</div>
</div>
<div class="col-12 field-col">
<label for="name" class="field-label">Name</label>
<input type="text" id="name" name="name" class="w-100" placeholder="Demo name" autocomplete="name">
</div>
<div class="col-12 field-col">
<label for="name" class="field-label">Email</label>
<input type="email" id="email" name="email" class="w-100" placeholder="demo@demo.com" autocomplete="email">
</div>
<div class="col-12 field-col">
<label for="name" class="field-label">Review title</label>
<input type="text" id="title" name="title" class="w-100" placeholder="Review title" autocomplete="name">
</div>
<div class="col-12 field-col">
<label for="message" class="field-label">Message</label>
<textarea rows="5" id="message" name="message" class="w-100" placeholder="Review message" autocomplete="off"></textarea>
</div>
</div>
</div>
<div class="review-modal-button mst-20 mst-sm-30">
<div class="row btn-row">
<div class="col-12 col-sm-6">
<button type="submit" class="w-100 btn-style quaternary-btn">Submit review</button>
</div>
<div class="col-12 col-sm-6">
<button type="button" class="w-100 btn-style secondary-btn" data-bs-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- review-modal end -->
<!-- delete-modal start -->
<div class="delete-modal modal fade" id="deletemodal" data-bs-backdrop="static">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content body-bg border-0 br-hidden">
<div class="modal-body ptb-30 plr-15 plr-sm-30">
<form method="post" action="javascript:void(0)">
<div class="delete-modal-header d-flex align-items-center justify-content-between meb-30">
<h6 class="font-18">Are you sure you want to delete account?</h6>
<button type="button" class="body-secondary-color icon-16" data-bs-dismiss="modal" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>
</div>
<div class="delete-modal-text">Orders history and all data associated with your account will be removed.</div>
<div class="delete-modal-button mst-30">
<div class="row btn-row">
<div class="col-12 col-sm-6">
<a href="index.php" class="w-100 btn-style quaternary-btn">Delete</a>
</div>
<div class="col-12 col-sm-6">
<button type="submit" class="w-100 btn-style secondary-btn" data-bs-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- delete-modal end -->
</section>
<!-- account-page end -->
</main>
<!-- main end -->
<?php include "common/footer.php" ;?>
........