669 lines
35 KiB
PHP
669 lines
35 KiB
PHP
<style>
|
|
.xzmdropdown-wrapper {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 15px;
|
|
|
|
}
|
|
|
|
.xzmdropdown-content {
|
|
display: none;
|
|
position: absolute;
|
|
background-color: #EAEAEA;
|
|
min-width: 120px;
|
|
width: 160px;
|
|
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
|
|
z-index: 1;
|
|
border: 1px solid #939393;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.xzmdropdown-content a {
|
|
color: black;
|
|
padding: 8px 8px;
|
|
text-decoration: none;
|
|
display: block;
|
|
}
|
|
|
|
.xzmdropdown-content a:hover {
|
|
background-color: #B2B0FF;
|
|
}
|
|
|
|
.xzmdropdown-wrapper:hover .xzmdropdown-content {
|
|
display: block;
|
|
}
|
|
|
|
.xzmdropdown-item {
|
|
position: relative;
|
|
}
|
|
|
|
.xzmdropdown-submenu {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 100%;
|
|
display: none;
|
|
background-color: #EAEAEA;
|
|
margin-top: 65px;
|
|
min-width: 120px;
|
|
width: 150px;
|
|
border: 1px solid #939393;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.xzmdropdown-submenu:hover {
|
|
display: block;
|
|
}
|
|
|
|
.bespoke-trigger:hover + .xzmdropdown-submenu {
|
|
display: block;
|
|
}
|
|
|
|
.xzmdropdown-submenu a {
|
|
padding: 8px 8px;
|
|
display: block;
|
|
}
|
|
|
|
.xzmdropdown-submenu a:hover {
|
|
background-color: #c0c0c0;
|
|
}
|
|
</style>
|
|
<?php
|
|
require_once('.hta_config/crm_config.php');
|
|
require_once('.htac_header.php');
|
|
require_once('.htac_nav.php');
|
|
// deleteCofermation()
|
|
$today_date = date("Y-m-d");
|
|
$next_day = date("Y-m-d", strtotime("+1 day"));
|
|
$yesterday = date("Y-m-d", strtotime("-1 day"));
|
|
$this_week = date("Y-m-d", strtotime("-7 day"));
|
|
$prev_month_date = date("Y-m-d", strtotime("first day of previous month", strtotime($today_date)));
|
|
$firstDayOfCurrentMonth = date("Y-m-01");
|
|
$firstDayOfLastMonth = date("Y-m-01", strtotime("first day of last month"));
|
|
$firstDateOfYear = date("Y") . '-01-01';
|
|
$previousYear = date("Y") - 1;
|
|
$firstDateOfPreviousYear = $previousYear . '-01-01';
|
|
try {
|
|
$conn = new PDO("mysql:host=$mariaServer;dbname=$mariaDb", $mariaUser, $mariaPass);
|
|
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
|
|
} catch(PDOException $e) {
|
|
echo "Connection failed: " . $e->getMessage();
|
|
}
|
|
if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['new_lead']) && isset($_POST['name']) && isset($_POST['phone']) ) {
|
|
$name = $_POST['name'];
|
|
$email = $_POST['email'];
|
|
$phone = $_POST['phone'];
|
|
$formname = 'crm-portal';
|
|
$note = $_POST['note'];
|
|
$origin = $_POST['origin'];
|
|
$gender = $_POST['gender'];
|
|
$profession = $_POST['profession'];
|
|
$country = $_POST['country'];
|
|
$state = $_POST['state'];
|
|
$city = $_POST['city'];
|
|
$address = $_POST['address'];
|
|
$business_type = $_POST['business_type'];
|
|
$status = 'New';
|
|
try {
|
|
$stmt = $conn->prepare("INSERT INTO cleads (name, email, phone, formname, note, origin, status, gender, profession, country, state, city, address, business_type ) VALUES (:name, :email, :phone, :formname, :note, :origin, :status, :gender, :profession, :country, :state, :city, :address, :business_type)");
|
|
$stmt->bindParam(':name', $name);
|
|
$stmt->bindParam(':email', $email);
|
|
$stmt->bindParam(':phone', $phone);
|
|
$stmt->bindParam(':formname', $formname);
|
|
$stmt->bindParam(':note', $note);
|
|
$stmt->bindParam(':origin', $origin);
|
|
$stmt->bindParam(':status', $status);
|
|
$stmt->bindParam(':gender', $gender);
|
|
$stmt->bindParam(':profession', $profession);
|
|
$stmt->bindParam(':country', $country);
|
|
$stmt->bindParam(':state', $state);
|
|
$stmt->bindParam(':city', $city);
|
|
$stmt->bindParam(':address', $address);
|
|
$stmt->bindParam(':business_type', $business_type);
|
|
$stmt->execute();
|
|
echo "Record added successfully";
|
|
} catch(PDOException $e) {
|
|
echo "Error: " . $e->getMessage();
|
|
}
|
|
}
|
|
?>
|
|
<?php
|
|
if(isset($_POST['delete_records']) && isset($_SESSION['user_type']) && $_SESSION['user_type'] == 'admin') {
|
|
if(isset($_POST['selected_records']) && !empty($_POST['selected_records'])) {
|
|
$selectedIds = $_POST['selected_records'];
|
|
try {
|
|
$delete_placeholders = rtrim(str_repeat('?,', count($selectedIds)), ',');
|
|
$stmt = $conn->prepare("DELETE FROM cleads WHERE id IN ($delete_placeholders)");
|
|
foreach($selectedIds as $key => $id) {
|
|
$stmt->bindValue($key + 1, $id, PDO::PARAM_INT);
|
|
}
|
|
$stmt->execute();
|
|
} catch(PDOException $e) {
|
|
echo "Error: " . $e->getMessage();
|
|
}
|
|
}
|
|
}
|
|
?>
|
|
<!-- <p class="text-[28px] font-bold p-4">Lead Management</p> -->
|
|
|
|
<dialog id="d" class="rounded-lg">
|
|
<form class="text-2xl text-[#464E5F] border-[3px] m-2 border-[#464E5F] duration-700 rounded-full px-2 float-right" method="dialog" class=""><button class="">✘</button></form>
|
|
<div class="flex flex-row ">
|
|
<div class="flex flex-col p-4 space-y-4 border-r-[1px] border-[#464E5F]">
|
|
<a class="whitespace-nowrap" href="/leads?start_date=<?php echo $today_date ?>&end_date=<?php echo $next_day ?>">Today</a>
|
|
<a class="whitespace-nowrap" href="/leads?start_date=<?php echo $yesterday ?>&end_date=<?php echo $today_date ?>">Yesterday</a>
|
|
<a class="whitespace-nowrap" href="/leads?start_date=<?php echo $this_week ?>&end_date=<?php echo $today_date ?>">This Week</a>
|
|
<a class="whitespace-nowrap" href="/leads?start_date=<?php echo $firstDayOfCurrentMonth ?>&end_date=<?php echo $today_date ?>">This Month</a>
|
|
<a class="whitespace-nowrap" href="/leads?start_date=<?php echo $prev_month_date ?>&end_date=<?php echo $today_date ?>">Last Month</a>
|
|
<a class="whitespace-nowrap" href="/leads?start_date=<?php echo $firstDateOfYear ?>&end_date=<?php echo $today_date ?>">This Year</a>
|
|
<a class="whitespace-nowrap" href="/leads?start_date=<?php echo $firstDateOfPreviousYear ?>&end_date=<?php echo $today_date ?>">Last Year</a>
|
|
<a class="whitespace-nowrap" href="/leads">All Time</a>
|
|
</div>
|
|
<form method="GET" class="p-6 flex flex-col pb-10">
|
|
<p class="font-bold">Choose Date for filter</p>
|
|
<input type="hidden" name="bv" value="<?php echo isset($_GET['bv']) ? htmlspecialchars($_GET['bv']) : ''; ?>">
|
|
<div class="flex flex-row rounded-xl py-10">
|
|
<div class="flex flex-row place-items-center border-2 border-[#464E5F] rounded-md">
|
|
<label class="whitespace-nowrap" for="start_date">From Date</label>
|
|
<input class="focus:outline-none" type="date" name="start_date" id="start_date" />
|
|
</div> |
|
|
<div class="flex flex-row place-items-center border-2 border-[#464E5F] rounded-md">
|
|
<label class="whitespace-nowrap" for="end_date">To Date</label>
|
|
<input class="focus:outline-none" type="date" name="end_date" id="end_date" />
|
|
</div>
|
|
</div>
|
|
<button class="rounded-lg p-1 text-[#fff]" style="background: linear-gradient(90deg, rgba(111, 107, 255, 0.91) 0%, rgba(68, 55, 128, 0.91) 100%); text-align: center;" type="submit"><p class="text-center p-1.5">Search</p></button>
|
|
</form>
|
|
</div>
|
|
</dialog>
|
|
<!-- <button class="" style="">Select Date</button> -->
|
|
<div id="" class="flex flex-row place-content-between w-full py-4 gap-x-2">
|
|
<button onclick="d.showModal()" class="rounded-lg pl-2 h-fit bg-[#fff] text-[#464E5F] shadow-lg flex flex-row justify-center place-items-center">Select Date<span class="fa fa-calendar-o -ml-[17px] pt-1.5"></span></button>
|
|
<button onclick="downloadCSV(data, filename)" class="text-[#fff] rounded-lg h-fit inline-flex justify-center place-items-center p-2" style="background: linear-gradient(90deg, rgba(70, 68, 142, 0.91) 0%, rgba(120, 117, 244, 0.91) 100%);">Download csv</button>
|
|
<div class="flex flex-row">
|
|
<form method="GET" class="bg-[#fff] flex flex-row place-items-center">
|
|
<!-- Existing search parameters -->
|
|
<input type="hidden" name="bv" value="<?php echo isset($_GET['bv']) ? htmlspecialchars($_GET['bv']) : ''; ?>">
|
|
|
|
<input class="p-2.5 rounded-l-lg focus:outline-none w-[170px] md:w-[320px]" type="text" name="search" placeholder="Name, lead ID, Mobile, Email, Status..." style="border: 2px solid #8E8E8E;">
|
|
<button class="rounded-r-lg text-[#fff] p-1.5" style="background: linear-gradient(90deg, rgba(111, 107, 255, 0.91) 0%, rgba(68, 55, 128, 0.91) 100%);" type="submit"><i class="fa fa-search"></i></button>
|
|
</form>
|
|
</div>
|
|
<?php
|
|
if(isset($_SESSION['user_type']) && $_SESSION['user_type'] == 'admin'){
|
|
echo '<p onclick="deleteCofermation();" class="rounded-lg h-fit py-2 px-6 text-[#fff] text-center" style="background: linear-gradient(90deg, rgba(111, 107, 255, 0.91) 0%, rgba(68, 55, 128, 0.91) 100%); cursor: pointer;">Delete</p>';
|
|
}
|
|
?>
|
|
<button onclick="toggleDisplay();" class="rounded-lg px-2 h-fit text-[#fff] flex flex-row justify-center place-items-center" style="background: linear-gradient(90deg, rgba(111, 107, 255, 0.91) 0%, rgba(68, 55, 128, 0.91) 100%); text-align: center;"><span style="font-size: 30px; font-weight: bold">+</span><span>Add Leads</span></button>
|
|
</div>
|
|
<form method="post" class="table-container">
|
|
<table class="bg-[#fff] text-[#3F4254] rounded-lg font-bold min-w-full leading-normal" style="" >
|
|
<thead class="fixed-header">
|
|
<tr>
|
|
<?php
|
|
if(isset($_SESSION['user_type']) && $_SESSION['user_type'] == 'admin')
|
|
echo ' <th class=" border-b-2 p-3">
|
|
<div class="delete-confirm" id="delete-button" style="display: none;">
|
|
<p>Are you sure you want to delete this lead?</p>
|
|
<div class="flex flex-row space-x-4">
|
|
<p onclick="deleteCofermation();" class="rounded-lg p-2 text-[#443780] mr-4" style="border: 2px solid #443780; cursor: pointer;">No</p>
|
|
<button class="rounded-lg p-3 text-[#fff]" type="submit" name="delete_records" style="background: linear-gradient(90deg, rgba(111, 107, 255, 0.91) 0%, rgba(68, 55, 128, 0.91) 100%);">Yes</button>
|
|
</div>
|
|
</div>
|
|
</th>';
|
|
?>
|
|
<th class="border-b-2 p-3 text-left">Date</th>
|
|
<th class="border-b-2 p-3 text-left">Name</th>
|
|
<th class="border-b-2 p-3 text-left">Phone</th>
|
|
<th class="border-b-2 p-3 text-left">Country / State</th>
|
|
<th class="border-b-2 p-3 text-left">ID</th>
|
|
<th class="border-b-2 p-3 text-left">Status</th>
|
|
<th class="border-b-2 p-3 text-left">Form Name</th>
|
|
<th class="border-b-2 p-3">Assigned to</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody >
|
|
<?php
|
|
//?bv=teenybeans&start_date=2024-05-04&end_date=2024-05-18
|
|
try {
|
|
$searchTerm =isset($_GET['search']) ? $_GET['search'] : "%";
|
|
$businessVertical =isset($_GET['bv']) ? $_GET['bv'] : "%";
|
|
$dateForFilter = date('Y-m-d');
|
|
|
|
// Add one day to the current date
|
|
$new_date = date('Y-m-d', strtotime($dateForFilter . ' +1 day'));
|
|
// echo $businessVertical;
|
|
$start_date = isset($_GET['start_date']) ? $_GET['start_date'] : '2014-05-05';
|
|
$end_date = isset($_GET['end_date']) ? $_GET['end_date'] : $new_date;
|
|
$start_time = microtime(true);
|
|
$resultsPerPage = 200;
|
|
$page =isset($_GET['page']) ? $_GET['page'] : 1;
|
|
$offset = ($page - 1) * $resultsPerPage ;
|
|
$accessArray = explode(",", $_SESSION['access']);
|
|
$placeholders = rtrim(str_repeat('?,', count($accessArray)), ','); // Creating placeholders like ?,?,?,?
|
|
$placeholderString = implode(',', array_fill(0, count($accessArray), '?'));
|
|
|
|
//first query to get the total number for pagination
|
|
$sql= "SELECT COUNT(*) FROM cleads WHERE business_type LIKE :businessVertical AND (name LIKE :searchTerm OR phone LIKE :searchTerm OR id LIKE :searchTerm OR email LIKE :searchTerm ) AND time BETWEEN :start_date AND :end_date ";
|
|
$stmt = $conn->prepare($sql);
|
|
$stmt->bindValue(':businessVertical', "%".$businessVertical."%");
|
|
$stmt->bindValue(':searchTerm', "%".$searchTerm."%");
|
|
$stmt->bindValue(':start_date', $start_date);
|
|
$stmt->bindValue(':end_date', $end_date);
|
|
$stmt->execute();
|
|
$totalRows = $stmt->fetchColumn();
|
|
|
|
// second & final query to get the page_view data
|
|
|
|
$sql = "SELECT * FROM cleads WHERE business_type LIKE :businessVertical AND (name LIKE :searchTerm OR phone LIKE :searchTerm OR id LIKE :searchTerm OR email LIKE :searchTerm OR status LIKE :searchTerm ) AND time BETWEEN :start_date AND :end_date ORDER BY id DESC LIMIT :limit OFFSET :offset";
|
|
$stmt = $conn->prepare($sql);
|
|
$stmt->bindValue(':businessVertical', "%".$businessVertical."%");
|
|
$stmt->bindValue(':searchTerm', "%$searchTerm%");
|
|
$stmt->bindValue(':start_date', $start_date);
|
|
$stmt->bindValue(':end_date', $end_date);
|
|
$stmt->bindValue(':limit', $resultsPerPage, PDO::PARAM_INT);
|
|
$stmt->bindValue(':offset', $offset, PDO::PARAM_INT);
|
|
$stmt->execute();
|
|
$leads = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
|
$totalResults = count($leads);
|
|
$totalPages = ceil($totalRows / $resultsPerPage);
|
|
|
|
$end_time = microtime(true);
|
|
$execution_time = ($end_time - $start_time);
|
|
$executionTime = substr($execution_time, 0, 6);
|
|
// if($resultsPerPage <= $totalRows) echo "<p class='px-4'>".$resultsPerPage." Out of ".$totalRows." Leads in ".$executionTime." Seconds</p>";
|
|
// else echo "<p class='px-4'>".$totalRows." Leads </p>";
|
|
// Status Conditional Color
|
|
foreach($leads as $lead){
|
|
$only_date =isset($lead['time']) ? substr($lead['time'], 0, 10): 'Not Available';
|
|
$lead_id = $lead['id'];
|
|
|
|
$leadCountry = strlen($lead['country']) > 0 ? $lead['country'] . ($lead['state'] > 0 ? '/' : ' ') : ' ';
|
|
|
|
if($lead['status'] == 'New'){$conditional_background_color = 'background-color: #D4FFFF; border: 1px solid #2C9C9C; border-radius: 5px; color: #2C9C9C; border-radius: 20px; text-align: center;';}
|
|
elseif($lead['status'] == 'Contacted'){$conditional_background_color = 'background-color: #D0E9FF; border: 1px solid #1A91FF; border-radius: 5px; color: #1A91FF; border-radius: 20px; text-align: center;';}
|
|
elseif($lead['status'] == 'Disqualified'){$conditional_background_color = 'background-color: #CECECE; border: 1px solid #3F4254; border-radius: 5px; color: #3F4254; border-radius: 20px; text-align: center;';}
|
|
elseif($lead['status'] == 'Converted'){$conditional_background_color = 'background-color: #D4FDE7; border: 1px solid #40916C; border-radius: 5px; color: #40916C; border-radius: 20px; text-align: center;';}
|
|
elseif($lead['status'] == 'Warm'){$conditional_background_color = 'background-color: #FFD9D9; border: 1px solid #FB5555; border-radius: 5px; color: #FB5555; border-radius: 20px; text-align: center;';}
|
|
elseif($lead['status'] == 'Inactive'){$conditional_background_color = 'background-color: #FFD9D9; border: 1px solid #FB5555; border-radius: 5px; color: #FB5555; border-radius: 20px; text-align: center;';}
|
|
// if status = warm then select
|
|
// if($row['status'] == 'Warm'){$conditional_status = '<div class="flex flex-row"><p>'.$row['status'].'</p><select class="focus: outline-none " style="'.$conditional_background_color.' border: none;"><option>Option 1</option><option>Option 2</option></select></div>';}elseif($row['status'] != 'Warm'){$conditional_status = $row['status'];}
|
|
?>
|
|
<tr>
|
|
<?php if(isset($_SESSION['user_type']) && $_SESSION['user_type'] == 'admin'){?>
|
|
<td class="border-y-2 p-2">
|
|
<input type="checkbox" name="selected_records[]" value="<?php echo $lead['id']; ?>" id="<?php echo $lead['id']; ?>" />
|
|
</td>
|
|
<?php }?>
|
|
<td class="whitespace-nowrap border-y-2 p-2"><?php echo $only_date; ?></td>
|
|
<td class="whitespace-nowrap border-y-2 p-2"><label for="<?php echo $lead['id']; ?>"><?php echo $lead['name'] ?></label></td>
|
|
<td class="whitespace-nowrap border-y-2 p-2"><?php echo $lead['phone']; ?></td>
|
|
<td class="whitespace-nowrap border-y-2 p-2"><?php echo $leadCountry.$lead['state']; ?></td>
|
|
<td class="whitespace-nowrap border-y-2 p-2 text-blue-500 hover:text-blue-700 hover:underline"><a href="/edit-lead/?id=<?php echo $lead['id'] ?>"><?php echo $lead['id'] ?></a></td>
|
|
<td class="whitespace-nowrap border-y-2 p-2"><div style="<?php echo $conditional_background_color; ?> font-weight: bold;"><?php echo $lead['status'];?></div></td>
|
|
<!-- <td class="border-y-2 p-2">
|
|
<p><i class="fa fa-envelope"> <?php // echo $lead['email'] ?></i></p>
|
|
<p><i class="fa fa-phone"> <?php // echo $lead['phone'] ?></i></p>
|
|
</td> -->
|
|
<td class="border-y-2 p-2"><?php echo $lead['formname'] ?></td>
|
|
<td class="border-y-2 p-2"><?php echo $lead['user'] ?></td>
|
|
</tr>
|
|
<?php
|
|
}
|
|
} catch (PDOException $e) {
|
|
echo "<p class='text-danger'>Error: " . $e->getMessage() . "</p>";
|
|
}
|
|
|
|
// Output execution time
|
|
?>
|
|
</tbody>
|
|
</table>
|
|
</form>
|
|
<!-- Pagination Links -->
|
|
|
|
<?php
|
|
$getParams = $_GET; unset($getParams['page']); $getParams['page'] = $page-1; $backPage= http_build_query($getParams); unset($getParams['page']);
|
|
$getParams['page'] = $page+1; $nextkPage= http_build_query($getParams);
|
|
// echo $totalPages;
|
|
echo'<div class="flex flex-row justify-between">
|
|
<div class="flex flex-row justify-end">
|
|
<button class="px-4 py-2 text-[#443780] border border-[#443780] rounded-l-lg" > '; if($page>1) echo '<a href="?',$backPage,'"><','</a>'; echo ' </button>
|
|
<button class="px-4 py-2 text-white border-y border-[#443780]" style="background: linear-gradient(90deg, rgba(111, 107, 255, 0.91) 0%, rgba(68, 55, 128, 0.91) 100%);"> '.$page.' </button>
|
|
<button class="px-4 py-2 text-[#443780] border border-[#443780] rounded-r-lg" > '; if($page<$totalPages) echo '<a href="?',$nextkPage,'">>','</a>'; echo ' </button>
|
|
</div>
|
|
</div>';
|
|
|
|
?>
|
|
<!-- New Lead Form Section -->
|
|
<div id="add-lead-form" class="add-lead-form">
|
|
<div class="flex flex-row place-content-between p-2" style="border-bottom: 2px solid #464E5F; border-style: dashed;">
|
|
<p class="text-[25px] font-bold">Add Lead</p>
|
|
<p onclick="toggleDisplay();" class="rounded-lg px-1.5 text-[#464E5F] text-[25px] cursor-pointer" style="border: 2px solid #464E5F; border-radius: 50%;">✘</p>
|
|
</div>
|
|
<form action="" method="post" class="p-4">
|
|
<div class="grid grid-cols-1 md:grid-cols-2">
|
|
<div class="flex flex-col mr-4">
|
|
<label for="country"> Country:</label>
|
|
<select name="country" id="country" onchange="fetchStates()" style="border: 1px solid #363650; border-radius: 5px; padding: 6px;">
|
|
<option value="">Select Country</option>
|
|
</select>
|
|
</div>
|
|
<div class="flex flex-col mr-4">
|
|
<label for="state"> State:</label>
|
|
<select name="state" id="state" onchange="fetchCities()" style="border: 1px solid #363650; border-radius: 5px; padding: 6px;">
|
|
<option value="">Select State</option>
|
|
</select>
|
|
</div>
|
|
<div class="flex flex-col mr-4">
|
|
<label for="city"> City:</label>
|
|
<select name="city" id="city" style="border: 1px solid #363650; border-radius: 5px; padding: 6px;">
|
|
<option value="">Select City</option>
|
|
</select>
|
|
</div>
|
|
<div class="flex flex-col mr-4">
|
|
<label for="address">Address:</label>
|
|
<input class="" style="border: 1px solid #363650; border-radius: 5px; padding: 6px;" type="text" name="address" id="address" />
|
|
</div>
|
|
<div class="flex flex-col mr-4">
|
|
<label for="name">Name:</label>
|
|
<input class="" style="border: 1px solid #363650; border-radius: 5px; padding: 6px;" type="text" name="name" id="name" />
|
|
</div>
|
|
<div class="flex flex-col mr-4">
|
|
<label for="gender">Gender:</label>
|
|
<select class="" style="border: 1px solid #363650; border-radius: 5px; padding: 6px;" type="text" name="gender" id="gender" >
|
|
<option value="Male">Male</option>
|
|
<option value="Female">Female</option>
|
|
<option value="Others">Others</option>
|
|
</select>
|
|
</div>
|
|
<div class="flex flex-col mr-4">
|
|
<label for="profession">Profession:</label>
|
|
<input class="" style="border: 1px solid #363650; border-radius: 5px; padding: 6px;" type="text" name="profession" id="profession" />
|
|
</div>
|
|
<div class="flex flex-col mr-4">
|
|
<label for="email">E-mail:</label>
|
|
<input class="" style="border: 1px solid #363650; border-radius: 5px; padding: 6px;" type="text" name="email" id="email" />
|
|
</div>
|
|
<div class="flex flex-col mr-4">
|
|
<label for="phone">Phone:</label>
|
|
<input class="" style="border: 1px solid #363650; border-radius: 5px; padding: 6px;" type="text" name="phone" id="phone" />
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-row place-content-between p-2 text-[25px] font-bold" style="border-bottom: 2px solid #464E5F; border-style: dashed;">Lead Information</div>
|
|
<div class="grid grid-cols-1 md:grid-cols-2">
|
|
<div class="flex flex-col mr-4">
|
|
<label for="origin">Origin:</label>
|
|
<select class="" style="border: 1px solid #363650; border-radius: 5px; padding: 6px;" name="origin" id="origin" >
|
|
<option value="Facebook Ads">Facebook Ads</option>
|
|
<option value="Google Ads">Google Ads</option>
|
|
<option value="Linkedin Ads">Linkedin Ads</option>
|
|
<option value="Instagram">Instagram</option>
|
|
<option value="Messenger">Messenger</option>
|
|
<option value="Whatsapp">Whatsapp</option>
|
|
<option value="GMB">GMB</option>
|
|
<option value="Linkedin">Linkedin</option>
|
|
<option value="Inbound Call">Inbound Call</option>
|
|
<option value="Outbound Call">Outbound Call</option>
|
|
<option value="Others">Others</option>
|
|
</select>
|
|
</div>
|
|
<div class="flex flex-col mr-4">
|
|
<label for="business_type">Verticals:</label>
|
|
<select id="business_type" name="business_type" style="border: 1px solid #D9D9D9; border-radius: 5px; padding: 6px; width: 100%;">
|
|
<option value="0">-Select-</option>
|
|
<?php
|
|
try {
|
|
// Database connection
|
|
$conn = new PDO("mysql:host=$mariaServer;dbname=$mariaDb", $mariaUser, $mariaPass);
|
|
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
|
|
|
|
// Prepare and execute query
|
|
$stmt = $conn->prepare("SELECT * FROM business_verticals");
|
|
$stmt->execute();
|
|
$businessRows = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
|
|
|
// Assuming this array contains the selected business verticals
|
|
$selectedBusinessVerticals = [$businessVerticals['bv']];
|
|
|
|
// Loop through the business verticals
|
|
foreach($businessRows as $businessVerticals) {
|
|
echo '<option value="'.$businessVerticals['bv'].'">'.$businessVerticals['bv'].'</option>';
|
|
}
|
|
} catch (PDOException $e) {
|
|
echo "<p class='text-danger'>Error: " . $e->getMessage() . "</p>";
|
|
}
|
|
?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col mr-4">
|
|
<label for="note">Note:</label>
|
|
<textarea type="text" name="note" id="note" rows="6" cols="10" style="border: 1px solid #363650; border-radius: 5px; padding: 6px;"></textarea>
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<input class="p-2" type="submit" name="new_lead" id="new_lead" value="Submit" style="color:#fff; border-radius: 6px; background: linear-gradient(90deg, rgba(111, 107, 255, 0.91) 0%, rgba(68, 55, 128, 0.91) 100%); text-align: center; margin-top: 10px;"/>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<?php
|
|
$leadsWithComments = [];
|
|
|
|
foreach ($leads as $singleLead) {
|
|
try {
|
|
$conn = new PDO("mysql:host=$mariaServer;dbname=$mariaDb", $mariaUser, $mariaPass);
|
|
$conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
|
|
$stmt = $conn->prepare("SELECT * FROM comments WHERE leadid = :leadid ORDER BY created_at DESC");
|
|
$stmt->bindParam(':leadid', $singleLead['id']);
|
|
$stmt->execute();
|
|
$rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
|
|
$comments = [];
|
|
foreach ($rows as $row) {
|
|
$comments[] = $row['comments'];
|
|
}
|
|
$singleLead['comments'] = $comments;
|
|
|
|
$leadsWithComments[] = $singleLead;
|
|
|
|
} catch (PDOException $e) {
|
|
echo "<p class='text-danger'>Error: " . $e->getMessage() . "</p>";
|
|
}
|
|
}
|
|
|
|
// Now $leadsWithComments contains all leads with their respective comments
|
|
|
|
?>
|
|
<script>
|
|
// Function to fetch countries and populate the country dropdown
|
|
function fetchCountries() {
|
|
fetch('https://api.siliconpin.com/v3/list/country/')
|
|
.then(res => res.json())
|
|
.then(data => {
|
|
const countryDropdown = document.getElementById('country');
|
|
countryDropdown.innerHTML = '<option value="">Select Country</option>';
|
|
data.forEach(country => {
|
|
const option = document.createElement('option');
|
|
option.value = country.iso2;
|
|
option.text = country.name;
|
|
countryDropdown.appendChild(option);
|
|
});
|
|
});
|
|
}
|
|
|
|
function fetchStates() {
|
|
const selectedCountry = document.getElementById('country').value;
|
|
fetch(`https://api.siliconpin.com/v3/list/country/state/?country=${selectedCountry}`)
|
|
.then(res => res.json())
|
|
.then(data => {
|
|
const stateDropdown = document.getElementById('state');
|
|
stateDropdown.innerHTML = '<option value="">Select State</option>';
|
|
data.forEach(state => {
|
|
const option = document.createElement('option');
|
|
option.value = state.iso2;
|
|
option.text = state.name;
|
|
stateDropdown.appendChild(option);
|
|
});
|
|
});
|
|
}
|
|
|
|
// Function to fetch cities based on selected country and state and populate the city dropdown
|
|
function fetchCities() {
|
|
const selectedCountry = document.getElementById('country').value;
|
|
const selectedState = document.getElementById('state').value;
|
|
fetch(`https://api.siliconpin.com/v3/list/country/city/?country=${selectedCountry}&state=${selectedState}`)
|
|
.then(res => res.json())
|
|
.then(data => {
|
|
const cityDropdown = document.getElementById('city');
|
|
cityDropdown.innerHTML = '<option value="">Select City</option>';
|
|
data.forEach(city => {
|
|
const option = document.createElement('option');
|
|
option.value = city.name;
|
|
option.text = city.name;
|
|
cityDropdown.appendChild(option);
|
|
});
|
|
});
|
|
}
|
|
// Fetch countries on page load
|
|
fetchCountries();
|
|
|
|
function toggleDisplay() {
|
|
var element = document.getElementById('add-lead-form');
|
|
console.log(element);
|
|
if (element.style.display === 'block') {
|
|
element.style.display = 'none';
|
|
} else {
|
|
element.style.display = 'block';
|
|
element.classList.add('slide-in-animation'); // Add class to trigger animation
|
|
}
|
|
}
|
|
|
|
// Event listener for the Esc key
|
|
document.addEventListener('keydown', function(event) {
|
|
if (event.keyCode === 27) {
|
|
var modal = document.getElementById('add-lead-form');
|
|
if (modal.style.display === 'block') {
|
|
modal.style.display = 'none';
|
|
}
|
|
}
|
|
});
|
|
function deleteCofermation(){
|
|
let deleteButton = document.getElementById('delete-button');
|
|
let leadID = document.getElementById('<?php if(isset($lead['id'])) echo $lead['id']; ?>').value; //getting Err: here
|
|
if(leadID != null){
|
|
if(deleteButton.style.display === 'flex'){
|
|
deleteButton.style.display = 'none';
|
|
}else{
|
|
deleteButton.style.display = 'flex'
|
|
}
|
|
}
|
|
}
|
|
const data = <?php echo json_encode($leadsWithComments); ?>;
|
|
const filename = `leads_data.csv`;
|
|
|
|
function downloadCSV(data, filename) {
|
|
const csv = convertToCSV(data);
|
|
const blob = new Blob([csv], { type: 'text/csv' });
|
|
const link = document.createElement('a');
|
|
link.href = URL.createObjectURL(blob);
|
|
link.download = filename;
|
|
document.body.appendChild(link);
|
|
link.click();
|
|
document.body.removeChild(link);
|
|
}
|
|
|
|
function convertToCSV(data) {
|
|
const csvRows = [];
|
|
const headers = Object.keys(data[0]);
|
|
csvRows.push(headers.join(','));
|
|
data.forEach(row => {
|
|
const values = headers.map(header => {
|
|
const escaped = ('' + row[header]).replace(/"/g, '\\"');
|
|
return `"${escaped}"`;
|
|
});
|
|
csvRows.push(values.join(','));
|
|
});
|
|
|
|
return csvRows.join('\n');
|
|
|
|
// downloadCSV(data, filename);
|
|
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
html, body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.table-container {
|
|
position: relative;
|
|
height: 100vh;
|
|
overflow-y: scroll;
|
|
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
|
|
.table-container::-webkit-scrollbar {
|
|
display: none; /* Safari and Chrome */
|
|
}
|
|
|
|
/* Fixed header */
|
|
.fixed-header {
|
|
position: sticky;
|
|
top: 0;
|
|
background-color: white; /* Change this to match your table header background color */
|
|
z-index: 996; /* Ensure it stays above table content */
|
|
}
|
|
|
|
/* Ensure the fixed header matches the table headers */
|
|
.fixed-header th {
|
|
background-color: inherit; /* Maintain background color */
|
|
box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); /* Optional: Add a shadow for better visibility */
|
|
}
|
|
|
|
/* Optional: Style table for better visibility */
|
|
.table-container table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
|
|
.add-lead-form {
|
|
background-color: #F8F8F8;
|
|
display: none;
|
|
position: fixed;
|
|
top: 0%;
|
|
right: 0%;
|
|
transform: translateX(100%);
|
|
/* transform: translate(-0%, -50%); */
|
|
width: 100%;
|
|
max-width: 500px;
|
|
box-shadow: 0px 0px 20px 0px #443780;
|
|
border-radius: 2px;
|
|
z-index: 999;
|
|
height: 100%;
|
|
animation: slideInRight 0.5s forwards; /* Animation to slide in */
|
|
/* overflow-x: auto; */
|
|
}
|
|
|
|
@keyframes slideInRight {
|
|
from {
|
|
transform: translateX(100%);
|
|
}
|
|
to {
|
|
transform: translateX(0%);
|
|
}
|
|
}
|
|
|
|
.delete-confirm{
|
|
position: fixed;
|
|
display: none;
|
|
flex-direction: column;
|
|
background-color: #E6E5F4;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
padding: 40px 50px 40px 50px;
|
|
border-radius: 5px;
|
|
}
|
|
</style>
|