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: converted-leads.php

<!DOCTYPE html>
<html lang="en" dir="ltr" data-startbar="dark" data-bs-theme="light">
<?php include 'includes/head.php'; ?>
<?php require_once 'includes/db.php'; ?>
<body>
    
    <?php include 'includes/topbar.php'; ?>

<div class="startbar d-print-none">
        <div class="brand">
            <a href="index.php" class="logo">
                <span><img src="assets/images/logo-sm.png" alt="logo-small" class="logo-sm"></span>
                <span>
                    <img src="assets/images/logo-light.png" alt="logo-large" class="logo-lg logo-light">
                    <img src="assets/images/logo-dark.png" alt="logo-large" class="logo-lg logo-dark">
                </span>
            </a>
        </div>
        <?php include 'includes/leftbar.php'; ?>
        <div class="startbar-overlay d-print-none"></div>
    </div>

<div class="row align-items-center mb-3">
                    <div class="col">
                        <h3 class="mb-0">Converted Leads</h3>
                        <small class="text-muted">Closed-won deals with advance received.</small>
                    </div>
                    <div class="col-auto d-flex gap-2">
                        <a href="new-leads.php" class="btn btn-primary">
                            <i class="iconoir-plus me-1"></i> Add New Lead
                        </a>
                        <a href="qualified-leads.php" class="btn btn-outline-info">
                            <i class="iconoir-verified-badge me-1"></i> Qualified
                        </a>
                        <a href="contacted-leads.php" class="btn btn-outline-secondary">
                            <i class="iconoir-phone me-1"></i> Contacted
                        </a>
                    </div>
                </div>

<div class="card mb-3">
                    <div class="card-body">
                        <form id="filterForm" class="row g-2">
                            <div class="col-sm-4">
                                <label class="form-label">Search</label>
                                <input type="text" class="form-control" id="f_q" placeholder="Name / Mobile / Business / Remark">
                            </div>
                            <div class="col-sm-3">
                                <label class="form-label">Converted From</label>
                                <input type="date" class="form-control" id="f_from">
                            </div>
                            <div class="col-sm-3">
                                <label class="form-label">Converted To</label>
                                <input type="date" class="form-control" id="f_to">
                            </div>
                            <div class="col-sm-2 d-flex align-items-end gap-2">
                                <button type="button" id="btnFilter" class="btn btn-light w-100">Filter</button>
                                <button type="button" id="btnReset" class="btn btn-outline-secondary w-100">Reset</button>
                            </div>
                        </form>
                    </div>
                </div>

<div class="card">
                    <div class="card-header">
                        <h4 class="card-title mb-0">Converted Leads</h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="tblConverted" class="table table-striped table-bordered align-middle w-100">
                                <thead class="table-light">
                                    <tr>
                                        <th>#ID</th>
                                        <th>Customer</th>
                                        <th>Mobile</th>
                                        <th>Business</th>
                                        <th>Advance (₹)</th>
                                        <th>Converted On</th>
                                        <th>Remark</th>
                                        <th>Status</th>
                                        <th class="text-end">Action</th>
                                    </tr>
                                </thead>
                                <tbody></tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

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

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

<link rel="stylesheet" href="https://cdn.datatables.net/1.13.8/css/dataTables.bootstrap5.min.css">
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.8/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.8/js/dataTables.bootstrap5.min.js"></script>

<div class="modal fade" id="modalLead" tabindex="-1">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <form id="formLead" class="modal-content needs-validation" novalidate>
                <div class="modal-header">
                    <h5 class="modal-title">Update Lead</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="lead_id" id="lead_id">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label>Customer Name <span class="text-muted">(optional)</span></label>
                            <input type="text" class="form-control" name="customer_name" id="customer_name">
                        </div>
                        <div class="col-md-6">
                            <label>Mobile Number <span class="text-danger">*</span></label>
                            <input type="tel" class="form-control" name="mobile_number" id="mobile_number" required>
                        </div>
                        <div class="col-md-6">
                            <label>Location <span class="text-muted">(optional)</span></label>
                            <input type="text" class="form-control" name="customer_location" id="customer_location">
                        </div>
                        <div class="col-md-6">
                            <label>Business Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="business_name" id="business_name" required>
                        </div>
                        <div class="col-md-6">
                            <label>Category <span class="text-muted">(optional)</span></label>
                            <input type="text" class="form-control" name="business_category" id="business_category">
                        </div>
                        <div class="col-md-6">
                            <label>Status <span class="text-danger">*</span></label>
                            <select class="form-select" name="lead_status" id="lead_status" required>
                                <option value="">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>

<div class="col-12 d-none" id="blk_contacted">
                            <div class="row g-3">
                                <div class="col-md-8">
                                    <label>Remark <span class="text-danger">*</span></label>
                                    <textarea class="form-control" name="remark_contacted" rows="2"></textarea>
                                </div>
                                <div class="col-md-4">
                                    <label>Callback ETA <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="blk_qualified">
                            <div class="row g-3">
                                <div class="col-md-8">
                                    <label>Remark <span class="text-danger">*</span></label>
                                    <textarea class="form-control" name="remark_qualified" rows="2"></textarea>
                                </div>
                                <div class="col-md-4">
                                    <label>Callback <span class="text-danger">*</span></label>
                                    <input type="datetime-local" class="form-control" name="qualified_callback">
                                </div>
                            </div>
                        </div>

<div class="col-12" id="blk_converted">
                            <div class="row g-3">
                                <div class="col-md-4">
                                    <label>Advance (₹) <span class="text-danger">*</span></label>
                                    <input type="number" step="0.01" class="form-control" name="advance_amount" id="advance_amount" required>
                                </div>
                                <div class="col-md-4">
                                    <label>Converted On <span class="text-danger">*</span></label>
                                    <input type="datetime-local" class="form-control" name="converted_on" id="converted_on" required>
                                </div>
                                <div class="col-md-4">
                                    <label>Payment Ref <span class="text-muted">(optional)</span></label>
                                    <input type="text" class="form-control" name="payment_ref" id="payment_ref">
                                </div>
                                <div class="col-12">
                                    <label>Remark <span class="text-danger">*</span></label>
                                    <textarea class="form-control" name="remark_converted" id="remark_converted" rows="2" required></textarea>
                                </div>
                            </div>
                        </div>

<div class="col-12">
                            <label>General Remark <span class="text-muted">(optional)</span></label>
                            <textarea class="form-control" name="remark" id="remark" rows="2"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save</button>
                </div>
            </form>
        </div>
    </div>

function toggleBlocks() {
            document.querySelectorAll('#blk_contacted, #blk_qualified').forEach(el => el.classList.add('d-none'));
            document.querySelectorAll('#formLead [required]').forEach(el => el.removeAttribute('required'));

// DataTable
        const dt = $('#tblConverted').DataTable({
            processing: true,
            serverSide: true,
            ajax: {
                url: 'ajax-converted-leads.php',
                type: 'POST',
                data: function(d) {
                    d.action = 'fetch';
                    d.from   = $('#f_from').val();
                    d.to     = $('#f_to').val();
                    d.search_value = $('#f_q').val();
                }
            },
            columns: [
                { data: 'id', render: d => `CL-${d}` },
                { data: 'customer_name', defaultContent: '-' },
                { data: 'mobile_number' },
                { data: 'business_name' },
                { data: 'advance_amount', render: d => `₹${d}` },
                { data: 'converted_on', defaultContent: '-' },
                { data: 'remark', defaultContent: '-' },
                { data: 'lead_status', render: d => {
                    return `<span class="badge bg-success-subtle text-success">Converted</span>`;
                }},
                { data: null, orderable: false, render: () => `<button class="btn btn-sm btn-soft-primary btn-edit"><i class="las la-edit"></i></button>` }
            ],
            order: [[5, 'desc']],
            pageLength: 10
        });

// Filters
        $('#btnFilter, #f_q, #f_from, #f_to').on('input change', () => dt.ajax.reload());
        $('#btnReset').on('click', () => {
            $('#f_q, #f_from, #f_to').val('');
            dt.ajax.reload();
        });

// Edit
        $('#tblConverted tbody').on('click', '.btn-edit', function() {
            const data = dt.row($(this).parents('tr')).data();

$('#lead_id').val(data.id);
            $('#customer_name').val(data.customer_name || '');
            $('#mobile_number').val(data.mobile_number);
            $('#customer_location').val(data.customer_location || '');
            $('#business_name').val(data.business_name);
            $('#business_category').val(data.business_category || '');
            $('#remark').val(data.remark || '');
            $('#lead_status').val(data.lead_status);

$('#remark_contacted').val(data.remark_contacted || '');
            $('#callback_eta').val(data.callback_eta ? data.callback_eta.replace(' ', 'T') : '');
            $('#remark_qualified').val(data.remark_qualified || '');
            $('#qualified_callback').val(data.qualified_callback ? data.qualified_callback.replace(' ', 'T') : '');
            $('#advance_amount').val(data.advance_amount || '');
            $('#converted_on').val(data.converted_on && data.converted_on !== '-' ? new Date(data.converted_on).toISOString().slice(0,16) : '');
            $('#payment_ref').val(data.payment_ref || '');
            $('#remark_converted').val(data.remark || '');

toggleBlocks();
            modal.show();
        });

// Save
        $('#formLead').on('submit', async function(e) {
            e.preventDefault();
            toggleBlocks();
            if (!this.checkValidity()) {
                this.classList.add('was-validated');
                return;
            }
            const fd = new FormData(this);
            const res = await fetch('update-lead.php', { method: 'POST', body: fd });
            const json = await res.json();
            alert(json.success ? 'Saved!' : 'Error: ' + json.message);
            if (json.success) {
                modal.hide();
                dt.ajax.reload(null, false);
            }
        });
    </script>
</body>
</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: converted-leads.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation