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: post-job.php

<?php
session_start();
require_once 'includes/db.php';

// Initialize variables
$errors = [];
$success = false;

// Handle form submission
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // Validate and sanitize input data
    $poster = trim($_POST['poster'] ?? '');
    $title = trim($_POST['title'] ?? '');
    $contact = trim($_POST['contact'] ?? '');
    $expiry_date = trim($_POST['expiry_date'] ?? '');
    
    // Validate required fields
    if (empty($poster)) {
        $errors[] = "Poster name is required";
    }
    
    if (empty($title)) {
        $errors[] = "Job title is required";
    }
    
    if (empty($contact)) {
        $errors[] = "Contact information is required";
    }
    
    if (empty($expiry_date)) {
        $errors[] = "Last apply date is required";
    } elseif (strtotime($expiry_date) < strtotime(date('Y-m-d'))) {
        $errors[] = "Last apply date must be in the future";
    }
    
    // Process job poster image
    $poster_image_path = '';
    if (isset($_FILES['poster_image']) && $_FILES['poster_image']['error'] === UPLOAD_ERR_OK) {
        $poster_image_path = handleFileUpload($_FILES['poster_image'], 'job_poster');
        if (!$poster_image_path) {
            $errors[] = "Failed to upload job poster image. Please try again.";
        }
    } else {
        $errors[] = "Job poster image is required";
    }
    
    // If no errors, proceed with database insertion
    if (empty($errors)) {
        // First, check if image_path column exists and add it if not
        $checkColumn = "SHOW COLUMNS FROM jobs LIKE 'image_path'";
        $result = mysqli_query($conn, $checkColumn);
        if (mysqli_num_rows($result) == 0) {
            // Add image_path column
            $alterSql = "ALTER TABLE jobs ADD COLUMN image_path VARCHAR(500) AFTER poster";
            mysqli_query($conn, $alterSql);
        }
        
        // Prepare SQL statement for job posting with image_path
        $sql = "INSERT INTO jobs (poster, image_path, title, contact, expiry_date, created_at) VALUES (?, ?, ?, ?, ?, NOW())";
        $stmt = mysqli_prepare($conn, $sql);
        
        if ($stmt) {
            // Bind parameters
            mysqli_stmt_bind_param($stmt, "sssss", $poster, $poster_image_path, $title, $contact, $expiry_date);
            
            // Execute the statement
            if (mysqli_stmt_execute($stmt)) {
                $success = true;
            } else {
                $errors[] = "Database error: " . mysqli_error($conn);
            }
            
            mysqli_stmt_close($stmt);
        } else {
            $errors[] = "Database preparation error: " . mysqli_error($conn);
        }
    }
}

/**
 * Handle file upload with proper validation and security
 */
function handleFileUpload($file, $prefix) {
    $upload_dir = 'uploads/jobs/';
    
    // Create upload directory if it doesn't exist
    if (!is_dir($upload_dir)) {
        mkdir($upload_dir, 0755, true);
    }
    
    // Validate file type
    $allowed_types = ['image/jpeg', 'image/jpg', 'image/png', 'image/webp', 'image/gif'];
    $file_type = mime_content_type($file['tmp_name']);
    
    if (!in_array($file_type, $allowed_types)) {
        return false;
    }
    
    // Generate unique filename
    $file_extension = pathinfo($file['name'], PATHINFO_EXTENSION);
    $filename = $prefix . '_' . uniqid() . '_' . time() . '.' . strtolower($file_extension);
    $file_path = $upload_dir . $filename;
    
    // Move uploaded file
    if (move_uploaded_file($file['tmp_name'], $file_path)) {
        return $file_path;
    }
    
    return false;
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Post a Job - 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;
        }
    </style>
</head>
<body class="bg-light">
    <?php include('nav.php') ?>

<?php
    if ($success) {
        echo '
        <div class="fixed top-4 right-4 p-4 rounded-md shadow-lg z-50 bg-success text-white max-w-sm">
            <div class="flex items-center">
                <i class="fas fa-check-circle mr-3 text-lg"></i>
                <div>
                    <p class="font-medium text-sm">Success!</p>
                    <p class="text-xs mt-1">Job posted successfully!</p>
                </div>
                <button onclick="this.parentElement.parentElement.remove()" class="ml-4 text-white hover:text-gray-200">
                    <i class="fas fa-times"></i>
                </button>
            </div>
        </div>
        <script>
            setTimeout(() => {
                const notification = document.querySelector(".fixed");
                if (notification) notification.remove();
            }, 5000);
        </script>';
    } elseif (!empty($errors)) {
        $errorMessage = implode(', ', $errors);
        echo '
        <div class="fixed top-4 right-4 p-4 rounded-md shadow-lg z-50 bg-warning text-dark max-w-sm">
            <div class="flex items-center">
                <i class="fas fa-exclamation-triangle mr-3 text-lg"></i>
                <div>
                    <p class="font-medium text-sm">Error!</p>
                    <p class="text-xs mt-1">' . htmlspecialchars($errorMessage) . '</p>
                </div>
                <button onclick="this.parentElement.parentElement.remove()" class="ml-4 text-dark hover:text-gray-700">
                    <i class="fas fa-times"></i>
                </button>
            </div>
        </div>
        <script>
            setTimeout(() => {
                const notification = document.querySelector(".fixed");
                if (notification) notification.remove();
            }, 5000);
        </script>';
    }
    ?>

<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-2xl font-bold text-secondary mb-2">Post a Job Opportunity</h1>
                <p class="text-neutral text-sm max-w-2xl mx-auto">
                    Share job opportunities with the Pennagaram community and help local talent find employment.
                </p>
            </div>

<div class="max-w-2xl mx-auto">
                <div class="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
                    
                    <div class="bg-white border-b border-gray-200 p-5">
                        <h2 class="text-lg font-semibold text-secondary">Job Posting Form</h2>
                        <p class="text-neutral text-sm mt-1">Fill out the form below to post a job opportunity</p>
                    </div>

<form id="jobForm" class="p-5" method="POST" action="post-job.php" enctype="multipart/form-data">
                        
                        <div class="pb-5 mb-5">
                            <h3 class="text-base font-semibold text-secondary mb-3 flex items-center">
                                <i class="fas fa-building mr-2 text-primary text-sm"></i> Company/Poster Information
                            </h3>
                            
                            <div class="grid grid-cols-1 gap-4">
                                
                                <div>
                                    <label for="poster" class="block text-xs font-medium text-neutral mb-1">Company/Poster Name *</label>
                                    <input type="text" id="poster" name="poster" required
                                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-primary focus:border-primary text-xs transition-colors"
                                           placeholder="Enter company or poster name"
                                           value="<?php echo htmlspecialchars($_POST['poster'] ?? ''); ?>">
                                </div>
                                
                                
                                <div>
                                    <label for="poster_image" class="block text-xs font-medium text-neutral mb-1">Job Poster Image *</label>
                                    <input type="file" id="poster_image" name="poster_image" accept="image/*" required
                                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-primary focus:border-primary text-xs transition-colors file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-xs file:font-medium file:bg-primary file:text-white hover:file:bg-green-600">
                                    <p class="text-xs text-neutral mt-1">Upload an image for the job poster (Max: 5MB, formats: JPG, PNG, WebP)</p>
                                </div>
                                
                                
                                <div id="imagePreview" class="hidden mt-4">
                                    <h4 class="text-xs font-medium text-neutral mb-2">Image Preview:</h4>
                                    <div id="previewContainer" class="flex justify-center">
                                        <img id="previewImage" class="max-w-full h-48 object-contain rounded border">
                                    </div>
                                </div>
                            </div>
                        </div>

<div class="pb-5 mb-5">
                            <h3 class="text-base font-semibold text-secondary mb-3 flex items-center">
                                <i class="fas fa-briefcase mr-2 text-primary text-sm"></i> Job Details
                            </h3>
                            
                            <div class="grid grid-cols-1 gap-4">
                                
                                <div>
                                    <label for="title" class="block text-xs font-medium text-neutral mb-1">Job Role/Title *</label>
                                    <input type="text" id="title" name="title" required
                                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-primary focus:border-primary text-xs transition-colors"
                                           placeholder="Enter job title or role"
                                           value="<?php echo htmlspecialchars($_POST['title'] ?? ''); ?>">
                                </div>
                                
                                
                                <div>
                                    <label for="contact" class="block text-xs font-medium text-neutral mb-1">Contact Information *</label>
                                    <textarea id="contact" name="contact" rows="2" required
                                              class="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-primary focus:border-primary text-xs transition-colors"
                                              placeholder="Provide contact details (phone, email, address, etc.)"><?php echo htmlspecialchars($_POST['contact'] ?? ''); ?></textarea>
                                    <p class="text-xs text-neutral mt-1">Include phone numbers, email addresses, or office address for applicants to contact</p>
                                </div>
                                
                                
                                <div>
                                    <label for="expiry_date" class="block text-xs font-medium text-neutral mb-1">Last Apply Date *</label>
                                    <input type="date" id="expiry_date" name="expiry_date" required
                                           class="w-full px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-primary focus:border-primary text-xs transition-colors"
                                           min="<?php echo date('Y-m-d'); ?>"
                                           value="<?php echo htmlspecialchars($_POST['expiry_date'] ?? ''); ?>">
                                    <p class="text-xs text-neutral mt-1">Select the last date for applications</p>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="pt-4">
                            <div class="flex items-start mb-5">
                                <input type="checkbox" id="terms" name="terms" required
                                       class="mt-0.5 mr-2 focus:ring-primary text-primary scale-90">
                                <label for="terms" class="text-xs text-neutral">
                                    I confirm that all information provided is accurate and I agree to the <a href="#" class="text-primary hover:underline font-medium">terms and conditions</a> of job posting.
                                </label>
                            </div>
                            
                            <div class="flex flex-col sm:flex-row gap-3 justify-center">
                                <button type="submit" 
                                        class="bg-primary text-white px-6 py-2 rounded-md hover:bg-green-600 transition-colors font-medium flex items-center shadow-sm text-sm">
                                    <i class="fas fa-paper-plane mr-2 text-xs"></i> Post Job
                                </button>
                                <button type="reset" 
                                        class="bg-gray-500 text-white px-6 py-2 rounded-md hover:bg-gray-600 transition-colors font-medium flex items-center shadow-sm text-sm">
                                    <i class="fas fa-redo mr-2 text-xs"></i> Reset Form
                                </button>
                            </div>
                        </div>
                    </form>
                </div>

<div class="mt-6 text-center">
                    <p class="text-xs text-neutral">
                        Your job posting will be reviewed and approved within 24 hours. 
                        You'll receive a confirmation once it's live on our platform.
                    </p>
                </div>
            </div>
        </div>
    </main>

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

// Form validation
        document.addEventListener('DOMContentLoaded', function() {
            const form = document.getElementById('jobForm');
            
            // Add real-time validation
            const requiredFields = form.querySelectorAll('[required]');
            requiredFields.forEach(field => {
                field.addEventListener('blur', function() {
                    validateField(this);
                });
            });
            
            // Form submission
            form.addEventListener('submit', function(e) {
                let isValid = true;
                
                // Validate all required fields
                requiredFields.forEach(field => {
                    if (!validateField(field)) {
                        isValid = false;
                    }
                });
                
                // File size validation
                const posterImage = document.getElementById('poster_image');
                if (posterImage.files[0] && posterImage.files[0].size > 5 * 1024 * 1024) {
                    isValid = false;
                    highlightError(posterImage, 'Poster image must be less than 5MB');
                }
                
                // Date validation
                const expiryDate = document.getElementById('expiry_date');
                if (expiryDate.value) {
                    const selectedDate = new Date(expiryDate.value);
                    const today = new Date();
                    today.setHours(0, 0, 0, 0);
                    
                    if (selectedDate < today) {
                        isValid = false;
                        highlightError(expiryDate, 'Last apply date must be today or in the future');
                    }
                }
                
                // Check terms agreement
                const terms = document.getElementById('terms');
                if (!terms.checked) {
                    isValid = false;
                    highlightError(terms, 'You must agree to the terms and conditions');
                }
                
                if (!isValid) {
                    e.preventDefault();
                    showNotification('Please fill in all required fields correctly.', 'error');
                }
            });
            
            // Field validation function
            function validateField(field) {
                const value = field.value.trim();
                let isValid = true;
                let message = '';
                
                // Clear previous error
                clearError(field);
                
                // Check if empty
                if (!value) {
                    isValid = false;
                    message = 'This field is required';
                }
                
                if (!isValid) {
                    highlightError(field, message);
                }
                
                return isValid;
            }
            
            function highlightError(field, message) {
                field.classList.add('border-red-500');
                
                let errorElement = field.parentNode.querySelector('.error-message');
                if (!errorElement) {
                    errorElement = document.createElement('p');
                    errorElement.className = 'error-message text-red-500 text-xs mt-1';
                    field.parentNode.appendChild(errorElement);
                }
                errorElement.textContent = message;
            }
            
            function clearError(field) {
                field.classList.remove('border-red-500');
                
                const errorElement = field.parentNode.querySelector('.error-message');
                if (errorElement) {
                    errorElement.remove();
                }
            }
            
            // Function to show temporary notifications
            function showNotification(message, type) {
                const notification = document.createElement('div');
                notification.className = `fixed top-4 left-4 p-4 rounded-md shadow-lg z-50 text-sm max-w-sm ${
                    type === 'success' ? 'bg-success text-white' : 'bg-warning text-dark'
                }`;
                notification.innerHTML = `
                    <div class="flex items-center">
                        <i class="fas fa-${type === 'success' ? 'check-circle' : 'exclamation-triangle'} mr-3 text-lg"></i>
                        <div>
                            <p class="font-medium">${type === 'success' ? 'Success!' : 'Error!'}</p>
                            <p class="text-xs mt-1">${message}</p>
                        </div>
                        <button onclick="this.parentElement.parentElement.remove()" class="ml-4 ${type === 'success' ? 'text-white hover:text-gray-200' : 'text-dark hover:text-gray-700'}">
                            <i class="fas fa-times"></i>
                        </button>
                    </div>
                `;
                
                document.body.appendChild(notification);
                
                setTimeout(() => {
                    if (notification.parentNode) {
                        notification.remove();
                    }
                }, 5000);
            }

// Set minimum date for expiry date
            const expiryDate = document.getElementById('expiry_date');
            const today = new Date().toISOString().split('T')[0];
            expiryDate.min = today;
        });
    </script>
</body>
</html>

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

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: post-job.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation