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: manage-customers.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">Manage Customers</h3>
                        <small class="text-muted">All converted leads become customers.</small>
                    </div>
                    <div class="col-auto d-flex gap-2">
                        <button class="btn btn-primary" id="btnAddCustomer">
                            <i class="iconoir-plus me-1"></i> Add Customer
                        </button>
                        <a href="new-leads.php" class="btn btn-outline-secondary">
                            <i class="iconoir-task-list me-1"></i> Add Lead
                        </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 / Email / Notes">
                            </div>
                            <div class="col-sm-4">
                                <label class="form-label">Business Category</label>
                                <select id="f_category" class="form-select">
                                    <option value="">All</option>
                                    <option>Retail</option>
                                    <option>FMCG</option>
                                    <option>Manufacturing</option>
                                    <option>Logistics</option>
                                    <option>IT Services</option>
                                    <option>Wholesale</option>
                                </select>
                            </div>
                            <div class="col-sm-4">
                                <label class="form-label">Status</label>
                                <select id="f_status" class="form-select">
                                    <option value="">All</option>
                                    <option value="active">Active</option>
                                    <option value="prospect">Prospect</option>
                                    <option value="on hold">On Hold</option>
                                    <option value="inactive">Inactive</option>
                                </select>
                            </div>
                        </form>
                    </div>
                </div>

<div class="card">
                    <div class="card-header">
                        <h4 class="card-title mb-0">Customer List</h4>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table id="tblCustomers" 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>Email</th>
                                        <th>Location</th>
                                        <th>Business</th>
                                        <th>Category</th>
                                        <th>Status</th>
                                        <th>Created</th>
                                        <th>Last Activity</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="modalCustomer" tabindex="-1">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <form id="formCustomer" class="modal-content needs-validation" novalidate>
                <div class="modal-header">
                    <h5 class="modal-title">Add / Edit Customer</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="customer_id" id="customer_id">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label>Customer Name <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="customer_name" id="customer_name" required>
                        </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>Email <span class="text-muted">(optional)</span></label>
                            <input type="email" class="form-control" name="email" id="email">
                        </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>Business Category <span class="text-muted">(optional)</span></label>
                            <input type="text" class="form-control" name="business_category" id="business_category" list="categoryList">
                            <datalist id="categoryList">
                                <option>Retail</option><option>FMCG</option><option>Manufacturing</option>
                                <option>Logistics</option><option>IT Services</option><option>Wholesale</option>
                            </datalist>
                        </div>
                        <div class="col-md-6">
                            <label>GSTIN <span class="text-muted">(optional)</span></label>
                            <input type="text" class="form-control" name="gstin" id="gstin">
                        </div>
                        <div class="col-md-6">
                            <label>Call Record</label>
                            <input type="file" class="form-control" name="call_record" accept=".mp3,.wav,.m4a,.aac,.ogg">
                        </div>
                        <div class="col-md-6">
                            <label>Status <span class="text-danger">*</span></label>
                            <select class="form-select" name="status" id="status" required>
                                <option value="">Choose...</option>
                                <option value="active">Active</option>
                                <option value="prospect">Prospect</option>
                                <option value="on hold">On Hold</option>
                                <option value="inactive">Inactive</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label>Created On <span class="text-muted">(optional)</span></label>
                            <input type="datetime-local" class="form-control" name="created_on" id="created_on">
                        </div>
                        <div class="col-md-6">
                            <label>Last Activity <span class="text-muted">(optional)</span></label>
                            <input type="datetime-local" class="form-control" name="last_activity" id="last_activity">
                        </div>
                        <div class="col-12">
                            <label>Notes</label>
                            <textarea class="form-control" name="notes" id="notes" 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>

// DataTable
        const dt = $('#tblCustomers').DataTable({
            processing: true,
            serverSide: true,
            ajax: {
                url: 'ajax-customers.php',
                type: 'POST',
                data: function(d) {
                    d.action = 'fetch';
                    d.category = $('#f_category').val();
                    d.status = $('#f_status').val();
                }
            },
            columns: [
                { data: 'id', render: d => `C-${d}` },
                { data: 'customer_name', defaultContent: '-' },
                { data: 'mobile_number' },
                { data: 'email', defaultContent: '-' },
                { data: 'customer_location', defaultContent: '-' },
                { data: 'business_name' },
                { data: 'business_category', defaultContent: '-' },
                { data: 'status', render: d => {
                    const map = {active:'success', prospect:'warning', 'on hold':'info', inactive:'secondary'};
                    const c = map[d] || 'secondary';
                    return `<span class="badge bg-${c}-subtle text-${c}">${d.charAt(0).toUpperCase() + d.slice(1)}</span>`;
                }},
                { data: 'created_on', defaultContent: '-' },
                { data: 'last_activity', defaultContent: '-' },
                { data: null, orderable: false, render: () => `<button class="btn btn-sm btn-soft-primary btn-edit"><i class="las la-edit"></i></button>` }
            ],
            order: [[8, 'desc']],
            pageLength: 10
        });

// Filters
        $('#f_q').on('input', () => dt.search($('#f_q').val()).draw());
        $('#f_category, #f_status').on('change', () => dt.ajax.reload());

// Add
        $('#btnAddCustomer').on('click', () => {
            $('#formCustomer')[0].reset();
            $('#customer_id').val('');
            modal.show();
        });

// Edit
        $('#tblCustomers tbody').on('click', '.btn-edit', function() {
            const data = dt.row($(this).parents('tr')).data();
            $('#customer_id').val(data.id);
            $('#customer_name').val(data.customer_name);
            $('#mobile_number').val(data.mobile_number);
            $('#email').val(data.email || '');
            $('#customer_location').val(data.customer_location || '');
            $('#business_name').val(data.business_name);
            $('#business_category').val(data.business_category || '');
            $('#gstin').val(data.gstin || '');
            $('#status').val(data.status);
            $('#created_on').val(data.created_on && data.created_on !== '-' ? new Date(data.created_on).toISOString().slice(0,16) : '');
            $('#last_activity').val(data.last_activity && data.last_activity !== '-' ? new Date(data.last_activity).toISOString().slice(0,16) : '');
            $('#notes').val(data.notes || '');
            modal.show();
        });

// Save
        $('#formCustomer').on('submit', async function(e) {
            e.preventDefault();
            if (!this.checkValidity()) {
                this.classList.add('was-validated');
                return;
            }
            const fd = new FormData(this);
            const res = await fetch('save-customer.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: manage-customers.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation