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/vasancomputer.com/public_html/admin

Free Space:

10.3 TB

🔧 Quick Actions

✏️ Editing: batch-schedule.php

<section class="py-5 bg-white border-top border-light">
    <div class="container">
        
        <div class="text-center mb-5">
            <div class="d-inline-block mb-3">
                <div class="bg-primary bg-opacity-10 rounded-3 p-3 d-inline-flex">
                    <i class="bi bi-calendar-week fs-2 text-primary"></i>
                </div>
            </div>
            <h2 class="display-6 fw-bold text-dark mb-2">Batch Schedule</h2>
            <p class="text-secondary">Choose a batch that fits your schedule.</p>
            <div class="d-flex justify-content-center">
                <div class="schedule-divider"></div>
            </div>
        </div>

<div class="row g-4">
            <?php
            $batches = [
                [
                    'name' => 'Morning Batch',
                    'days' => 'Monday to Saturday',
                    'days_short' => 'Mon–Sat',
                    'time' => '8:30 AM',
                    'duration' => '2 hours',
                    'description' => 'Ideal for students & job seekers.',
                    'icon' => 'bi-sunrise',
                    'color' => 'warning',
                    'availability' => '10 Seats Left',
                    'status' => 'available'
                ],
                [
                    'name' => 'Evening Batch',
                    'days' => 'Monday to Saturday',
                    'days_short' => 'Mon–Sat',
                    'time' => '6:00 PM',
                    'duration' => '2 hours',
                    'description' => 'Perfect for working professionals.',
                    'icon' => 'bi-moon-stars',
                    'color' => 'info',
                    'availability' => '5 Seats Left',
                    'status' => 'limited'
                ],
                [
                    'name' => 'Weekend Batch',
                    'days' => 'Saturday & Sunday',
                    'days_short' => 'Sat–Sun',
                    'time' => '10:00 AM',
                    'duration' => '3 hours',
                    'description' => 'Intensive weekend learning.',
                    'icon' => 'bi-calendar-heart',
                    'color' => 'success',
                    'availability' => '15 Seats Left',
                    'status' => 'available'
                ]
            ];

foreach ($batches as $batch) {
                $statusClass = $batch['status'] === 'limited' ? 'bg-warning' : 'bg-success';
            ?>
            <div class="col-md-4">
                <div class="card border-0 shadow-sm rounded-4 h-100 schedule-card">
                    <div class="card-body p-4">
                        
                        <div class="d-flex align-items-center justify-content-between mb-4">
                            <div class="d-flex align-items-center gap-3">
                                <div class="schedule-icon-wrapper bg-<?php echo $batch['color']; ?> bg-opacity-10 rounded-3">
                                    <i class="bi <?php echo $batch['icon']; ?> text-<?php echo $batch['color']; ?> fs-4"></i>
                                </div>
                                <div>
                                    <h3 class="h5 fw-semibold text-dark mb-1"><?php echo $batch['name']; ?></h3>
                                    <span class="badge bg-light text-secondary rounded-pill">
                                        <i class="bi bi-calendar3 me-1"></i>
                                        <?php echo $batch['days_short']; ?>
                                    </span>
                                </div>
                            </div>
                            
                            
                            <span class="badge <?php echo $statusClass; ?> bg-opacity-15 text-<?php echo $batch['status'] === 'limited' ? 'warning' : 'success'; ?> rounded-pill">
                                <?php echo $batch['availability']; ?>
                            </span>
                        </div>

<div class="schedule-time-box bg-light rounded-3 p-3 mb-3">
                            <div class="d-flex justify-content-between align-items-center">
                                <div>
                                    <small class="text-secondary d-block">Start Time</small>
                                    <span class="h4 fw-bold text-dark mb-0"><?php echo $batch['time']; ?></span>
                                </div>
                                <div class="text-end">
                                    <small class="text-secondary d-block">Duration</small>
                                    <span class="fw-semibold text-dark"><?php echo $batch['duration']; ?></span>
                                </div>
                            </div>
                        </div>

<p class="text-secondary small mb-4">
                            <i class="bi bi-info-circle me-1"></i>
                            <?php echo $batch['description']; ?>
                        </p>

<ul class="list-unstyled mb-4">
                            <li class="d-flex align-items-center gap-2 mb-2 small">
                                <i class="bi bi-check-circle-fill text-success"></i>
                                <span>Regular practice sessions</span>
                            </li>
                            <li class="d-flex align-items-center gap-2 mb-2 small">
                                <i class="bi bi-check-circle-fill text-success"></i>
                                <span>Expert instructors</span>
                            </li>
                            <li class="d-flex align-items-center gap-2 small">
                                <i class="bi bi-check-circle-fill text-success"></i>
                                <span>Certificate on completion</span>
                            </li>
                        </ul>

<div class="d-grid">
                            <button class="btn btn-outline-primary rounded-pill enroll-btn" 
                                    data-batch="<?php echo $batch['name']; ?>"
                                    data-time="<?php echo $batch['time']; ?>"
                                    data-bs-toggle="modal" 
                                    data-bs-target="#enrollModal">
                                <i class="bi bi-pencil-square me-2"></i>
                                Enroll Now
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <?php } ?>
        </div>

<div class="row mt-5">
            <div class="col-12">
                <div class="bg-light rounded-4 p-4 text-center">
                    <div class="d-flex align-items-center justify-content-center gap-3 flex-wrap">
                        <div class="d-flex align-items-center gap-2">
                            <div class="bg-success rounded-circle" style="width: 12px; height: 12px;"></div>
                            <small class="text-secondary">Available</small>
                        </div>
                        <div class="d-flex align-items-center gap-2">
                            <div class="bg-warning rounded-circle" style="width: 12px; height: 12px;"></div>
                            <small class="text-secondary">Limited Seats</small>
                        </div>
                        <div class="d-flex align-items-center gap-2">
                            <i class="bi bi-calendar-check text-primary"></i>
                            <small class="text-secondary">New batches start every month</small>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<div class="modal fade" id="enrollModal" tabindex="-1" aria-labelledby="enrollModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 shadow-lg rounded-4">
            <div class="modal-header border-0 pb-0">
                <div class="d-flex align-items-center gap-2">
                    <div class="bg-primary bg-opacity-10 rounded-3 p-2">
                        <i class="bi bi-pencil-square text-primary fs-4"></i>
                    </div>
                    <div>
                        <h5 class="modal-title fs-5 fw-bold" id="enrollModalLabel">Enroll for Batch</h5>
                        <p class="small text-secondary mb-0" id="selectedBatchInfo"></p>
                    </div>
                </div>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            
            <div class="modal-body pt-4">
                <form id="enrollForm" class="needs-validation" novalidate>
                    <div class="mb-3">
                        <label class="form-label small fw-medium">Full Name *</label>
                        <input type="text" class="form-control rounded-3" id="enrollName" required>
                        <div class="invalid-feedback">Please enter your name</div>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label small fw-medium">Phone Number *</label>
                        <input type="tel" class="form-control rounded-3" id="enrollPhone" required pattern="[0-9]{10}">
                        <div class="invalid-feedback">Please enter a valid 10-digit phone number</div>
                    </div>
                    
                    <div class="mb-3">
                        <label class="form-label small fw-medium">Email Address</label>
                        <input type="email" class="form-control rounded-3" id="enrollEmail">
                    </div>
                    
                    <div class="mb-4">
                        <label class="form-label small fw-medium">Preferred Course</label>
                        <select class="form-select rounded-3" id="enrollCourse">
                            <option value="">Select a course</option>
                            <option>Tamil Typing</option>
                            <option>English Typing</option>
                            <option>COA</option>
                            <option>Steno</option>
                            <option>Tally</option>
                        </select>
                    </div>
                    
                    <div class="d-grid">
                        <button type="submit" class="btn btn-primary rounded-pill py-3">
                            Submit Enrollment Request
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<style>
/* Schedule Section Styles */
.schedule-divider {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--primary, #2563eb), #6d28d9);
    border-radius: 2px;
    margin-top: 1rem;
}

/* Schedule Cards */
.schedule-card {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.schedule-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;
}

.schedule-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary, #2563eb), #6d28d9);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
}

.schedule-card:hover::before {
    transform: translateX(0);
}

/* Schedule Icon */
.schedule-icon-wrapper {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.schedule-card:hover .schedule-icon-wrapper {
    transform: scale(1.1);
}

/* Time Box */
.schedule-time-box {
    border-left: 4px solid var(--primary, #2563eb);
    transition: all 0.3s ease;
}

.schedule-card:hover .schedule-time-box {
    background: white !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* Availability Badge */
.badge.bg-opacity-15 {
    --bs-bg-opacity: 0.15;
}

/* Enroll Button */
.enroll-btn {
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.enroll-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(37, 99, 235, 0.1);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.enroll-btn:hover::before {
    width: 300px;
    height: 300px;
}

.enroll-btn:hover {
    background: var(--primary, #2563eb);
    color: white;
    transform: translateX(5px);
}

/* Animation */
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.schedule-card {
    animation: slideInUp 0.5s ease forwards;
    opacity: 0;
}

.schedule-card:nth-child(1) { animation-delay: 0.1s; }
.schedule-card:nth-child(2) { animation-delay: 0.2s; }
.schedule-card:nth-child(3) { animation-delay: 0.3s; }

/* Responsive */
@media (max-width: 767.98px) {
    .schedule-card {
        margin-bottom: 1rem;
    }
    
    .schedule-time-box .h4 {
        font-size: 1.2rem;
    }
}

/* Status Indicators */
.bg-success {
    background-color: #10b981 !important;
}

.bg-warning {
    background-color: #f59e0b !important;
}

/* Custom Colors */
.text-warning {
    color: #f59e0b !important;
}

.text-success {
    color: #10b981 !important;
}

/* Modal Form */
#enrollModal .form-control:focus,
#enrollModal .form-select:focus {
    border-color: var(--primary, #2563eb);
    box-shadow: 0 0 0 0.25rem rgba(37, 99, 235, 0.1);
}

/* Feature list icons */
.list-unstyled .bi-check-circle-fill {
    font-size: 0.9rem;
}

/* Hover effect for list items */
.list-unstyled li {
    transition: transform 0.2s ease;
}

.list-unstyled li:hover {
    transform: translateX(5px);
}

/* Loading state for enroll button */
.btn-primary:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Handle enroll button clicks
    const enrollBtns = document.querySelectorAll('.enroll-btn');
    const selectedBatchInfo = document.getElementById('selectedBatchInfo');
    
    enrollBtns.forEach(btn => {
        btn.addEventListener('click', function() {
            const batchName = this.dataset.batch;
            const batchTime = this.dataset.time;
            
            if (selectedBatchInfo) {
                selectedBatchInfo.textContent = `${batchName} - ${batchTime}`;
            }
        });
    });

// Handle enrollment form submission
    const enrollForm = document.getElementById('enrollForm');
    
    if (enrollForm) {
        enrollForm.addEventListener('submit', function(e) {
            e.preventDefault();
            
            if (!this.checkValidity()) {
                e.stopPropagation();
                this.classList.add('was-validated');
                return;
            }
            
            // Get form data
            const name = document.getElementById('enrollName').value;
            const phone = document.getElementById('enrollPhone').value;
            const email = document.getElementById('enrollEmail').value;
            const course = document.getElementById('enrollCourse').value;
            const batchInfo = selectedBatchInfo ? selectedBatchInfo.textContent : '';
            
            // Show loading state
            const submitBtn = this.querySelector('button[type="submit"]');
            const originalText = submitBtn.innerHTML;
            submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Processing...';
            submitBtn.disabled = true;
            
            // Simulate API call
            setTimeout(() => {
                // Reset form
                this.reset();
                this.classList.remove('was-validated');
                
                // Show success message
                submitBtn.innerHTML = '<i class="bi bi-check-circle me-2"></i>Enrollment Submitted!';
                submitBtn.classList.remove('btn-primary');
                submitBtn.classList.add('btn-success');
                
                // Close modal after 2 seconds
                setTimeout(() => {
                    const modal = bootstrap.Modal.getInstance(document.getElementById('enrollModal'));
                    if (modal) modal.hide();
                    
                    // Reset button
                    submitBtn.innerHTML = originalText;
                    submitBtn.classList.remove('btn-success');
                    submitBtn.classList.add('btn-primary');
                    submitBtn.disabled = false;
                    
                    // Show success toast
                    showToast('Enrollment request submitted successfully! We\'ll contact you soon.');
                }, 2000);
                
                // Log to analytics
                console.log('Enrollment:', { name, phone, email, course, batchInfo });
            }, 1500);
        });
    }

// Phone number formatting
    const phoneInput = document.getElementById('enrollPhone');
    if (phoneInput) {
        phoneInput.addEventListener('input', function(e) {
            let value = e.target.value.replace(/\D/g, '');
            if (value.length > 10) value = value.slice(0, 10);
            e.target.value = value;
        });
    }

// Toast notification function
    function showToast(message) {
        // Create toast container if it doesn't exist
        let toastContainer = document.querySelector('.toast-container');
        if (!toastContainer) {
            toastContainer = document.createElement('div');
            toastContainer.className = 'toast-container position-fixed bottom-0 end-0 p-3';
            document.body.appendChild(toastContainer);
        }
        
        // Create toast
        const toastEl = document.createElement('div');
        toastEl.className = 'toast align-items-center text-white bg-primary border-0';
        toastEl.setAttribute('role', 'alert');
        toastEl.setAttribute('aria-live', 'assertive');
        toastEl.setAttribute('aria-atomic', 'true');
        
        toastEl.innerHTML = `
            <div class="d-flex">
                <div class="toast-body">
                    <i class="bi bi-check-circle-fill me-2"></i>
                    ${message}
                </div>
                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"></button>
            </div>
        `;
        
        toastContainer.appendChild(toastEl);
        
        const toast = new bootstrap.Toast(toastEl, { delay: 3000 });
        toast.show();
        
        // Remove toast after hidden
        toastEl.addEventListener('hidden.bs.toast', () => {
            toastEl.remove();
        });
    }
});
</script>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: batch-schedule.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation