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.04 TB

🔧 Quick Actions

✏️ Editing: publications.php

<!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/nice-select.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>
    /* Header */
    .header {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      flex-wrap: wrap;
      margin-bottom: 30px;
      background: linear-gradient(135deg, #FF7A00, #FF7A00, #FF7A00);
      padding: 25px;
      border-radius: 16px;
      color: #fff;
    }

.header h2 {
      margin: 0;
      font-size: 32px;
      font-weight: 700;
    }

.header p {
      margin: 4px 0 0;
      color: #ffffff !important;
    }

/* Filters */
    .filters {
      display: flex;
      gap: 12px;
    }

.input {
      padding: 10px 12px;
      border-radius: 10px;
      border: none;
      background: #ffffff;
      backdrop-filter: blur(6px);
      color: #111;
      min-width: 160px;
      border: 1px solid #ffffff;
      transition: 0.3s;
    }

.input:focus {
      outline: none;
      border-color: #6366f1;
      box-shadow: 0 0 0 3px #6366f14d;
    }

/* Nice Select Overrides */
    .nice-select {
      background-color: #fff !important;
      border-radius: 10px !important;
      height: auto !important;
      line-height: 1.5 !important;
      padding: 10px 12px !important;
      border: 1px solid #ffffff !important;
      color: #111 !important;
      font-weight: 600 !important;
    }

.nice-select .list {
      border-radius: 12px !important;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
      width: 100% !important;
      margin-top: 5px !important;
      z-index: 9999 !important;
    }

.nice-select .option:hover,
    .nice-select .option.focus,
    .nice-select .option.selected.focus {
      background-color: #FF7A00 !important;
      color: #fff !important;
    }

.nice-select::after {
      border-bottom: 2px solid #FF7A00 !important;
      border-right: 2px solid #FF7A00 !important;
    }

.filters {
      position: relative;
      z-index: 999;
    }

/* Grid */
    .pub-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
      gap: 22px;
    }

/* Publication Card */
    .pub {
      padding: 22px;
      background: #ffffffdd;
      backdrop-filter: blur(8px);
      border-radius: 18px;
      border: 1px solid #e5e7eb;
      box-shadow: 0 4px 20px #00000010;
      transition: 0.25s ease;
      position: relative;
      overflow: hidden;
    }

.pub:hover {
      transform: translateY(-6px);
      box-shadow: 0 8px 30px #00000015;
      border-color: #6366f1;
    }

/* Glow outline on hover */
    .pub::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 18px;
      padding: 2px;
      background: linear-gradient(135deg, #FF7A00, #0199d2, #FF7A00);
      mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      mask-composite: exclude;
      opacity: 0;
      transition: 0.3s;
    }

.pub:hover::before {
      opacity: 1;
    }

/* FIX: pseudo element was blocking clicks */
    .pub::before {
      pointer-events: none;
    }

.meta {
      font-size: 14px;
      font-weight: 600;
      color: #FF7A00;
      margin-bottom: 6px;
    }

.pub h4 {
      margin: 0 0 6px;
      font-size: 20px;
      color: #111827;
      font-weight: 700;
    }

.pub p {
      font-size: 14px;
      line-height: 1.5;
      color: #374151;
    }

/* Tags */
    .tags {
      margin-top: 10px;
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }

.tag {
      background: #eef2ff;
      color: #019ad3;
      padding: 5px 12px;
      border-radius: 20px;
      font-size: 12px;
      font-weight: 600;
    }

/* Actions */
    .actions {
      margin-top: 15px;
      display: flex;
      gap: 10px;
      position: relative;
      z-index: 10;
    }

.btn {
      padding: 9px 14px;
      font-size: 14px;
      border-radius: 10px;
      border: none;
      cursor: pointer;
      font-weight: 600;
      transition: 0.25s;
    }

.btn-view {
      background: #FF7A00;
      color: white;
    }

.btn-view:hover {
      background: #FF7A00;
    }

.btn-download {
      background: #f3f4f6;
      color: #111;
      text-decoration: none;
    }

.btn-download:hover {
      background: #e5e7eb;
    }
  </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 active">
                    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">
                    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">Publications</h2>
      <p class="inde wow animate__animated animate__fadeInRight">Home › Publications</p>
    </div>

<div class="container py-5">
    <?php
    include 'admin/config.php';

$publications = [];
    $uniqueTypes = [];
    $uniqueYears = [];

$sql = "SELECT * FROM publications ORDER BY created_at DESC";
    $result = $conn->query($sql);

if ($result->num_rows > 0) {
      while ($row = $result->fetch_assoc()) {
        $publications[] = $row;

// Collect unique types and years
        $type = $row['category'];
        $year = date('Y', strtotime($row['created_at'])); // Assuming created_at is valid timestamp
        if ($type)
          $uniqueTypes[$type] = true;
        if ($year)
          $uniqueYears[$year] = true;
      }
      // Sort filters
      ksort($uniqueTypes);
      krsort($uniqueYears);
    }
    ?>

<div class="header wow animate__animated animate__fadeInDown">
      <div>
        <h2 class="wow animate__animated animate__fadeInLeft">Publications</h2>
        <p class="wow animate__animated animate__fadeInLeft" style="color:#6b7280;margin:6px 0 0">Research papers,
          manuals, policy briefs and datasets.</p>
      </div>
      <div class="filters wow animate__animated animate__fadeInRight">
        <select id="pubType" class="input">
          <option value="all">All Types</option>
          <?php foreach (array_keys($uniqueTypes) as $t): ?>
            <option value="<?= htmlspecialchars($t) ?>"><?= htmlspecialchars($t) ?></option>
          <?php endforeach; ?>
        </select>
        <select id="pubYear" class="input">
          <option value="all">All Years</option>
          <?php foreach (array_keys($uniqueYears) as $y): ?>
            <option value="<?= htmlspecialchars($y) ?>"><?= htmlspecialchars($y) ?></option>
          <?php endforeach; ?>
        </select>
        <input id="pubSearch" class="input" placeholder="Search title or author">
      </div>
    </div>

<div id="pubGrid" class="pub-grid">
      <?php if (count($publications) > 0): ?>
        <?php foreach ($publications as $row):
          $type = htmlspecialchars($row['category']);
          $year = date('Y', strtotime($row['created_at']));
          $file = htmlspecialchars($row['file_path']);
          $title = htmlspecialchars($row['title']);

// Dynamic tags from database
          $tags_html = "";
          $pub_tags = isset($row['tags']) && !empty($row['tags']) ? explode(',', $row['tags']) : [];
          if (count($pub_tags) > 0) {
            foreach ($pub_tags as $tag) {
              $tag = trim($tag);
              if (!empty($tag)) {
                $tags_html .= '<span class="tag">' . htmlspecialchars($tag) . '</span>';
              }
            }
          } else {
            $tags_html = '<span class="tag">General</span>';
          }
          ?>
          <div class='pub wow animate__animated animate__fadeInUp' data-type='<?= $type ?>' data-year='<?= $year ?>'>
            <div class='meta'><?= $type ?> • <?= $year ?></div>
            <h4><?= $title ?></h4>
            <p style='margin:0;color:#334155'>Click to view or download this resource.</p>
            <div class='tags'><?= $tags_html ?></div>
            <div class='actions'>
              <a class='btn btn-view' href='<?= $file ?>' target='_blank'>View</a>
              <a class='btn btn-download' href='<?= $file ?>' download>Download</a>
            </div>
          </div>
        <?php endforeach; ?>
      <?php else: ?>
        <p>No publications found.</p>
      <?php endif; ?>
    </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/nice-select.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>
  <script>
    const pubSearch = document.getElementById('pubSearch');
    const pubType = document.getElementById('pubType');
    const pubYear = document.getElementById('pubYear');
    
    function updatePubs() {
      const q = pubSearch.value.toLowerCase().trim();
      const t = pubType.value;
      const y = pubYear.value;
      
      document.querySelectorAll('#pubGrid .pub').forEach(el => {
        const title = el.querySelector('h4').innerText.toLowerCase();
        const elType = el.dataset.type;
        const elYear = el.dataset.year;
        
        const matchesSearch = !q || title.includes(q);
        const matchesType = t === 'all' || elType === t;
        const matchesYear = y === 'all' || elYear === y;
        
        el.style.display = (matchesSearch && matchesType && matchesYear) ? '' : 'none';
      });
    }
    
    pubSearch.addEventListener('input', updatePubs);
    pubType.addEventListener('change', updatePubs);
    pubYear.addEventListener('change', updatePubs);
    
    // Also trigger on Nice Select change
    $(document).ready(function() {
      $('#pubType, #pubYear').niceSelect();
      
      // Re-bind change event after niceSelect initialization
      $(document).on('click', '.nice-select .option', function() {
        setTimeout(updatePubs, 50);
      });
    });

function openPub(url) {
      window.open(url, '_blank');
    }
  </script>
</body>

</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: publications.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation