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/admin

Free Space:

10.04 TB

🔧 Quick Actions

✏️ Editing: blogs_add.php

<?php
include 'config.php';
include 'includes/header.php';

if ($_SERVER["REQUEST_METHOD"] == "POST") {
    $title = $_POST['title'];
    $slug = strtolower(trim(preg_replace('/[^A-Za-z0-9-]+/', '-', $title)));
    $short_description = $_POST['short_description'];
    $content = $_POST['content'];
    $author = $_POST['author'];
    $category = $_POST['category'];
    $publish_date = $_POST['publish_date'];

// File Upload
    $target_dir = "../assets/uploads/blogs/";
    if (!file_exists($target_dir))
        mkdir($target_dir, 0777, true);

$image_path = "";
    if (isset($_FILES["image"]) && $_FILES["image"]["error"] == 0) {
        $filename = time() . "_" . basename($_FILES["image"]["name"]);
        move_uploaded_file($_FILES["image"]["tmp_name"], $target_dir . $filename);
        $image_path = "assets/uploads/blogs/" . $filename;
    }

$stmt = $conn->prepare("INSERT INTO blogs (title, slug, short_description, content, author, category, image_path, publish_date) VALUES (?, ?, ?, ?, ?, ?, ?, ?)");
    $stmt->bind_param("ssssssss", $title, $slug, $short_description, $content, $author, $category, $image_path, $publish_date);
    $stmt->execute();

echo "<script>window.location.href='blogs.php';</script>";
    exit();
}
?>

<div class="page-header-box mb-4">
    <div class="row align-items-center">
        <div class="col">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-2">
                    <li class="breadcrumb-item"><a href="blogs.php">Blogs</a></li>
                    <li class="breadcrumb-item active">Add New</li>
                </ol>
            </nav>
            <h3 class="page-title mb-0">
                <i class="fas fa-plus-circle text-primary me-2"></i>Add Blog Post
            </h3>
        </div>
    </div>
</div>

.page-title {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        color: var(--text-primary);
    }

.breadcrumb {
        background: none;
        padding: 0;
        margin: 0;
    }

.breadcrumb-item a {
        color: #667eea;
        text-decoration: none;
    }

.breadcrumb-item.active {
        color: var(--text-secondary);
    }
</style>

<div class="card-box" style="max-width: 950px;">
    <form method="POST" enctype="multipart/form-data" onsubmit="prepareSubmit()">
        
        <div class="form-section">
            <h6 class="section-label"><i class="fas fa-info-circle me-2"></i>Basic Information</h6>
            <div class="row g-3">
                <div class="col-md-8">
                    <div class="form-floating">
                        <input type="text" name="title" id="title" class="form-control" placeholder="Blog Title"
                            required>
                        <label for="title">Blog Title</label>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-floating">
                        <input type="text" name="category" id="category" class="form-control" placeholder="Category">
                        <label for="category">Category (e.g. FSM, Health)</label>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-floating">
                        <input type="text" name="author" id="author" class="form-control" value="Team" required>
                        <label for="author">Author Name</label>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-floating">
                        <input type="date" name="publish_date" id="publish_date" class="form-control"
                            value="<?= date('Y-m-d') ?>" required>
                        <label for="publish_date">Publish Date</label>
                    </div>
                </div>
            </div>
        </div>

<div class="form-section">
            <h6 class="section-label"><i class="fas fa-image me-2"></i>Featured Image</h6>
            <div class="file-upload-wrapper">
                <input type="file" name="image" id="imageInput" class="file-input" accept="image/*"
                    onchange="previewImage(this)">
                <label for="imageInput" class="file-upload-label">
                    <div class="upload-icon"><i class="fas fa-cloud-upload-alt"></i></div>
                    <div class="upload-text">Click to upload or drag and drop</div>
                    <div class="upload-hint">PNG, JPG or JPEG (max. 5MB)</div>
                </label>
                <div id="imagePreview" class="image-preview"></div>
            </div>
        </div>

<div class="form-section">
            <h6 class="section-label"><i class="fas fa-align-left me-2"></i>Short Description</h6>
            <textarea name="short_description" class="form-control" rows="3" required
                placeholder="A brief summary that appears on the blog listing page..."></textarea>
        </div>

<div class="form-section">
            <h6 class="section-label"><i class="fas fa-file-alt me-2"></i>Full Content</h6>
            <div id="editor" class="editor-container"></div>
            <input type="hidden" name="content" id="content">
        </div>

<div class="form-actions">
            <button type="submit" class="btn btn-primary btn-lg">
                <i class="fas fa-paper-plane me-2"></i>Publish Blog
            </button>
            <a href="blogs.php" class="btn btn-light btn-lg">
                <i class="fas fa-times me-2"></i>Cancel
            </a>
        </div>
    </form>
</div>

.form-section:last-of-type {
        border-bottom: none;
    }

.section-label {
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        color: var(--text-primary);
        margin-bottom: 15px;
    }

.form-floating>.form-control {
        height: calc(3.5rem + 2px);
        padding: 1rem 1rem;
    }

.form-floating>label {
        padding: 1rem;
    }

/* File Upload */
    .file-upload-wrapper {
        position: relative;
    }

.file-input {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        z-index: 10;
    }

.file-upload-label {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 40px;
        border: 2px dashed #e2e8f0;
        border-radius: 12px;
        background: #f8fafc;
        cursor: pointer;
        transition: all 0.3s ease;
    }

.file-upload-label:hover {
        border-color: #667eea;
        background: rgba(102, 126, 234, 0.05);
    }

.upload-icon {
        font-size: 2.5rem;
        color: #667eea;
        margin-bottom: 10px;
    }

.upload-text {
        font-weight: 500;
        color: var(--text-primary);
        margin-bottom: 5px;
    }

.upload-hint {
        font-size: 0.85rem;
        color: var(--text-muted);
    }

.image-preview {
        margin-top: 15px;
        display: none;
    }

.image-preview img {
        max-width: 200px;
        border-radius: 10px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    }

/* Editor */
    .editor-container {
        height: 350px;
        border-radius: 0 0 12px 12px;
    }

.ql-toolbar {
        border-radius: 12px 12px 0 0 !important;
        border-color: #e2e8f0 !important;
        background: #f8fafc;
    }

.ql-container {
        border-radius: 0 0 12px 12px !important;
        border-color: #e2e8f0 !important;
        font-size: 1rem;
    }

/* Actions */
    .form-actions {
        display: flex;
        gap: 12px;
        padding-top: 20px;
    }

.btn-lg {
        padding: 12px 28px;
        font-size: 0.95rem;
    }

.btn-light {
        background: #f1f5f9;
        border: none;
        color: var(--text-secondary);
    }

.btn-light:hover {
        background: #e2e8f0;
        color: var(--text-primary);
    }
</style>

function prepareSubmit() {
        document.getElementById('content').value = quill.root.innerHTML;
    }

<?php include 'includes/footer.php'; ?>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: blogs_add.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation