File manager - Edit - /home/monara/public_html/BenHoldings_web/assets/temp.php
Back
<?php include 'config.php'; // Adjusted path based on your file structure // Fetch unique categories $categories = $conn->query("SELECT DISTINCT category FROM jobs"); $selected_category = isset($_GET['category']) ? $_GET['category'] : ""; // Fetch jobs based on selected category $sql = $selected_category ? "SELECT * FROM jobs WHERE category='$selected_category'" : "SELECT * FROM jobs"; $jobs = $conn->query($sql); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Career Page</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"> </head> <body> <div class="container mt-4"> <h2 class="text-center">Job Listings</h2> <!-- Category Filter --> <div class="d-flex justify-content-center my-3"> <a href="career.php" class="btn btn-primary mx-2">All</a> <?php while ($cat = $categories->fetch_assoc()): ?> <a href="career.php?category=<?= urlencode($cat['category']) ?>" class="btn btn-outline-primary mx-2"><?= htmlspecialchars($cat['category']) ?></a> <?php endwhile; ?> </div> <div class="accordion" id="jobAccordion"> <?php while ($job = $jobs->fetch_assoc()): ?> <div class="accordion-item"> <h2 class="accordion-header" id="heading<?= $job['id'] ?>"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse<?= $job['id'] ?>" aria-expanded="true" aria-controls="collapse<?= $job['id'] ?>"> <strong><?= htmlspecialchars($job['title']) ?></strong> </button> </h2> <div id="collapse<?= $job['id'] ?>" class="accordion-collapse collapse" aria-labelledby="heading<?= $job['id'] ?>" data-bs-parent="#jobAccordion"> <div class="accordion-body"> <p><img src="uploads/<?= htmlspecialchars($job['image']) ?>" class="img-fluid" alt="Job Image" data-bs-toggle="modal" data-bs-target="#imageModal" data-bs-image="uploads/<?= htmlspecialchars($job['image']) ?>"></p> <p><?= htmlspecialchars($job['description']) ?></p> <p class="text-muted"> <small>Posted on: <?= htmlspecialchars(date("F j, Y", strtotime($job['created_at']))) ?></small> </p> </div> </div> </div> <?php endwhile; ?> </div> </div> <!-- Modal for Image Enlargement --> <div class="modal fade" id="imageModal" tabindex="-1" aria-labelledby="imageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body text-center"> <img id="modalImage" src="" class="img-fluid" alt="Enlarged Job Image"> </div> </div> </div> </div> <!-- Bootstrap JS and dependencies --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script> // JavaScript to change the image in the modal when clicked const images = document.querySelectorAll('img[data-bs-toggle="modal"]'); images.forEach(image => { image.addEventListener('click', function() { const modalImage = document.getElementById('modalImage'); modalImage.src = this.getAttribute('data-bs-image'); }); }); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.2 |
proxy
|
phpinfo
|
Settings