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

Free Space:

10.3 TB

🔧 Quick Actions

✏️ Editing: new-leads.php

<!DOCTYPE html>
<html lang="en" dir="ltr" data-startbar="dark" data-bs-theme="light">
<?php include 'includes/head.php'; ?>
<body>
    
    <?php include 'includes/topbar.php'; ?>
    
    <div class="startbar d-print-none">
        <div class="brand"> ... </div>
        <?php include 'includes/leftbar.php'; ?>
        <div class="startbar-overlay d-print-none"></div>
    </div>

<div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header d-flex align-items-center justify-content-between">
                                <h4 class="card-title mb-0">Add New Lead</h4>
                                <a href="contacted-leads.php" class="btn btn-sm btn-primary">View Contacted Leads</a>
                            </div>
                            <div class="card-body">

<div id="alertPlaceholder"></div>

<form id="leadForm" novalidate>
                                    <div class="row g-3">
                                        
                                        <div class="col-md-6">
                                            <label class="form-label">Customer Name <span class="text-muted">(optional)</span></label>
                                            <input type="text" class="form-control" name="customer_name" placeholder="e.g., John Doe">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Mobile Number <span class="text-danger">*</span></label>
                                            <input type="tel" class="form-control" name="mobile_number" required
                                                   pattern="[\+\d][\d\s\-]{6,}" placeholder="+91 98765 43210">
                                            <div class="invalid-feedback">Valid mobile required.</div>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Customer Location <span class="text-muted">(optional)</span></label>
                                            <input type="text" class="form-control" name="customer_location" placeholder="City / Area">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Business Name <span class="text-danger">*</span></label>
                                            <input type="text" class="form-control" name="business_name" required placeholder="Acme Pvt Ltd">
                                            <div class="invalid-feedback">Business name required.</div>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Business Category <span class="text-muted">(optional)</span></label>
                                            <input type="text" class="form-control" name="business_category" placeholder="Manufacturing, Retail…">
                                        </div>
                                        <div class="col-md-6">
                                            <label class="form-label">Call Record Upload</label>
                                            <input class="form-control" type="file" name="call_record"
                                                   accept=".mp3,.wav,.m4a,.aac,.ogg">
                                            <small class="text-muted">mp3, wav, m4a, aac, ogg</small>
                                        </div>

<div class="col-md-6">
                                            <label class="form-label">Lead Status <span class="text-danger">*</span></label>
                                            <select class="form-select" name="lead_status" required>
                                                <option value="" selected disabled>Choose…</option>
                                                <option value="new">New</option>
                                                <option value="contacted">Contacted</option>
                                                <option value="qualified">Qualified</option>
                                                <option value="converted">Converted</option>
                                                <option value="canceled">Canceled</option>
                                            </select>
                                            <div class="invalid-feedback">Select a status.</div>
                                        </div>

<div class="col-12 d-none" id="section_contacted">
                                            <div class="row g-3">
                                                <div class="col-md-8">
                                                    <label class="form-label">Remark (Contacted) <span class="text-danger">*</span></label>
                                                    <textarea class="form-control" name="remark_contacted" rows="2"></textarea>
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Estimated Call Back <span class="text-danger">*</span></label>
                                                    <input type="datetime-local" class="form-control" name="callback_eta">
                                                </div>
                                            </div>
                                        </div>

<div class="col-12 d-none" id="section_qualified">
                                            <div class="row g-3">
                                                <div class="col-md-8">
                                                    <label class="form-label">Remark (Qualified) <span class="text-danger">*</span></label>
                                                    <textarea class="form-control" name="remark_qualified" rows="2"></textarea>
                                                </div>
                                                <div class="col-md-4">
                                                    <label class="form-label">Call Back Date &amp; Time <span class="text-danger">*</span></label>
                                                    <input type="datetime-local" class="form-control" name="qualified_callback">
                                                </div>
                                            </div>
                                        </div>

<div class="col-12 d-none" id="section_converted">
                                            <div class="row g-3">
                                                <div class="col-md-4">
                                                    <label class="form-label">Advance Amount (₹) <span class="text-danger">*</span></label>
                                                    <input type="number" class="form-control" name="advance_amount" min="0" step="0.01">
                                                </div>
                                                <div class="col-md-8">
                                                    <label class="form-label">Remark (Converted) <span class="text-danger">*</span></label>
                                                    <textarea class="form-control" name="remark_converted" rows="2"></textarea>
                                                </div>
                                            </div>
                                        </div>

<div class="col-12" id="section_generic_remark">
                                            <label class="form-label">Remark <span class="text-muted">(optional)</span></label>
                                            <textarea class="form-control" name="remark" rows="2"></textarea>
                                        </div>

<div class="col-12 pt-2">
                                            <button type="submit" class="btn btn-primary">Save Lead</button>
                                            <button type="reset" class="btn btn-light ms-2">Reset</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <?php include 'includes/rightbar.php'; ?>
            <?php include 'includes/footer.php'; ?>
        </div>
    </div>

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

function toggleSections() {
    const val = leadStatus.value;
    
    // Hide all sections first
    Object.values(sections).forEach(s => {
        if (s) s.classList.add('d-none');
    });
    
    // Remove required attributes from all conditional fields
    document.querySelectorAll('[data-cond]').forEach(el => el.removeAttribute('required'));

// Show relevant section and set required fields
    if (val === 'contacted' && sections.contacted) {
        sections.contacted.classList.remove('d-none');
        sections.contacted.querySelectorAll('textarea, input').forEach(el => {
            if (el.name === 'remark_contacted' || el.name === 'callback_eta') {
                el.setAttribute('required', 'required');
            }
        });
    }
    else if (val === 'qualified' && sections.qualified) {
        sections.qualified.classList.remove('d-none');
        sections.qualified.querySelectorAll('textarea, input').forEach(el => {
            if (el.name === 'remark_qualified' || el.name === 'qualified_callback') {
                el.setAttribute('required', 'required');
            }
        });
    }
    else if (val === 'converted' && sections.converted) {
        sections.converted.classList.remove('d-none');
        sections.converted.querySelectorAll('textarea, input').forEach(el => {
            if (el.name === 'advance_amount' || el.name === 'remark_converted') {
                el.setAttribute('required', 'required');
            }
        });
    }
}

if (leadStatus) {
    leadStatus.addEventListener('change', toggleSections);
    toggleSections();   // initial call
}

// ---------- Form submit via Fetch API ----------
const form = document.getElementById('leadForm');
const alertDiv = document.getElementById('alertPlaceholder');

function showAlert(message, type = 'danger') {
    alertDiv.innerHTML = `
        <div class="alert alert-${type} alert-dismissible fade show">
            ${message}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    `;
}

// Function to format datetime for MySQL
function formatDateTimeForMySQL(datetimeString) {
    if (!datetimeString) return null;
    
    // Convert from datetime-local (YYYY-MM-DDTHH:MM) to MySQL format (YYYY-MM-DD HH:MM:SS)
    const date = new Date(datetimeString);
    if (isNaN(date.getTime())) return null;
    
    return date.toISOString().slice(0, 19).replace('T', ' ');
}

if (form) {
    form.addEventListener('submit', async function (e) {
        e.preventDefault();
        
        // Update conditional requirements
        toggleSections();

if (!form.checkValidity()) {
            form.classList.add('was-validated');
            return;
        }

// Show loading state
        const submitBtn = form.querySelector('button[type="submit"]');
        const originalText = submitBtn.innerHTML;
        submitBtn.innerHTML = '<i class="iconoir-loading"></i> Saving...';
        submitBtn.disabled = true;

try {
            const formData = new FormData(form);
            
            // Format datetime fields for MySQL
            const callbackEta = formData.get('callback_eta');
            if (callbackEta) {
                const formattedEta = formatDateTimeForMySQL(callbackEta);
                if (formattedEta) {
                    formData.set('callback_eta', formattedEta);
                }
            }
            
            const qualifiedCallback = formData.get('qualified_callback');
            if (qualifiedCallback) {
                const formattedQualified = formatDateTimeForMySQL(qualifiedCallback);
                if (formattedQualified) {
                    formData.set('qualified_callback', formattedQualified);
                }
            }

// Debug: Log form data
            console.log('Form data being sent:');
            for (let [key, value] of formData.entries()) {
                console.log(key + ': ' + value);
            }

const response = await fetch('save-new-lead.php', {
                method: 'POST',
                body: formData
            });

// First, check if response is OK
            if (!response.ok) {
                throw new Error(`HTTP error! status: ${response.status}`);
            }

// Get response text first to debug
            const responseText = await response.text();
            console.log('Raw response:', responseText);

let json;
            try {
                json = JSON.parse(responseText);
            } catch (parseError) {
                console.error('JSON parse error:', parseError);
                console.error('Response was:', responseText);
                throw new Error('Invalid response from server. Please check console for details.');
            }

if (json.success) {
                showAlert(json.message, 'success');
                form.reset();
                form.classList.remove('was-validated');
                // Reset sections visibility
                toggleSections();
                
                // Redirect to contacted leads if status is contacted
                const status = formData.get('lead_status');
                if (status === 'contacted') {
                    setTimeout(() => {
                        window.location.href = 'contacted-leads.php';
                    }, 1500);
                }
            } else {
                showAlert(json.message || 'Failed to save lead');
            }

} catch (error) {
            console.error('Save lead error:', error);
            showAlert('Error: ' + error.message);
        } finally {
            // Restore button state
            submitBtn.innerHTML = originalText;
            submitBtn.disabled = false;
        }
    });

// Reset form validation on reset
    form.addEventListener('reset', function() {
        form.classList.remove('was-validated');
        setTimeout(toggleSections, 100); // Reset sections after form reset
    });
}
</script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: new-leads.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation