Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-611.41.1.el9_7.x86_64

PHP Version:

8.3.30

User:

u838833262

Directory:

/home/u838833262/domains/fsmc.co.in/public_html

Free Space:

10.05 TB

🔧 Quick Actions

✏️ Editing: work-with-us.php

<?php
include 'admin/config.php';

$message = "";
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
  $name = $_POST['name'];
  $email = $_POST['email'];
  $phone = $_POST['phone'];
  $position = $_POST['position'];
  $cover = $_POST['cover'];

$file_path = "";
  if (isset($_FILES['resume']) && $_FILES['resume']['error'] == 0) {
    $target_dir = "assets/uploads/resumes/";
    if (!is_dir($target_dir)) {
      mkdir($target_dir, 0777, true);
    }
    $file_name = time() . "_" . basename($_FILES["resume"]["name"]);
    $target_file = $target_dir . $file_name;
    if (move_uploaded_file($_FILES["resume"]["tmp_name"], $target_file)) {
      $file_path = "assets/uploads/resumes/" . $file_name;
    }
  }

$stmt = $conn->prepare("INSERT INTO work_enquiries (name, email, phone, position, message, cv_path) VALUES (?, ?, ?, ?, ?, ?)");
  $stmt->bind_param("ssssss", $name, $email, $phone, $position, $cover, $file_path);

if ($stmt->execute()) {
    $message = "<div class='alert alert-success'>Thank you! Your application has been submitted. We will contact shortlisted candidates.</div>";
  } else {
    $message = "<div class='alert alert-danger'>Sorry, there was an error submitting your application. Please try again.</div>";
  }
}
?>
<!DOCTYPE html>
<html lang="zxx">

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
  
  <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
  
  <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
  
  <link rel="stylesheet" href="assets/css/animate.min.css">
  
  <link rel="stylesheet" href="assets/css/boxicons.min.css">
  
  <link rel="stylesheet" href="assets/css/magnific-popup.min.css">
  
  <link rel="stylesheet" href="assets/css/flaticon.css">
  
  <link rel="stylesheet" href="assets/css/meanmenu.min.css">
  
  <link rel="stylesheet" href="assets/css/odometer.min.css">
  
  <link rel="stylesheet" href="assets/css/style.css">
  
  <link rel="stylesheet" href="assets/css/dark.css">
  
  <link rel="stylesheet" href="assets/css/responsive.css">

<link rel="icon" type="image/png" href="assets/img/favicon.png">
  
  <title>FSMC-Enriching Communities</title>
  <style>
    :root {
      --bg: #f7f8fb;
      --card: #fff;
      --accent: #0ea5a4;
      --muted: #64748b;
      --max: 1200px
    }

.header {
      display: flex;
      justify-content: space-between;
      align-items: center
    }

.job-filters {
      display: flex;
      gap: 8px;
      align-items: center
    }

/* layout */
    .layout {
      display: grid;
      grid-template-columns: 1fr 360px;
      gap: 18px;
      margin-top: 20px
    }

.job-list {
      display: grid;
      gap: 14px
    }

.job-card {
      background: var(--card);
      padding: 14px;
      border-radius: 12px;
      box-shadow: 0 12px 30px rgba(6, 10, 15, 0.06);
      display: flex;
      flex-direction: column
    }

.job-card h4 {
      margin: 0
    }

.job-meta {
      display: flex;
      gap: 10px;
      color: var(--muted);
      font-size: 13px;
      margin-top: 8px
    }

.job-actions {
      margin-top: 12px;
      display: flex;
      gap: 8px
    }

.btn {
      padding: 8px 12px;
      border-radius: 8px;
      border: 0;
      font-weight: 700;
      cursor: pointer
    }

.btn-primary {
      background: linear-gradient(90deg, #f99115, #f99115);
      color: #fff;
    }

.btn-outline {
      background: #019ad3;
      color: #ffffff;
    }

/* sidebar */
    .sidebar {
      background: var(--card);
      padding: 16px;
      border-radius: 12px;
      box-shadow: 0 12px 30px rgba(6, 10, 15, 0.06)
    }

.apply-form input,
    .apply-form textarea {
      width: 100%;
      padding: 10px;
      border-radius: 8px;
      border: 1px solid #e6eef0;
      margin-bottom: 10px
    }

/* modal */
    .modal {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.6);
      align-items: center;
      justify-content: center;
      z-index: 9999
    }

.modal-box {
      width: 95%;
      max-width: 880px;
      background: #fff;
      border-radius: 12px;
      padding: 20px;
      max-height: 90vh;
      overflow: auto
    }

.close {
      position: absolute;
      right: 18px;
      top: 12px;
      font-size: 24px;
      cursor: pointer
    }

/* responsive */
    @media(max-width:980px) {
      .layout {
        grid-template-columns: 1fr
      }

.sidebar {
        order: 2
      }
    }
  </style>
</head>

<div class="navbar-area">
      <div class="mobile-nav">
        <div class="container">
          <div class="mobile-menu">
            <div class="logo">
              <a href="index.php">
                <img src="assets/img/logo.png" alt="logo">
              </a>
            </div>
          </div>
        </div>
      </div>

<div class="collapse navbar-collapse mean-menu">
              <ul class="navbar-nav m-auto">
                <li class="nav-item">
                  <a href="index.php" class="nav-link ">
                    Home
                  </a>
                </li>
                <li class="nav-item">
                  <a href="about-us.php" class="nav-link ">
                    About Us
                  </a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav-link">
                    Our Services
                    <i class="bx bx-chevron-down"></i>
                  </a>

<ul class="dropdown-menu">
                    <li class="nav-item">
                      <a href="faecal-sludge-&-septage-management.html" class="nav-link"> Faecal Sludge & Septage
                        Management (FSM)</a>
                    </li>
                    <li class="nav-item">
                      <a href="waste-to-resource-systems.html" class="nav-link">Waste-to-Resource Systems</a>
                    </li>
                    <li class="nav-item">
                      <a href="water-&-wastewater-management.html" class="nav-link"> Water & Wastewater Management</a>
                    </li>
                    <li class="nav-item">
                      <a href="community-sanitation-&-wash.html" class="nav-link"> Community Sanitation & WASH</a>
                    </li>
                    <li class="nav-item">
                      <a href="climate-resilience-&-municipal.html" class="nav-link">Climate Resilience & Municipal
                        Support</a>
                    </li>

</ul>
                </li>

<li class="nav-item">
                  <a href="#" class="nav-link">
                    Resources
                    <i class="bx bx-chevron-down"></i>
                  </a>

<ul class="dropdown-menu">
                    <li class="nav-item">
                      <a href="annual-reports.php" class="nav-link"> Annual Reports</a>
                    </li>
                    <li class="nav-item">
                      <a href="newsletters.php" class="nav-link">Newsletters</a>
                    </li>
                    <li class="nav-item">
                      <a href="blog.php" class="nav-link"> Blog</a>
                    </li>
                    <li class="nav-item">
                      <a href="publications.php" class="nav-link"> Publications</a>
                    </li>
                    <li class="nav-item">
                      <a href="impact-stories.php" class="nav-link">Impact Stories</a>
                    </li>
                    <li class="nav-item">
                      <a href="media.php" class="nav-link">Media </a>
                    </li>

</ul>
                </li>

<li class="nav-item">
                  <a href="#" class="nav-link active">
                    Get Involved
                    <i class="bx bx-chevron-down"></i>
                  </a>

<ul class="dropdown-menu">
                    <li class="nav-item">
                      <a href="partner-with-us.php" class="nav-link">Partner With Us </a>
                    </li>
                    <li class="nav-item">
                      <a href="volunteer-with-us.php" class="nav-link">Volunteer With Us </a>
                    </li>
                    <li class="nav-item">
                      <a href="work-with-us.php" class="nav-link">Work With Us </a>
                    </li>
                  </ul>
                </li>

<li class="nav-item">
                  <a href="contact-us.php" class="nav-link"> Contact Us</a>
                </li>
              </ul>

<div class="others-option wow animate__animated animate__fadeInRight">
                <div class="get-quote">
                 <a href="admin/login.php" class="default-btn">
                    <span>Admin Login</span>
 </a>
                </div>
              </div>
            </div>
          </nav>
        </div>
      </div>

</div>
    
  </header>
  <div class="page-title-wave">
    <div class="container">
      <h2 class="wow animate__animated animate__fadeInLeft">Work With Us</h2>
      <p class="inde wow animate__animated animate__fadeInRight">Home › Work With Us</p>
    </div>

<div class="job-filters wow animate__animated animate__fadeInRight">
        <select id="jobTypeFilter" onchange="updateJobs()"
          style="padding:8px;border-radius:8px;border:1px solid #e6eef0">
          <option value="all">All Roles</option>
          <option value="full">Full-Time</option>
          <option value="part">Part-Time</option>
          <option value="intern">Intern</option>
        </select>
        <input id="jobSearch" oninput="updateJobs()" placeholder="Search role"
          style="padding:8px;border-radius:8px;border:1px solid #e6eef0">
      </div>
    </div>

console.log('Filter changed - Type:', t, 'Search:', q);

document.querySelectorAll('#jobList .job-card').forEach(c => {
          const type = c.dataset.type;
          const title = c.querySelector('h4').innerText.toLowerCase();

const typeMatch = (t === 'all' || type === t);
          const searchMatch = (!q || title.includes(q));

console.log('Job:', title, '| Card type:', type, '| Filter type:', t, '| Type match:', typeMatch, '| Search match:', searchMatch);

c.style.display = (typeMatch && searchMatch) ? '' : 'none';
        });
      }
    </script>

<?php
          $jobs_query = $conn->query("SELECT * FROM jobs WHERE is_active = 1 ORDER BY created_at DESC");
          if ($jobs_query->num_rows > 0):
            while ($job = $jobs_query->fetch_assoc()):
              $type_map = ['full' => 'full', 'part' => 'part', 'intern' => 'intern', 'contract' => 'full'];
              ?>
              <div class="job-card wow animate__animated animate__fadeInUp" data-type="<?= $type_map[$job['job_type']] ?>"
                data-id="<?= $job['id'] ?>">
                <h4><?= htmlspecialchars($job['title']) ?></h4>
                <div class="job-meta">
                  <div>Location: <?= htmlspecialchars($job['location']) ?></div>
                  <div>Experience: <?= htmlspecialchars($job['experience']) ?></div>
                </div>
                <p style="color:var(--muted);margin-top:8px"><?= htmlspecialchars($job['short_description']) ?></p>
                <div class="job-actions">
                  <button class="btn btn-primary" onclick="openJobDetail(<?= $job['id'] ?>)">View Details</button>
                  <button class="btn btn-outline"
                    onclick="scrollToApply('<?= htmlspecialchars($job['title']) ?>')">Apply</button>
                </div>
              </div>
              <?php
            endwhile;
          else:
            ?>
            <div class="job-card text-center">
              <p>No job openings available at the moment. Please check back later.</p>
            </div>
          <?php endif; ?>

</div>
      </main>

<aside class="sidebar wow animate__animated animate__fadeInRight">
        <h4 style="margin:0 0 10px">Apply Now</h4>
        <?php echo $message; ?>
        <form class="apply-form" id="applyForm" action="" method="POST" enctype="multipart/form-data">
          <input name="name" placeholder="Full name" required>
          <input name="email" type="email" placeholder="Email" required>
          <input name="phone" placeholder="Phone">
          <input name="position" id="positionField" placeholder="Position applying for" required>
          <label>Resume</label>
          <input name="resume" type="file" accept=".pdf,.doc,.docx">
          <textarea name="cover" placeholder="Cover letter (brief)"></textarea>
          <button class="btn btn-primary" type="submit">Submit Application</button>
        </form>
      </aside>
    </div>
  </div>

<div id="jobModal" class="modal">
    <div class="modal-box">
      <span class="close" onclick="closeJobModal()">✕</span>
      <div id="jobDetailContent"></div>
    </div>
  </div>

<section class="newsletter-unique">
    <div class="container">
      <div class="newsletter-box">
        <div class="row align-items-center">

<div class="col-lg-7">
            <h2>Stay Updated with FSMC</h2>
            <p>
              Subscribe to our newsletter and receive updates on sanitation,
              sustainability initiatives, and impact stories from across India.
            </p>
          </div>

<div class="col-lg-5">
            <form class="newsletter-form">
              <input type="email" class="newsletter-input" placeholder="Enter your email address" required>
              <button type="submit" class="newsletter-btn">
                Subscribe
              </button>
            </form>
          </div>

</div>
      </div>
    </div>
  </section>

<footer class="footer-area bg-color pt-100 pb-70">
    <div class="container">
      <div class="row justify-content-center">

<div class="col-lg-4 col-sm-6">
          <div class="footer-widget">

<div class="footer-logo mb-3 ">
              <img src="assets/img/logo.png" alt="Logo" style="max-width:160px;">
            </div>

<p>
              FSMC Pvt. Ltd. is a social enterprise operating at the intersection of sanitation, environmental
              sustainability, and climate resilience across India.
            </p>

</div>
        </div>

<div class="col-lg-4 col-sm-6">
          <div class="footer-widget ">
            <h3>Address</h3>

<li class="location">
                <i class="bx bxs-building"></i>
                <strong>HEAD OFFICE:</strong><br>
                Flat No. - 05/06, A1 Block, HiTech Plaza,
                Sundarpada, Bhubaneshwar,
                Odisha - 751002.
              </li>

</ul>

</div>
        </div>

<div class="col-lg-2 col-sm-6">
          <div class="footer-widget ">
            <h3>Contact</h3>

</li>

<li>
                <i class="bx bxs-phone-call"></i>
                <a href="tel:+916200479520">+91 6200479520</a>
              </li>
            </ul>
          </div>
        </div>
        
        <div class="col-lg-2 col-sm-6">
          <div class="footer-widget">
            <h3>Social Media </h3>

</div>
    </div>
  </footer>

<div class="copyright-area py-3">
    <div class="container">
      <div class="d-flex flex-column flex-md-row justify-content-between align-items-center">

<div class="copyright-text mb-2 mb-md-0">
          <p class="m-0">
            © <span>FSMC Enriching Communities</span> | All Rights Reserved
          </p>
        </div>

<div class="powered-by">
          <p class="m-0">
            Developed by
            <a href="https://marvsoftwares.com/" target="_blank">
              Marv Softwares India Private Limited.
            </a>
          </p>
        </div>

</div>

</div>
  </div>

<div class="go-top">
    <i class="bx bx-chevrons-up"></i>
    <i class="bx bx-chevrons-up"></i>
  </div>

<script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
  <script src="assets/js/jquery.min.js"></script>
  
  <script src="assets/js/bootstrap.bundle.min.js"></script>
  
  <script src="assets/js/meanmenu.min.js"></script>
  
  <script src="assets/js/wow.min.js"></script>
  
  <script src="assets/js/owl.carousel.min.js"></script>
  
  <script src="assets/js/magnific-popup.min.js"></script>
  
  <script src="assets/js/jarallax.min.js"></script>
  
  <script src="assets/js/appear.min.js"></script>
  
  <script src="assets/js/odometer.min.js"></script>
  
  <script src="assets/js/smoothscroll.min.js"></script>
  
  <script src="assets/js/form-validator.min.js"></script>
  
  <script src="assets/js/contact-form-script.js"></script>
  
  <script src="assets/js/ajaxchimp.min.js"></script>
  
  <script src="assets/js/custom.js"></script>

// Disable Nice Select for job filter (it interferes)
    $(document).ready(function () {
      console.log('DOM Ready - checking for Nice Select');
      // Destroy nice select if already initialized on our filter
      if ($('#jobTypeFilter').next('.nice-select').length) {
        console.log('Found Nice Select wrapper, removing it');
        $('#jobTypeFilter').next('.nice-select').remove();
        $('#jobTypeFilter').show();
      } else {
        console.log('No Nice Select found on filter');
      }
    });

function scrollToApply(position) {
      $('#positionField').val(position || '').focus();
      $('html, body').animate({
        scrollTop: $('#positionField').offset().top - 80
      }, 500);
    }

</script>
</body>

</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: work-with-us.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation