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/ecommer.in/public_html/billing/medical

Free Space:

10.28 TB

🔧 Quick Actions

✏️ Editing: contact-support.php

<!doctype html>
<html lang="en">

<?php 
include('includes/head.php');
?>

<?php include('includes/pre-loader.php')?>

<div id="layout-wrapper">

<?php include('includes/topbar.php')?>

<div class="vertical-menu">

<?php include('includes/sidebar.php')?>
            
        </div>
    </div>

<div class="main-content">
        <div class="page-content">
           
            <div class="container-fluid">

<div class="row">
                    
                    <div class="col-xl-8">
                        <div class="card h-100">
                            <div class="card-body">
                                <h4 class="card-title mb-4">Get in Touch</h4>
                                
                                
                                <form id="contactForm">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="name" class="form-label">Your Name <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="name" placeholder="Enter your name" required>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="email" class="form-label">Email Address <span class="text-danger">*</span></label>
                                                <input type="email" class="form-control" id="email" placeholder="Enter your email" required>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="phone" class="form-label">Phone Number</label>
                                                <input type="tel" class="form-control" id="phone" placeholder="Enter your phone number">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label for="subject" class="form-label">Subject <span class="text-danger">*</span></label>
                                                <select class="form-select" id="subject" required>
                                                    <option value="">Select a subject</option>
                                                    <option value="Technical Issue">Technical Issue</option>
                                                    <option value="Billing & Payment">Billing & Payment</option>
                                                    <option value="Account Support">Account Support</option>
                                                    <option value="Feature Request">Feature Request</option>
                                                    <option value="Bug Report">Bug Report</option>
                                                    <option value="General Inquiry">General Inquiry</option>
                                                    <option value="Emergency Support">Emergency Support</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <label for="priority" class="form-label">Priority</label>
                                        <select class="form-select" id="priority">
                                            <option value="Low">Low</option>
                                            <option value="Medium" selected>Medium</option>
                                            <option value="High">High</option>
                                            <option value="Urgent">Urgent</option>
                                        </select>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <label for="message" class="form-label">Message <span class="text-danger">*</span></label>
                                        <textarea class="form-control" id="message" rows="5" placeholder="Describe your issue or inquiry in detail..." required></textarea>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <div class="form-check">
                                            <input class="form-check-input" type="checkbox" id="attachScreenshot">
                                            <label class="form-check-label" for="attachScreenshot">
                                                Attach screenshot (if applicable)
                                            </label>
                                        </div>
                                    </div>
                                    
                                    <div class="mb-3" id="fileUpload" style="display: none;">
                                        <label for="screenshot" class="form-label">Upload File</label>
                                        <input class="form-control" type="file" id="screenshot">
                                    </div>
                                    
                                    <div class="text-end">
                                        <button type="submit" class="btn btn-primary">
                                            <i class="mdi mdi-send me-1"></i> Submit Request
                                        </button>
                                        <button type="reset" class="btn btn-secondary ms-2">Clear Form</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="col-xl-4">
                        <div class="card h-100">
                            <div class="card-body">
                                <div class="text-center mb-4">
                                    <div class="avatar-lg mx-auto mb-4">
                                        <div class="avatar-title bg-soft-primary text-primary rounded-circle font-size-24">
                                            <i class="mdi mdi-headset"></i>
                                        </div>
                                    </div>
                                    <h4 class="card-title">Support</h4>
                                    <p class="text-muted">We're here to help you 6 days a week</p>
                                </div>
                                
                                <div class="border-top pt-4">
                                    <div class="mb-3">
                                        <h6 class="mb-2"><i class="mdi mdi-email-outline me-2 text-primary"></i> Email Support</h6>
                                        <p class="mb-1">
                                            <a href="mailto:info@ecommer.in" class="text-reset">info@ecommer.in</a>
                                        </p>
                                        <p class="mb-0">
                                            <a href="mailto:help@ecommer.in" class="text-reset">help@ecommer.in</a>
                                        </p>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <h6 class="mb-2"><i class="mdi mdi-phone-outline me-2 text-primary"></i> Phone Support</h6>
                                        <p class="mb-1">
                                            <a href="tel:+919003552650" class="text-reset">+91 9003552650</a>
                                        </p>
                                        <p class="mb-0">
                                            <a href="tel:+919003559510" class="text-reset">+91 9003559510</a>
                                        </p>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <h6 class="mb-2"><i class="mdi mdi-clock-outline me-2 text-primary"></i> Support Hours</h6>
                                        <p class="mb-0">Monday – Saturday</p>
                                        <p class="mb-0">10:00 AM – 7:00 PM</p>
                                        <small class="text-muted">(Excluding public holidays)</small>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <h6 class="mb-2"><i class="mdi mdi-map-marker-outline me-2 text-primary"></i> Emergency Support</h6>
                                        <p class="mb-0">For critical system issues outside support hours</p>
                                        <p class="mb-0">
                                            <a href="tel:+919003552650" class="text-danger fw-bold">+91 9003552650</a>
                                        </p>
                                    </div>
                                    
                                    <div class="mt-4">
                                        <div class="alert alert-info">
                                            <p class="mb-0">
                                                <i class="mdi mdi-information-outline me-1"></i>
                                                <strong>Response Time:</strong> We aim to respond to all inquiries within 2-4 business hours during support hours.
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

<div class="row mt-4">
                    
                    <div class="col-xl-12">
                        <div class="card h-100">
                            <div class="card-body">
                                <h5 class="card-title mb-3">
                                    <i class="mdi mdi-office-building-outline me-2"></i> Address & Legal
                                </h5>
                                
                                <div class="row">
                                    <div class="col-md-8">
                                        <div class="mb-4">
                                            <h6 class="mb-2">Registered Office</h6>
                                            <address class="mb-0">
                                                A15, Sandhanagounder Complex<br>
                                                Sogathur X Road<br>
                                                Pennagaram Main Road<br>
                                                Dharmapuri - 636809<br>
                                                Tamil Nadu, India
                                            </address>
                                        </div>

</div>

</div>
                            </div>
                        </div>
                    </div>
                </div>

</div>
            
        </div>

<div style="padding-bottom: 80px;"></div>

<?php include('includes/footer.php')?>
    </div>

</div>

<?php include('includes/rightbar.php')?>

<?php include('includes/scripts.php')?>

// Contact form submission
    document.getElementById('contactForm').addEventListener('submit', async function(e) {
        e.preventDefault();
        
        // Get form values
        const name = document.getElementById('name').value;
        const email = document.getElementById('email').value;
        const phone = document.getElementById('phone').value;
        const subject = document.getElementById('subject').value;
        const priority = document.getElementById('priority').value;
        const message = document.getElementById('message').value;
        const attachScreenshot = document.getElementById('attachScreenshot').checked;
        
        // Validate form
        if (!name || !email || !subject || !message) {
            showAlert('Please fill all required fields.', 'danger');
            return;
        }
        
        // Validate email format
        const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
        if (!emailRegex.test(email)) {
            showAlert('Please enter a valid email address.', 'danger');
            return;
        }
        
        // Show loading state
        const submitBtn = this.querySelector('button[type="submit"]');
        const originalText = submitBtn.innerHTML;
        submitBtn.innerHTML = '<i class="mdi mdi-loading mdi-spin me-1"></i> Submitting...';
        submitBtn.disabled = true;
        
        try {
            // Generate ticket ID
            const ticketId = 'TKT-' + Math.floor(100000 + Math.random() * 900000);
            
            // Create form data
            const formData = new FormData();
            formData.append('name', name);
            formData.append('email', email);
            formData.append('phone', phone);
            formData.append('subject', subject);
            formData.append('priority', priority);
            formData.append('message', message);
            formData.append('ticket_id', ticketId);
            
            // Add file if selected
            if (attachScreenshot && document.getElementById('screenshot').files[0]) {
                formData.append('screenshot', document.getElementById('screenshot').files[0]);
            }
            
            // Send form data to server
            const response = await fetch('send_telegram.php', {
                method: 'POST',
                body: formData
            });
            
            const result = await response.json();
            
            if (result.success) {
                // Show success message
                showAlert(`✅ Support request submitted successfully! Ticket ID: #${ticketId}. Telegram notification sent.`, 'success');
                
                // Reset form
                document.getElementById('contactForm').reset();
                document.getElementById('fileUpload').style.display = 'none';
            } else {
                showAlert(`⚠️ Form submitted but Telegram notification failed: ${result.message || 'Unknown error'}`, 'warning');
            }
            
        } catch (error) {
            console.error('Submission error:', error);
            showAlert('❌ Failed to submit form. Please try again or contact support directly.', 'danger');
        } finally {
            // Restore button state
            submitBtn.innerHTML = originalText;
            submitBtn.disabled = false;
        }
    });

// Show alert message
    function showAlert(message, type) {
        // Remove existing alerts
        const existingAlerts = document.querySelectorAll('.alert');
        existingAlerts.forEach(alert => {
            if (!alert.classList.contains('alert-info')) {
                alert.remove();
            }
        });
        
        const alertDiv = document.createElement('div');
        alertDiv.className = `alert alert-${type} alert-dismissible fade show`;
        alertDiv.innerHTML = `
            <i class="mdi mdi-${type === 'success' ? 'check-circle' : 'alert-circle'}-outline me-2"></i>
            ${message}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        `;
        
        // Insert alert at the top of the form card
        const formCard = document.querySelector('.card-body');
        formCard.insertBefore(alertDiv, formCard.firstChild);
        
        // Auto remove alert after 8 seconds
        setTimeout(() => {
            if (alertDiv.parentElement) {
                alertDiv.remove();
            }
        }, 8000);
    }

// Make phone numbers clickable
    document.addEventListener('DOMContentLoaded', function() {
        const phoneLinks = document.querySelectorAll('a[href^="tel:"]');
        phoneLinks.forEach(link => {
            link.addEventListener('click', function(e) {
                console.log('Phone number clicked:', this.href);
            });
        });
        
        // Make email addresses clickable
        const emailLinks = document.querySelectorAll('a[href^="mailto:"]');
        emailLinks.forEach(link => {
            link.addEventListener('click', function(e) {
                console.log('Email clicked:', this.href);
            });
        });
    });

// Copy email to clipboard
    function copyEmail(email) {
        navigator.clipboard.writeText(email).then(() => {
            showAlert(`Email ${email} copied to clipboard!`, 'success');
        }).catch(err => {
            console.error('Failed to copy: ', err);
            showAlert('Failed to copy email to clipboard.', 'danger');
        });
    }

// Equalize card heights on window resize
    function equalizeCardHeights() {
        const cards = document.querySelectorAll('.card');
        let maxHeight = 0;
        
        // Reset heights first
        cards.forEach(card => {
            card.style.height = 'auto';
        });
        
        // Find max height in each row separately
        const rows = document.querySelectorAll('.row');
        rows.forEach(row => {
            const rowCards = row.querySelectorAll('.card');
            let rowMaxHeight = 0;
            
            // Find max height in this row
            rowCards.forEach(card => {
                const height = card.offsetHeight;
                if (height > rowMaxHeight) {
                    rowMaxHeight = height;
                }
            });
            
            // Apply max height to cards in this row
            rowCards.forEach(card => {
                card.style.height = rowMaxHeight + 'px';
            });
        });
    }

// Call on load and resize
    window.addEventListener('load', equalizeCardHeights);
    window.addEventListener('resize', equalizeCardHeights);
</script>

</body>

</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: contact-support.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation