ikan Uploader :
Directory : /home/ni05r7l36tus/www/poojajewellersbbsr.com/
Upload File : |
| Current File : //home/ni05r7l36tus/www/poojajewellersbbsr.com/calender.php |
<?php
session_start();
include"cart-handler.php";
$customer_id = isset($_SESSION['customer_id']) ? intval($_SESSION['customer_id']) : 0;
// If customer_id is active (greater than 0), redirect to home page
if ($customer_id > 0) {
header("Location: index.php");
exit();
}
// Fetch allorders for the customer
$stmt = $pdo->prepare("SELECT * FROM allorders WHERE customer_id = :customer_id ORDER BY created_at DESC");
$stmt->execute([':customer_id' => $customer_id]);
$allorders = $stmt->fetchAll();
$stmt = $pdo->prepare("SELECT * FROM store_locations");
$stmt->execute();
$store_locations = $stmt->fetch(PDO::FETCH_ASSOC);
?>
<!DOCTYPE html>
<html lang="en">
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<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">
<!-- App favicon -->
<link rel="shortcut icon" href="assets/images/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">
<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>
</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 -->
<!-- main start -->
<main id="main">
<style>
body { background:#fdf9f3; }
h2 { color:#9c1137; }
.calendar-wrapper {
background:#fff; border-radius:10px; padding:20px;
box-shadow:0 4px 12px rgba(0,0,0,0.08);
height:100%;
}
.legend-box {
background:#9c1137; color:#fff; border-radius:10px; padding:20px;
height:100%;
}
/* FullCalendar tweaks */
.fc .fc-toolbar-title { font-size:22px; font-weight:600; color:#9c1137; }
.fc .fc-toolbar-chunk:first-child { display:none; } /* remove left chunk */
.fc .fc-toolbar-chunk:last-child { margin-left:auto; } /* move buttons right */
.fc .fc-button {
background:#9c1137; border:none; color:#fff;
border-radius:50%; width:50px; height:40px;
display:flex; align-items:center; justify-content:center;
}
.fc .fc-button:hover { background:#d68910; }
/* === Force equal day block sizes === */
.fc-daygrid-day-frame {
min-height: 100px !important; /* all day blocks equal */
height: 100px !important;
overflow: hidden !important; /* no scroll */
}
.fc-daygrid-day-top {
justify-content: center;
}
/* Events inside day */
.fc-daygrid-day-events {
display: flex !important;
flex-direction: row !important;
align-items: center;
justify-content: flex-start;
/* gap: 4px; */
overflow: hidden !important;
}
/* Event icons */
.fc-daygrid-event {
background:none !important;
border:none !important;
text-align:center;
padding:0;
line-height:1.1;
}
.fc-daygrid-event img {
width:28px;
height:28px;
}
.fc-daygrid-event i { display:block; font-size:18px; color:#f39c12; }
.fc-daygrid-event .evt-title { font-size:12px; margin-top:2px; color:#9c1137; }
/* Legend */
.legend-icon { width: 35px; height: 35px; margin-right: 10px; }
.legend-box span { color: #fff; font-size: 15px; }
.fc .fc-daygrid-day-events {
margin-top: 25px;
}
a { color:black; }
</style>
<div class="container my-5">
<h2 class="text-center mb-1">Auspicious Calendar</h2>
<p class="text-center text-muted mb-4">Every day is a special day</p>
<div class="row g-4">
<!-- Calendar -->
<div class="col-lg-8">
<div class="calendar-wrapper">
<div id="calendar"></div>
</div>
</div>
<!-- Auspicious Days Legend -->
<div class="col-lg-4">
<div class="legend-box">
<h5 id="legend-title" class="text-uppercase text-white fw-bold pb-2 mb-3"
style="border-bottom:1px solid rgba(255,255,255,.4)">
Auspicious Days
</h5>
<ul id="legend-list" class="list-unstyled m-0">
<li class="text-muted">Loading...</li>
</ul>
</div>
</div>
</div>
</div>
<!-- FullCalendar -->
<script src="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.19/index.global.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const calendarEl = document.getElementById('calendar');
const legendTitle = document.getElementById('legend-title');
const legendList = document.getElementById('legend-list');
const today = new Date(); // get current system date
const calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'dayGridMonth',
initialDate: today, // ✅ now updates automatically
height: 'auto', // prevents outer scroll
headerToolbar: {
left: '',
center: 'title',
right: 'prev,next'
},
displayEventTime: false,
events: 'events.php',
eventContent: function (arg) {
const icon = arg.event.extendedProps.icon || '';
const title = arg.event.title || '';
return {
html: `
<div class="text-center">
${icon ? `<img src="${icon}" alt="${title}">` : ""}
</div>
`
};
},
datesSet: function(info) {
const year = info.view.currentStart.getFullYear();
const month = info.view.currentStart.getMonth() + 1;
loadLegend(year, month);
}
});
calendar.render();
function loadLegend(year, month) {
fetch(`legend.php?year=${year}&month=${month}`)
.then(res => res.json())
.then(data => {
legendTitle.innerText = `Auspicious Days - ${data.monthName}`;
legendList.innerHTML = "";
if (data.days.length > 0) {
data.days.forEach(day => {
legendList.innerHTML += `
<li class="mb-2 d-flex align-items-center">
<img src="${day.icon}" alt="${day.title}" class="legend-icon">
<span>${day.title}</span>
</li>`;
});
} else {
legendList.innerHTML = `<li class="text-muted">No auspicious days this month</li>`;
}
})
.catch(err => {
legendList.innerHTML = `<li class="text-danger">Error loading legend</li>`;
console.error(err);
});
}
// ✅ load legend for current month initially
loadLegend(today.getFullYear(), today.getMonth() + 1);
});
</script>
</main>
<?php include "common/footer.php"; ?>
........