Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-503.34.1.el9_5.x86_64

PHP Version:

8.2.30

User:

u329947844

Directory:

/home/u329947844/domains/pennagaram.org/public_html

Free Space:

10.31 TB

🔧 Quick Actions

✏️ Editing: all-jobs.php

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Job Opportunities - Pennagaram Official</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="apple-touch-icon" sizes="180x180" href="assets/fav/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/fav/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/fav/favicon-16x16.png">
    <link rel="manifest" href="assets/fav/site.webmanifest">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        'primary': '#2E8B57',
                        'accent': '#FF6B35',
                        'secondary': '#1A5276',
                        'light': '#F8F9FA',
                        'neutral': '#495057',
                        'dark': '#212529',
                        'success': '#28A745',
                        'warning': '#FFC107',
                        'highlight': '#E9F5E9'
                    }
                }
            }
        }
    </script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
        body {
            font-family: 'Inter', sans-serif;
        }
        .job-card {
            transition: all 0.3s ease;
        }
        .job-card:hover {
            transform: translateY(-3px);
        }
        .urgent-badge {
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.7; }
        }
        .filter-active {
            background-color: #2E8B57 !important;
            color: white !important;
        }
    </style>
</head>
<body class="bg-light">
    <?php include('nav.php') ?>

<main class="min-h-screen py-6 mt-16"> 
        <div class="container mx-auto px-4">
            
            <div class="text-center mb-6"> 
                <h1 class="text-3xl font-bold text-secondary mb-3">Job Opportunities</h1> 
                <p class="text-neutral text-base max-w-2xl mx-auto"> 
                    Find your next career opportunity in Pennagaram. Browse through available job openings and take the next step in your professional journey.
                </p>
            </div>

<div class="bg-white rounded-lg shadow-md p-5 mb-6"> 
                
                <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-5"> 
                    <div class="bg-highlight rounded-lg p-4 text-center">
                        <div class="text-xl font-bold text-primary mb-1"> 
                            <?php
                            require_once 'includes/db.php';
                            $activeJobsQuery = "SELECT COUNT(*) as total FROM jobs WHERE expiry_date >= CURDATE()";
                            $activeResult = mysqli_query($conn, $activeJobsQuery);
                            $activeJobs = mysqli_fetch_assoc($activeResult)['total'];
                            echo $activeJobs;
                            ?>
                        </div>
                        <div class="text-xs text-neutral">Active Jobs</div> 
                    </div>

</div>

<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    
                    <div class="relative">
                        <input type="text" 
                               id="searchInput" 
                               placeholder="Search job titles..." 
                               class="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent text-sm"> 
                        <i class="fas fa-search absolute left-3 top-3 text-neutral text-sm"></i> 
                    </div>

<div class="relative">
                        <select id="sortFilter" class="w-full pl-3 pr-10 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent appearance-none text-sm"> 
                            <option value="newest">Newest First</option>
                            <option value="expiring">Expiring Soon</option>
                            <option value="oldest">Oldest First</option>
                            <option value="title_asc">Title A-Z</option>
                        </select>
                        <i class="fas fa-sort absolute right-3 top-3 text-neutral pointer-events-none text-sm"></i> 
                    </div>
                </div>

</div>

<div id="jobsContainer">
                <?php
                // Fetch all active jobs
                $query = "
                    SELECT id, poster, image_path, title, contact, expiry_date, created_at 
                    FROM jobs 
                    WHERE expiry_date >= CURDATE()
                    ORDER BY created_at DESC
                ";
                
                $result = mysqli_query($conn, $query);
                
                if (!$result) {
                    echo '<div class="text-center text-red-500 py-10 text-sm">Error loading jobs. Please try again later.</div>';
                } elseif (mysqli_num_rows($result) == 0) {
                    echo '<div class="text-center py-10"> 
                        <div class="bg-white rounded-lg shadow-md p-6 max-w-md mx-auto"> 
                            <i class="fas fa-briefcase text-5xl text-neutral mb-3"></i> 
                            <h3 class="text-lg font-semibold text-dark mb-2">No Jobs Available</h3> 
                            <p class="text-neutral mb-4 text-sm">There are no active job openings at the moment. Please check back later.</p> 
                            <a href="index.php" class="bg-primary text-white px-5 py-2 rounded-lg hover:bg-green-600 transition-colors inline-flex items-center text-sm"> 
                                <i class="fas fa-home mr-2 text-xs"></i> 
                                Back to Home
                            </a>
                        </div>
                    </div>';
                } else {
                    echo '<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5" id="jobsGrid">'; 
                    
                    while ($job = mysqli_fetch_assoc($result)) {
                        // Format dates
                        $createdDate = date('M j, Y', strtotime($job['created_at']));
                        $expiryDate = date('M j, Y', strtotime($job['expiry_date']));
                        
                        // Check if job is expiring soon (within 3 days)
                        $today = new DateTime();
                        $expiry = new DateTime($job['expiry_date']);
                        $daysLeft = $today->diff($expiry)->days;
                        $isExpiringSoon = $daysLeft <= 3;
                        $isNewThisWeek = (time() - strtotime($job['created_at'])) < (7 * 24 * 60 * 60);
                        
                        // Handle image path - use image_path column if available, otherwise use poster as fallback
                        $imagePath = '';
                        if (!empty($job['image_path'])) {
                            // Use the image_path from the database (full path stored during upload)
                            $imagePath = $job['image_path'];
                        } elseif (!empty($job['poster'])) {
                            // Fallback: if image_path is empty but poster has a filename
                            $imagePath = 'uploads/jobs/' . $job['poster'];
                        }
                        
                        // Ensure the image path is correct and check if file exists
                        $finalImagePath = '';
                        if (!empty($imagePath)) {
                            if (file_exists($imagePath)) {
                                $finalImagePath = $imagePath;
                            } else if (file_exists('../' . $imagePath)) {
                                $finalImagePath = '../' . $imagePath;
                            } else if (file_exists('admin/' . $imagePath)) {
                                $finalImagePath = 'admin/' . $imagePath;
                            } else {
                                // If file doesn't exist, use placeholder
                                $finalImagePath = '';
                            }
                        }
                        
                        echo '
                        <div class="job-card bg-white rounded-lg shadow-md overflow-hidden border border-light hover:shadow-lg" 
                             data-title="' . strtolower(htmlspecialchars($job['title'])) . '"
                             data-created="' . $job['created_at'] . '"
                             data-expiry="' . $job['expiry_date'] . '"
                             data-urgent="' . ($isExpiringSoon ? 'yes' : 'no') . '"
                             data-new="' . ($isNewThisWeek ? 'yes' : 'no') . '">
                            
                            
                            <div class="h-40 bg-gray-100 overflow-hidden relative"> 
                                ' . (!empty($finalImagePath) ? 
                                    '<img src="' . htmlspecialchars($finalImagePath) . '" 
                                         alt="' . htmlspecialchars($job['title']) . '" 
                                         class="w-full h-full object-cover hover:scale-105 transition-transform duration-300"
                                         onerror="this.style.display=\'none\'; this.nextElementSibling.style.display=\'flex\';">' : 
                                    '<div class="w-full h-full flex items-center justify-center text-neutral bg-gradient-to-br from-gray-100 to-gray-200">
                                        <div class="text-center">
                                            <i class="fas fa-briefcase text-3xl mb-2 text-gray-400"></i> 
                                            <p class="text-xs text-gray-500">Job Opportunity</p> 
                                        </div>
                                     </div>') . '
                                
                                
                                <div class="absolute top-2 right-2 flex flex-col gap-1"> 
                                    ' . ($isExpiringSoon ? 
                                        '<span class="urgent-badge bg-red-500 text-white px-2 py-1 rounded text-xs font-bold shadow-lg">
                                            <i class="fas fa-clock mr-1 text-xs"></i>URGENT 
                                        </span>' : '') . '
                                    ' . ($isNewThisWeek ? 
                                        '<span class="bg-green-500 text-white px-2 py-1 rounded text-xs font-bold shadow-lg">
                                            <i class="fas fa-star mr-1 text-xs"></i>NEW 
                                        </span>' : '') . '
                                </div>
                            </div>
                            
                            
                            <div class="p-4"> 
                                
                                <div class="flex items-center justify-between mb-2"> 
                                    <div class="flex items-center">
                                        <div class="w-7 h-7 rounded-full bg-highlight flex items-center justify-center mr-2"> 
                                            <i class="fas fa-briefcase text-primary text-xs"></i> 
                                        </div>
                                        <span class="text-xs font-medium text-primary">Job Opening</span> 
                                    </div>
                                    <span class="text-xs text-neutral">' . htmlspecialchars($createdDate) . '</span> 
                                </div>
                                
                                
                                <h3 class="text-base font-semibold text-dark mb-2 hover:text-primary transition-colors line-clamp-2"> 
                                    ' . htmlspecialchars($job['title']) . '
                                </h3>
                                
                                
                                <div class="flex items-center mb-2 text-sm text-neutral">
                                    <i class="fas fa-building mr-2 text-xs text-primary"></i>
                                    <span class="text-xs">' . htmlspecialchars($job['poster']) . '</span>
                                </div>
                                
                                
                                <div class="flex items-center mb-3"> 
                                    <i class="fas fa-clock mr-2 text-xs ' . ($isExpiringSoon ? 'text-red-500' : 'text-primary') . '"></i>
                                    <span class="text-xs ' . ($isExpiringSoon ? 'text-red-600 font-medium' : 'text-neutral') . '"> 
                                        Apply before: ' . htmlspecialchars($expiryDate) . '
                                    </span>
                                </div>
                                
                                
                                <div class="flex justify-between items-center pt-3 border-t border-gray-100"> 
                                    <div class="flex items-center">
                                        <i class="fas fa-phone text-primary text-xs mr-1"></i>
                                        <span class="text-xs text-neutral">Contact provided</span> 
                                    </div>
                                    <button onclick="showJobContact(\'' . htmlspecialchars($job['title']) . '\', \'' . htmlspecialchars($job['contact']) . '\', \'' . htmlspecialchars($job['poster']) . '\')" 
                                            class="bg-primary text-white px-3 py-1 rounded text-xs hover:bg-green-600 transition-colors flex items-center font-medium"> 
                                        Apply Now <i class="fas fa-paper-plane ml-1 text-xs"></i>
                                    </button>
                                </div>
                            </div>
                        </div>';
                    }
                    echo '</div>';
                }
                ?>
            </div>

<div id="noResults" class="hidden text-center py-10"> 
                <div class="bg-white rounded-lg shadow-md p-6 max-w-md mx-auto"> 
                    <i class="fas fa-search text-5xl text-neutral mb-3"></i> 
                    <h3 class="text-lg font-semibold text-dark mb-2">No Jobs Found</h3> 
                    <p class="text-neutral mb-4 text-sm">Try adjusting your search or filter criteria.</p> 
                    <button onclick="resetFilters()" class="bg-primary text-white px-5 py-2 rounded-lg hover:bg-green-600 transition-colors text-sm"> 
                        Reset Filters
                    </button>
                </div>
            </div>

</div>
    </main>

<div id="jobContactModal" class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden flex items-center justify-center p-4">
        <div class="bg-white rounded-lg shadow-xl max-w-md w-full p-5"> 
            <div class="flex items-center justify-between mb-3"> 
                <h3 class="text-base font-semibold text-dark" id="modalJobTitle">Job Title</h3> 
                <button onclick="closeJobContactModal()" class="text-gray-400 hover:text-gray-600 text-sm"> 
                    <i class="fas fa-times"></i>
                </button>
            </div>
            <div class="space-y-3"> 
                <div class="mb-3">
                    <h4 class="font-medium text-dark mb-1 flex items-center text-sm">
                        <i class="fas fa-building text-primary mr-2 text-xs"></i>
                        Company
                    </h4>
                    <p class="text-sm text-neutral" id="modalJobCompany">Company Name</p>
                </div>
                <div class="bg-highlight rounded-lg p-3"> 
                    <h4 class="font-medium text-dark mb-1 flex items-center text-sm"> 
                        <i class="fas fa-phone text-primary mr-2 text-xs"></i> 
                        Contact Information
                    </h4>
                    <p class="text-base font-semibold text-primary" id="modalJobContact">Contact Number</p> 
                </div>
                <div class="bg-yellow-50 rounded-lg p-2"> 
                    <p class="text-xs text-yellow-800 flex items-start"> 
                        <i class="fas fa-info-circle mr-2 mt-0.5 text-xs"></i> 
                        Please mention that you found this job on Pennagaram Official when contacting.
                    </p>
                </div>
                <div class="flex gap-2 pt-2">
                    <a href="#" id="modalCallLink" class="flex-1 bg-primary text-white py-2 rounded text-center hover:bg-green-600 transition-colors flex items-center justify-center text-sm"> 
                        <i class="fas fa-phone mr-2 text-xs"></i>Call Now 
                    </a>
                    <button onclick="closeJobContactModal()" class="flex-1 bg-gray-300 text-gray-700 py-2 rounded hover:bg-gray-400 transition-colors text-sm"> 
                        Close
                    </button>
                </div>
            </div>
        </div>
    </div>

<?php include('footer.php') ?>

// Function to filter jobs
            function filterJobs() {
                const searchTerm = searchInput.value.toLowerCase();
                const sortValue = sortFilter.value;
                const activeFilter = document.querySelector('.filter-btn.filter-active')?.getAttribute('data-filter') || 'all';
                
                const jobCards = jobsGrid.querySelectorAll('.job-card');
                let visibleCount = 0;

jobCards.forEach(card => {
                    const jobTitle = card.getAttribute('data-title');
                    const isUrgent = card.getAttribute('data-urgent') === 'yes';
                    const isNew = card.getAttribute('data-new') === 'yes';
                    const createdDate = card.getAttribute('data-created');
                    const expiryDate = card.getAttribute('data-expiry');
                    
                    const matchesSearch = jobTitle.includes(searchTerm);
                    let matchesFilter = true;
                    
                    switch(activeFilter) {
                        case 'urgent':
                            matchesFilter = isUrgent;
                            break;
                        case 'new':
                            matchesFilter = isNew;
                            break;
                        case 'all':
                        default:
                            matchesFilter = true;
                    }
                    
                    if (matchesSearch && matchesFilter) {
                        card.style.display = 'block';
                        visibleCount++;
                    } else {
                        card.style.display = 'none';
                    }
                });

// Sort jobs
                sortJobs(sortValue);

// Show/hide no results message
                if (visibleCount === 0) {
                    jobsGrid.style.display = 'none';
                    noResults.classList.remove('hidden');
                } else {
                    jobsGrid.style.display = 'grid';
                    noResults.classList.add('hidden');
                }
            }

// Function to sort jobs
            function sortJobs(sortValue) {
                const jobCards = Array.from(jobsGrid.querySelectorAll('.job-card'));
                
                jobCards.sort((a, b) => {
                    switch(sortValue) {
                        case 'newest':
                            return new Date(b.getAttribute('data-created')) - new Date(a.getAttribute('data-created'));
                        case 'oldest':
                            return new Date(a.getAttribute('data-created')) - new Date(b.getAttribute('data-created'));
                        case 'expiring':
                            return new Date(a.getAttribute('data-expiry')) - new Date(b.getAttribute('data-expiry'));
                        case 'title_asc':
                            return a.getAttribute('data-title').localeCompare(b.getAttribute('data-title'));
                        default:
                            return 0;
                    }
                });

// Re-append sorted cards
                jobCards.forEach(card => jobsGrid.appendChild(card));
            }

// Function to reset filters
            function resetFilters() {
                searchInput.value = '';
                sortFilter.value = 'newest';
                
                // Reset filter buttons
                filterBtns.forEach(btn => {
                    btn.classList.remove('filter-active');
                    if (btn.getAttribute('data-filter') === 'all') {
                        btn.classList.add('filter-active');
                    }
                });
                
                filterJobs();
            }

// Event listeners
            searchInput.addEventListener('input', filterJobs);
            sortFilter.addEventListener('change', filterJobs);

// Filter button events
            filterBtns.forEach(btn => {
                btn.addEventListener('click', function() {
                    const filter = this.getAttribute('data-filter');
                    
                    // Update button states
                    filterBtns.forEach(b => b.classList.remove('filter-active'));
                    this.classList.add('filter-active');
                    
                    filterJobs();
                });
            });

// Initialize with "All Jobs" button active
            const allJobsBtn = document.querySelector('.filter-btn[data-filter="all"]');
            if (allJobsBtn) {
                allJobsBtn.classList.add('filter-active');
            }
        });

// Job Contact Modal functionality
        function showJobContact(jobTitle, contactNumber, companyName) {
            const modal = document.getElementById('jobContactModal');
            const modalTitle = document.getElementById('modalJobTitle');
            const modalContact = document.getElementById('modalJobContact');
            const modalCompany = document.getElementById('modalJobCompany');
            const modalCallLink = document.getElementById('modalCallLink');
            
            modalTitle.textContent = jobTitle;
            modalContact.textContent = contactNumber;
            modalCompany.textContent = companyName;
            
            // Extract phone number from contact (in case it contains other text)
            const phoneMatch = contactNumber.match(/(\+?[\d\s\-]{10,})/);
            if (phoneMatch) {
                const cleanPhone = phoneMatch[1].replace(/\D/g, '');
                modalCallLink.href = 'tel:' + cleanPhone;
            } else {
                modalCallLink.href = 'tel:' + contactNumber.replace(/\D/g, '');
            }
            
            modal.classList.remove('hidden');
            document.body.style.overflow = 'hidden';
        }

function closeJobContactModal() {
            const modal = document.getElementById('jobContactModal');
            modal.classList.add('hidden');
            document.body.style.overflow = 'auto';
        }

// Close modal on ESC key
        document.addEventListener('keydown', function(e) {
            if (e.key === 'Escape') {
                closeJobContactModal();
            }
        });

// Close modal when clicking outside
        document.getElementById('jobContactModal').addEventListener('click', function(e) {
            if (e.target === this) {
                closeJobContactModal();
            }
        });
    </script>
</body>
</html>

<?php
// Close database connection
if (isset($conn)) {
    mysqli_close($conn);
}

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: all-jobs.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation