| Server IP : 72.60.21.38 / Your IP : 216.73.216.25 Web Server : LiteSpeed System : Linux uk-fast-web1372.main-hosting.eu 4.18.0-553.121.1.lve.el8.x86_64 #1 SMP Thu Apr 30 16:40:41 UTC 2026 x86_64 User : u390967363 ( 390967363) PHP Version : 8.2.30 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u390967363/public_html/crm/ |
Upload File : |
<?php
session_start();
include 'auth-guard.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>AIBEN Customers Entry Form</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
</head>
<body class="bg-gray-100 min-h-screen flex flex-col md:flex-row">
<!-- Sidebar -->
<aside id="sidebar" class="w-full md:w-64 bg-blue-800 text-white p-6 space-y-6 md:block hidden fixed md:relative z-20 h-full md:h-auto">
<div class="text-2xl font-semibold flex justify-between items-center">
<img src="https://aibenproperties.com/wp-content/uploads/2024/09/logo-web.png" alt="Aiben Logo" class="h-7">
<button class="text-white md:hidden" id="closeSidebar"><i class="fas fa-close text-xl"></i></button>
</div>
<nav class="space-y-4 mt-6">
<a href="dashboard_1.php" class="block py-2 px-3 rounded hover:bg-blue-700">Dashboard</a>
<a href="home-crm.php" class="block py-2 px-3 rounded bg-blue-700">CRM Entries</a>
<a href="leads.php" class="block py-2 px-3 rounded hover:bg-blue-700">Leads</a>
<a href="logout.php" class="block py-2 px-3 rounded hover:bg-red-700 hover:text-white text-red-600 bg-white text-center font-semibold">Logout</a>
</nav>
</aside>
<!-- Overlay for mobile -->
<div id="overlay" class="fixed inset-0 bg-black opacity-50 z-10 hidden md:hidden"></div>
<!-- Main Content Area -->
<main class="flex-1 p-4 md:p-8 overflow-y-auto max-w-screen-xl mx-auto w-full">
<div class="flex items-center justify-between mb-6">
<h1 class="text-xl md:text-3xl font-bold text-blue-800 flex items-center gap-3">
<img src="https://aibenproperties.com/wp-content/uploads/2024/09/Aiben-Group-Logo.png" class="h-8 md:h-10" />
<div class="hidden md:flex">Customer Entry Form</div>
</h1>
<button id="burger" class="md:hidden text-blue-800 text-2xl"><i class="fas fa-bars"></i></button>
</div>
<form id="crmForm" method="POST" action="submit.php" enctype="multipart/form-data" class="space-y-6 bg-white shadow-lg rounded-lg p-6 md:p-8">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<label class="block text-sm font-semibold text-gray-700">Caller Name</label>
<input type="text" name="callerName" class="w-full mt-1 p-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" required>
</div>
<div>
<label class="block text-sm font-semibold text-gray-700">Caller Email Address</label>
<input type="email" name="callerEmail" class="w-full mt-1 p-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
<div>
<label class="block text-sm font-semibold text-gray-700">Caller Phone Number</label>
<input type="tel" name="callerPhone" class="w-full mt-1 p-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
<div>
<label class="block text-sm font-semibold text-gray-700">Caller Location</label>
<input type="text" name="callerLocation" class="w-full mt-1 p-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
<div>
<label class="block text-sm font-semibold text-gray-700">Purpose of Call</label>
<select name="callPurpose" class="w-full mt-1 p-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
<option>Inquiry About Property</option>
<option>Request for Site Visit</option>
<option>Purchase Intent</option>
<option>Partnership Opportunity</option>
<option>Investment Inquiry</option>
<option>Complaint / Feedback</option>
<option>Other</option>
</select>
</div>
<div>
<label class="block text-sm font-semibold text-gray-700">Where Did Caller Hear About Us?</label>
<select name="source" class="w-full mt-1 p-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
<option>Instagram</option>
<option>Facebook</option>
<option>Google Search</option>
<option>Billboard</option>
<option>Referral</option>
<option>WhatsApp</option>
<option>Friend</option>
<option>Website</option>
<option>Walk-in</option>
<option>Event/Seminar</option>
<option>Other</option>
</select>
</div>
<div>
<label class="block text-sm font-semibold text-gray-700">Next Follow-Up Date</label>
<input type="date" name="followUpDate" class="w-full mt-1 p-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
<div>
<label class="block text-sm font-semibold text-gray-700">Assigned Staff</label>
<input type="text" name="assignedStaff" class="w-full mt-1 p-3 border rounded-md bg-gray-100" value="<?php echo htmlspecialchars($_SESSION['admin_name'] ?? 'nothing here'); ?>" readonly>
</div>
<div>
<label class="block text-sm font-semibold text-gray-700 mb-1">Lead Status</label>
<select id="leadStatusSelect" multiple class="hidden">
<option value="New">New</option>
<option value="Contacted">Contacted</option>
<option value="Site Visit Scheduled">Site Visit Scheduled</option>
<option value="Follow-Up Needed">Follow-Up Needed</option>
<option value="Interested">Interested</option>
<option value="Not Interested">Not Interested</option>
<option value="Converted">Converted</option>
</select>
<div class="relative">
<button id="dropdownButton" type="button" class="w-full text-left p-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 bg-white">
Select Lead Status
</button>
<div id="dropdownOptions" class="absolute z-10 mt-1 w-full bg-white border rounded shadow-md hidden"></div>
</div>
<div id="selectedTags" class="flex flex-wrap gap-2 mt-3"></div>
<input type="hidden" name="leadStatus" id="leadStatusInput">
</div>
<div>
<label class="block text-sm font-semibold text-gray-700">Upload File (if any)</label>
<input type="file" name="attachments" class="w-full mt-1 p-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500">
</div>
</div>
<div>
<label class="block text-sm font-semibold text-gray-700">Caller Response Summary</label>
<textarea name="callerResponse" rows="3" class="w-full mt-1 p-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
</div>
<div>
<label class="block text-sm font-semibold text-gray-700">Is There Anything Else You’d Like to Add?</label>
<textarea name="additionalInfo" rows="2" class="w-full mt-1 p-3 border rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea>
</div>
<div class="text-center">
<button type="submit" class="bg-blue-700 hover:bg-blue-800 text-white font-semibold px-8 py-3 rounded-full transition duration-200">Submit</button>
</div>
</form>
</main>
<script>
// Sidebar toggle for mobile
const burger = document.getElementById("burger");
const sidebar = document.getElementById("sidebar");
const overlay = document.getElementById("overlay");
const closeSidebar = document.getElementById("closeSidebar");
burger.addEventListener("click", () => {
sidebar.classList.remove("hidden");
overlay.classList.remove("hidden");
});
closeSidebar.addEventListener("click", () => {
sidebar.classList.add("hidden");
overlay.classList.add("hidden");
});
overlay.addEventListener("click", () => {
sidebar.classList.add("hidden");
overlay.classList.add("hidden");
});
// Lead status dropdown logic
const statuses = [
"New", "Contacted", "Site Visit Scheduled",
"Follow-Up Needed", "Interested", "Not Interested", "Converted"
];
const dropdownBtn = document.getElementById("dropdownButton");
const dropdownOptions = document.getElementById("dropdownOptions");
const selectedTagsContainer = document.getElementById("selectedTags");
const hiddenInput = document.getElementById("leadStatusInput");
let selected = [];
dropdownBtn.addEventListener("click", () => {
dropdownOptions.classList.toggle("hidden");
});
statuses.forEach(status => {
const option = document.createElement("div");
option.textContent = status;
option.className = "px-4 py-2 hover:bg-blue-100 cursor-pointer";
option.addEventListener("click", () => {
if (!selected.includes(status)) {
selected.push(status);
updateTags();
}
dropdownOptions.classList.add("hidden");
});
dropdownOptions.appendChild(option);
});
function updateTags() {
selectedTagsContainer.innerHTML = "";
selected.forEach(status => {
const tag = document.createElement("span");
tag.className = "bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm flex items-center gap-2";
tag.innerHTML = `${status} <button type="button" class="text-red-500 font-bold">×</button>`;
tag.querySelector("button").addEventListener("click", () => {
selected = selected.filter(s => s !== status);
updateTags();
});
selectedTagsContainer.appendChild(tag);
});
hiddenInput.value = selected.join(", ");
}
</script>
</body>
</html>