| DIR: /home/aissorg/public_html/fonts/qzfcvsedcv/werwcwsfs /home/aissorg/public_html/fonts/qzfcvsedcv/werwcwsfs/ |
| Current File : /home/aissorg/public_html/fonts/qzfcvsedcv/werwcwsfs/online-pooja-booking.php.tar |
home/aissorg/public_html/online-pooja-booking.php 0000644 00000024570 15116221733 0016207 0 ustar 00 <!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Online Puja Booking</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="img/favicon.png" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=DM+Serif+Display&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.4/main.min.css">
<style>
/* Calendar Container */
.calendar-container {
padding: 15px;
background: linear-gradient(150deg, #eed976, rgb(238, 194, 98), #fbf896, #d8a436, #e5c35b);
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/* Tooltip Styling */
.tooltip {
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 10px;
border-radius: 5px;
z-index: 1000;
font-size: 14px;
max-width: 250px;
line-height: 1.4;
pointer-events: none;
}
/* Left Column Design */
.card-header {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
}
.card-body ul {
list-style-type: none;
padding: 0;
}
.card-body ul li {
margin-bottom: 10px;
font-size: 16px;
}
.card-body ul li span {
font-weight: bold;
color: #007bff;
}
.fc .fc-button-primary {
background-color: #811111!important;
border-color: #811111!important;
color: var(--fc-button-text-color);
}
h3, h4 {
color: #900;
font-weight: bold;
}
</style>
</head>
<body>
<div class="page">
<?php include('includes/header.php'); ?>
<?php
$sql = "SELECT image FROM inner_banner WHERE id = 9 LIMIT 1";
$result = mysqli_query($con, $sql);
$bannerImage = 'assets/img/gallery/about_banner.jpg'; // default fallback image
if ($row = mysqli_fetch_assoc($result)) {
$bannerImage = $row['image']; // e.g. 'img/custom_banner.jpg'
}
?>
<section class="breadcrumbs-custom bg-image context-dark" style="background-image: url('admin/assets/img/gallery/<?php echo ($bannerImage); ?>');">
<div class="breadcrumbs-custom-inner">
<div class="container breadcrumbs-custom-container">
<div class="breadcrumbs-custom-main">
<h3 class="breadcrumbs-custom-title" style="color: #fff;">Pooja List</h3>
</div>
<ul class="breadcrumbs-custom-path">
<li><a href="./">Home</a></li>
<li class="active">Pooja List</li>
</ul>
</div>
</div>
</section>
<section class="section section-xs text-center bg-image context-dark" style="background-image: url('images/call-to-action.jpg')">
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-10 col-md-12">
<div class="box-cta-thin">
<h4 class="wow-outer" style="color:#fff;"><span class="wow slideInRight">Join us in making a difference — Become a donor today!</h4>
<div class="wow-outer button-outer"><a class="button button-primary button-winona wow slideInLeft" href="donate-now.php">Donate Now</a></div>
</div>
</div>
</div>
</div>
</section>
<section class="container py-4">
<div class="row">
<!-- Left Column: Pooja Details & Terms -->
<div class="col-md-4">
<div class="card mb-3">
<div class="card-header bg-primary-color text-white">Pooja Details</div>
<div class="card-body bg-color-theme">
<ul class="list-marked">
<li><span>Ganesh Pooja:</span> ₹500</li>
<li><span>Satyanarayan Pooja:</span> ₹1000</li>
<li><span>Navagraha Pooja:</span> ₹1500</li>
<li><span>Rudrabhishek:</span> ₹2000</li>
</ul>
</div>
</div>
<div class="card">
<div class="card-header bg-primary-color text-white">Terms & Timing</div>
<div class="card-body bg-color-theme">
<p><span><b>Timings:</b></span> 6 AM - 8 PM</p>
<p><span><b>Reservation Policy:</b></span> Reservations must be made at least 24 hours in advance.</p>
<p><span><b>Cancellations:</b></span> Please contact temple authorities for cancellations.</p>
</div>
</div>
</div>
<!-- Right Column: Live Calendar -->
<div class="col-md-8">
<div class="row justify-content-center text-center" style="margin-bottom:25px">
<div class="col-sm-12 col-md-10 col-lg-7">
<div class="">
<div class="wow-outer">
<div class="wow slideInUp" style="visibility: visible; animation-name: slideInUp;">
<h4>Take the First Step to Hinduism</h4>
</div>
</div>
<div class="wow-outer offset-top-30">
<div class="wow slideInDown" style="visibility: visible; animation-name: slideInDown;">
<a class="button button-primary button-winona" href="pooja-online-reservation.php"><div class="content-original">Pooja Booking</div><div class="content-dubbed">Pooja Booking</div></a>
</div>
</div>
</div>
</div>
</div>
<div class="calendar-container">
<div id="calendar"></div>
</div>
</div>
</div>
</section>
<?php include('includes/footer.php'); ?>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/fullcalendar@6.1.4/index.global.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'dayGridMonth',
dayCellContent: function(arg) {
const reservationsCount = {
'2025-04-05': 4,
'2025-04-10': 5,
'2025-04-15': 3,
'2025-04-20': 8
};
const date = arg.date.toISOString().split('T')[0];
const count = reservationsCount[date] || 0;
console.log(`Date: ${date}, Count: ${count}`); // Debugging log
return {
html: `
<div style="text-align: center;">
<span>${arg.dayNumberText}</span>
${count > 0 ? `<div style="font-size: 12px; color: red;">(${count})</div>` : ''}
</div>
`
};
},
dayCellDidMount: function(arg) {
const reservationsDetails = {
'2025-04-05': [
{ pooja: 'Ganesh Pooja', time: '09:00 AM', members: 2 },
{ pooja: 'Satyanarayan Pooja', time: '11:00 AM', members: 2 }
],
'2025-04-10': [
{ pooja: 'Ganesh Pooja', time: '10:00 AM', members: 5 },
{ pooja: 'Satyanarayan Pooja', time: '12:00 PM', members: 3 }
],
'2025-04-15': [
{ pooja: 'Navagraha Pooja', time: '03:00 PM', members: 2 }
]
};
const date = arg.date.toISOString().split('T')[0];
const details = reservationsDetails[date] || [];
if (details.length > 0) {
console.log(`Tooltip created for date: ${date}`); // Debugging log
const tooltipContent = details.map(d =>
`<div><strong>${d.pooja}</strong> - ${d.time} (${d.members} members)</div>`
).join('');
arg.el.addEventListener('mouseover', function(event) {
const tooltip = document.createElement('div');
tooltip.classList.add('tooltip');
tooltip.innerHTML = tooltipContent;
document.body.appendChild(tooltip);
tooltip.style.top = `${event.clientY + 10}px`;
tooltip.style.left = `${event.clientX + 10}px`;
arg.el.addEventListener('mouseout', function() {
tooltip.remove();
});
});
}
}
});
calendar.render();
});
</script>
</body>
</html> home/aissorg/public_html/admin/online-pooja-booking.php 0000644 00000050042 15116232100 0017256 0 ustar 00 <?php
include('php/constant.php');
include('include/config.php');
?>
<!DOCTYPE html>
<html lang="en" data-layout="vertical" data-topbar="light" data-sidebar="light" data-sidebar-size="lg" data-sidebar-image="none">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Pooja Booking</title>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Fontawesome CSS -->
<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">
<!-- Feather CSS -->
<link rel="stylesheet" href="assets/plugins/feather/feather.css">
<!-- Datepicker CSS -->
<link rel="stylesheet" href="assets/css/bootstrap-datetimepicker.min.css">
<!-- Daterangepikcer CSS -->
<link rel="stylesheet" href="assets/plugins/daterangepicker/daterangepicker.css">
<!-- Datatables CSS -->
<link rel="stylesheet" href="assets/plugins/datatables/datatables.min.css">
<link rel="stylesheet" href="assets/plugins/summernote/summernote-lite.min.css"> <!-- Main CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
<!-- Layout Js -->
<script src="assets/js/layout.js" type="text/javascript"></script>
<script type="text/javascript">
var BASE_PHP_URL = "<?php echo BASE_PHP_URL; ?>"; // This will contain the PHP constant
</script>
</head>
<body>
<!-- Main Wrapper -->
<div class="main-wrapper">
<!-- Header -->
<?php include("include/header.php")?>
<!-- /Header -->
<!-- Sidebar -->
<?php include("include/sidebar.php")?>
<!-- /Sidebar -->
<!-- Page Wrapper -->
<div class="page-wrapper">
<div class="content container-fluid">
<!-- Page Header -->
<div class="page-header">
<div class="content-page-header">
<h5>Online Pooja Booking</h5>
<div class="list-btn">
<ul class="filter-list">
<li class="daterangepicker-wrap cal-icon cal-icon-info ">
<input type="text" class="btn-filters" name="datetimes" placeholder="From Date - To Date" />
</li>
<li>
<div class="dropdown dropdown-action" data-bs-toggle="tooltip" data-bs-placement="top" title="Download">
<a href="#" class="btn-filters" data-bs-toggle="dropdown" aria-expanded="false">
<span><i class="fe fe-download"></i></span>
</a>
<div class="dropdown-menu dropdown-menu-end">
<ul class="d-block">
<li>
<a class="d-flex align-items-center download-item" href="javascript:void(0);" download>
<i class="far fa-file-pdf me-2"></i>PDF
</a>
</li>
<li>
<a class="d-flex align-items-center download-item" href="javascript:void(0);" download>
<i class="far fa-file-text me-2"></i>CSV
</a>
</li>
</ul>
</div>
</div>
<li>
<a class="btn btn-primary" href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#add_category">
<i class="fa fa-plus-circle me" aria-hidden="true"></i>
</a>
</li>
</li>
</ul>
</div>
</div>
</div>
<!-- /Page Header -->
<!-- Table -->
<!-- Add Banner Modal -->
<div class="modal custom-modal fade" id="add_category" role="dialog">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header border-0 pb-0">
<h4 class="mb-0">New online Pooja Boooking</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form id="add-about-form" enctype="multipart/form-data">
<div class="modal-body">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="input-block mb-3">
<label>Title</label>
<input type="text" class="form-control" name="title" placeholder="Enter Title" required>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="input-block mb-3">
<label>Description</label>
<textarea class="form-control summernote" id="add-about-description" name="description" placeholder="Enter Description" required></textarea>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="input-block mb-3">
<label>Description</label>
<textarea class="form-control summernote" id="add-about-description2" name="description2" placeholder="Enter Description" required></textarea>
</div>
</div>
<!-- Single Image Field -->
<div class="col-lg-6 col-md-12 d-none">
<div class="input-block mb-3">
<label>Single Image</label>
<div class="service-upload mb-0">
<span><img src="assets/img/icons/drop-icon.svg" alt="upload"></span>
<h6 class="drop-browse align-center">Drop your file here or <span class="text-primary ms-1">browse</span></h6>
<p class="text-muted">Maximum size: 4MB</p>
<input type="file" class="form-control" name="single_image" accept="image/*" id="singleImageInput">
</div>
<div class="mt-2">
<img id="singleImagePreview" src="" alt="Selected Image" style="display: none; max-width: 100px; height: auto; border: 1px solid #ccc; padding: 5px;">
</div>
</div>
</div>
<!-- Multiple Image Upload -->
<div class="col-lg-6 col-md-12 d-none" >
<div class="input-block mb-3">
<label>Multiple Images</label>
<div class="service-upload mb-0">
<span><img src="assets/img/icons/drop-icon.svg" alt="upload"></span>
<h6 class="drop-browse align-center">Drop your files here or <span class="text-primary ms-1">browse</span></h6>
<p class="text-muted">Maximum size: 4MB</p>
<input type="file" class="form-control" id="add-about-multiple-images" name="multiple_images[]" accept="image/*" multiple id="multipleImagesInput">
</div>
<div id="add-about-multiple-images-preview" class="mt-2"></div>
</div>
</div>
<!-- JavaScript for Image Preview -->
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-back cancel-btn me-2" data-bs-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary paid-continue-btn">Save</button>
</div>
</form>
</div>
</div>
</div>
<!-- Edit Banner Modal -->
<div class="modal custom-modal fade" id="edit" role="dialog">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<div class="modal-header border-0 pb-0">
<h4 class="mb-0">Edit online Pooja Boooking Content</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form id="edit-about-form" enctype="multipart/form-data">
<input type="hidden" id="edit-about-id" name="id">
<div class="modal-body">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="input-block mb-3">
<label>Title</label>
<input type="text" class="form-control" id="edit-about-title" name="title" placeholder="Enter Title" required>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="input-block mb-3">
<label>Description</label>
<textarea class="form-control summernote"id="edit-about-description" name="description" placeholder="Enter Description" required></textarea>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="input-block mb-3">
<label>Description</label>
<textarea class="form-control summernote"id="edit-about-description2" name="description2" placeholder="Enter Description" required></textarea>
</div>
</div>
<!-- Editor -->
<!-- <div class="col-md-12">
<div class="card">
<div class="card-header">
<h5 class="card-title">Editor</h5>
</div>
<div class="card-body">
<div id="summernote"></div>
</div>
</div>
</div> -->
<!-- Single Image Upload -->
<div class="col-lg-6 col-md-12 d-none">
<div class="input-block mb-3">
<label>Single Image</label>
<div class="service-upload mb-0">
<span><img src="assets/img/icons/drop-icon.svg" alt="upload"></span>
<h6 class="drop-browse align-center">Drop your file here or <span class="text-primary ms-1">browse</span></h6>
<p class="text-muted">Maximum size: 4MB</p>
<input type="file" class="form-control" id="edit-about-single-image" name="single_image" accept="image/*">
</div>
<div id="edit-about-single-image-preview" class="mt-2"></div>
<small class="text-muted">Leave blank to keep the current image.</small>
</div>
</div>
<!-- Multiple Image Upload -->
<div class="col-lg-6 col-md-12 d-none">
<div class="input-block mb-3">
<label>Multiple Images</label>
<div class="service-upload mb-0">
<span><img src="assets/img/icons/drop-icon.svg" alt="upload"></span>
<h6 class="drop-browse align-center">Drop your files here or <span class="text-primary ms-1">browse</span></h6>
<p class="text-muted">Maximum size: 4MB</p>
<input type="file" class="form-control" id="edit-about-multiple-images" name="multiple_images[]" accept="image/*" multiple>
</div>
<div id="edit-about-multiple-images-preview" class="mt-2"></div>
<small class="text-muted">Leave blank to keep the current images.</small>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-back cancel-btn me-2" data-bs-dismiss="modal">Cancel</button>
<button type="submit" class="btn btn-primary paid-continue-btn">Update</button>
</div>
</form>
</div>
</div>
</div>
<!-- Delete Banner Modal -->
<div class="modal custom-modal fade" id="delete_modal" role="dialog">
<div class="modal-dialog modal-dialog-centered modal-md">
<div class="modal-content">
<div class="modal-body">
<h3>Delete online Pooja Boooking Content</h3>
<p>Are you sure you want to delete this banner?</p>
<div class="row">
<div class="col-6">
<button type="button" class="w-100 btn btn-primary paid-continue-btn" id="confirm-delete">Delete</button>
</div>
<div class="col-6">
<button type="button" class="w-100 btn btn-primary paid-cancel-btn" data-bs-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Table -->
<div class="row">
<div class="col-sm-12">
<div id="alert-container" class="mt-3"></div>
<div class="card-table">
<div class="card-body">
<div class="table-responsive">
<table class="table table-stripped table-hover datatable">
<thead class="thead-light">
<tr>
<th>#</th>
<th>Title</th>
<th>Description</th>
<th>Single Image</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<?php
// Fetch about content
$result = $con->query("SELECT id, title, description, single_image FROM online_pooja WHERE is_active = 1 AND deleted_at IS NULL");
if ($result->num_rows > 0) {
while ($about = $result->fetch_assoc()): ?>
<tr>
<td><?php echo htmlspecialchars($about['id']); ?></td>
<td><?php echo htmlspecialchars($about['title']); ?></td>
<td><?php echo nl2br(htmlspecialchars($about['description'])); ?></td>
<td>
<?php if (!empty($about['single_image'])): ?>
<img src="uploads/<?php echo htmlspecialchars($about['single_image']); ?>" alt="About Image" width="100">
<?php else: ?>
No Image
<?php endif; ?>
</td>
<td class="d-flex align-items-center">
<a class="btn-action-icon me-2 edit-btn" href="javascript:void(0);" data-id="<?php echo $about['id']; ?>" data-bs-toggle="modal" data-bs-target="#edit">
<i class="fe fe-edit"></i>
</a>
<a class="btn-action-icon me-2 delete-btn" href="javascript:void(0);" data-id="<?php echo $about['id']; ?>">
<i class="fe fe-trash"></i>
</a>
</td>
</tr>
<?php endwhile;
} else {
echo "<tr><td colspan='5' class='text-center'>No about content found</td></tr>";
}
?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<!-- /Delete Items Modal -->
</div>
<!-- /Main Wrapper -->
<!-- SweetAlert2 CSS -->
<!-- SweetAlert2 JS -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<!-- jQuery -->
<script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
<script src="assets/js/jquery-3.7.1.min.js" type="text/javascript"></script>
<!-- Bootstrap Core JS -->
<script src="assets/js/bootstrap.bundle.min.js" type="text/javascript"></script>
<!-- Datatable JS -->
<script src="assets/plugins/datatables/datatables.min.js" type="text/javascript"></script>
<!-- select CSS -->
<script src="assets/plugins/select2/js/select2.min.js" type="text/javascript"></script>
<!-- Slimscroll JS -->
<script src="assets/plugins/slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<!-- Datepicker Core JS -->
<script src="assets/plugins/moment/moment.min.js" type="text/javascript"></script>
<script src="assets/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script src="assets/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="assets/plugins/summernote/summernote-lite.min.js"></script>
<script src="assets/js/jquery-ui.min.js" type="text/javascript"></script>
<!-- Theme Settings JS -->
<script src="assets/js/theme-settings.js" type="text/javascript"></script>
<script src="assets/js/greedynav.js" type="text/javascript"></script>
<!-- Custom JS -->
<script src="assets/js/script.js" type="text/javascript"></script>
<script src="../../cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="|49" defer></script>
<script src="js/online-pooja.js"></script>
<script>
document.getElementById('singleImageInput').addEventListener('change', function(event) {
const file = event.target.files[0];
const preview = document.getElementById('singleImagePreview');
if (file) {
const reader = new FileReader();
reader.onload = function(e) {
preview.src = e.target.result;
preview.style.display = "block";
};
reader.readAsDataURL(file);
} else {
preview.style.display = "none";
}
});
document.querySelectorAll('.delete-image').forEach(deleteBtn => {
deleteBtn.addEventListener('click', handleImageDelete);
});
</script>
</body>
</html> |