add new functionality in agent dashboard

This commit is contained in:
ns77@siliconpin.com
2025-09-02 07:32:41 +00:00
parent 88e8efa31f
commit 58e3e33b4a
17 changed files with 1293 additions and 40 deletions

View File

@@ -46,7 +46,7 @@ date_default_timezone_set('Asia/Kolkata');
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a href="/Admin/"><img class="img-responsive logo" style="height:50px" src="/asset/images/new_logo.jpeg" alt=""></a>
<a href="/Admin/"><img class="img-responsive logo" style="height:50px" src="/asset/images/new_logo2.jpg" alt=""></a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
@@ -71,6 +71,7 @@ date_default_timezone_set('Asia/Kolkata');
<?php
if($_SESSION['type'] === 'admin'){ ?>
<li><a href="/Admin/agent_View_report">Commission</a></li>
<li><a href="/Admin/agent-targets">Agent Targets</a></li>
<li><a href="/Admin/Settings_Agent">Agent Settings</a></li>
<?php } ?>
</ul>

View File

@@ -14,7 +14,7 @@
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a href="/Admin/"><img class="img-responsive logo" style="height:50px" src="/asset/images/new_logo.jpeg" alt=""></a>
<a href="/Admin/"><img class="img-responsive logo" style="height:50px" src="/asset/images/new_logo2.jpg" alt=""></a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>

View File

@@ -108,7 +108,7 @@ document.addEventListener('DOMContentLoaded', function() {
}
const logo = new Image();
logo.src = '/asset/images/new_logo.jpeg';
logo.src = '/asset/images/new_logo2.jpg';
logo.onload = function() { addHeader(); };
logo.onerror = function() { addHeader(); };

View File

@@ -284,7 +284,7 @@ document.addEventListener('DOMContentLoaded', function() {
const grandTotal = <?php echo json_encode($grandTotal); ?>;
const logo = new Image();
logo.src = '/asset/images/new_logo.jpeg';
logo.src = '/asset/images/new_logo2.jpg';
logo.onload = () => addHeader();
logo.onerror = () => addHeader();

View File

@@ -171,7 +171,7 @@ document.addEventListener('DOMContentLoaded', function() {
const titleText = "Grafin Ventures Transaction Report";
const logo = new Image();
logo.src = '/asset/images/new_logo.jpeg';
logo.src = '/asset/images/new_logo2.jpg';
logo.onload = () => addContent();
logo.onerror = () => addContent();

View File

@@ -0,0 +1,60 @@
<?php
$conn = new mysqli($GLOBALS['host'], $GLOBALS['user'], $GLOBALS['pass'], $GLOBALS['db']);
$conn->set_charset("utf8");
if ($conn->connect_error) {
die("Connection failed: " . $conn->connect_error);
}
// Get agent list
$getAgentListsQuery = "SELECT * FROM " . $GLOBALS['arif_users'];
$agentResult = $conn->query($getAgentListsQuery);
$agentList = [];
if ($agentResult && $agentResult->num_rows > 0) {
while ($row = $agentResult->fetch_assoc()) {
$agentList[] = $row;
}
}
// Handle form submission
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$collectableAmount = isset($_POST['COLLECTABLE_AMOUNT']) ? floatval($_POST['COLLECTABLE_AMOUNT']) : 0;
$collectableAgent = isset($_POST['COLLECTABLE_AGENT']) ? $_POST['COLLECTABLE_AGENT'] : null;
if ($collectableAmount > 0 && $collectableAgent) {
$stmt = $conn->prepare("INSERT INTO agent_collections (agent, collectable_amount, collected_amount, date) VALUES (?, ?, 0, CURDATE())");
$stmt->bind_param("sd", $collectableAgent, $collectableAmount);
if ($stmt->execute()) {
echo "<div class='alert alert-success'>Target assigned successfully!</div>";
} else {
echo "<div class='alert alert-danger'>Error: " . $stmt->error . "</div>";
}
$stmt->close();
} else {
echo "<div class='alert alert-warning'>Please enter a valid amount and select an agent.</div>";
}
}
$conn->close();
?>
<div class="container">
<h2>Agent Collection Targets</h2>
<form method="post" style="display: flex; flex-direction: column; gap: 15px;">
<div>
<label for="COLLECTABLE_AMOUNT">Collectable Amount:</label>
<input id="COLLECTABLE_AMOUNT" class="form-control" name="COLLECTABLE_AMOUNT" type="text" placeholder="Enter Amount" />
</div>
<div>
<label for="COLLECTABLE_AGENT">Collectable Agent:</label>
<select class="form-control" name="COLLECTABLE_AGENT" id="COLLECTABLE_AGENT">
<?php
foreach($agentList as $agent){
echo '<option value="'.$agent['user_id'].'">'.$agent['user_id'].' / '.$agent['user_name'].'</option>';
}
?>
</select>
</div>
<button class="btn btn-primary" type="submit">Assign Target</button>
</form>
</div>

View File

@@ -9,7 +9,7 @@
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a href="/Admin/"><img class="img-responsive logo" style="height:50px" src="/asset/images/new_logo.jpeg" alt=""></a>
<a href="/Admin/"><img class="img-responsive logo" style="height:50px" src="/asset/images/new_logo2.jpg" alt=""></a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>

View File

@@ -14,7 +14,7 @@
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a href="/Admin/"><img class="img-responsive logo" style="height:50px" src="/asset/images/new_logo.jpeg" alt=""></a>
<a href="/Admin/"><img class="img-responsive logo" style="height:50px" src="/asset/images/new_logo2.jpg" alt=""></a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>

View File

@@ -3,11 +3,9 @@ if (!isset($_SESSION['user_id']) || empty($_SESSION['user_id'])) {
echo "<script>window.location.href = '/Agent/agent-login'</script>";
exit;
}
function getTotalAmount(array $rows): float {
// array_column diye sudhu AT_AMOUNT gulo niye ashbo
$amounts = array_column($rows, 'AT_AMOUNT');
// jodi kono data na thake tahole 0 return hobe
function getTotalAmount(array $rows): float {
$amounts = array_column($rows, 'AT_AMOUNT');
return array_sum($amounts);
}
@@ -17,47 +15,152 @@ if ($conn->connect_error) {
}
$today = date("Y-m-d");
$userId = $_SESSION['user_id'];
$message = ""; // success/error message holder
// query
$sql = "SELECT * FROM {$GLOBALS['arif_tran']} WHERE AT_ADMIN = '{$_SESSION['user_id']}' AND DATE(AT_TIMESTAMP) = '$today'";
/* === Save button click handle === */
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['save_collection'])) {
$rowId = intval($_POST['row_id']);
$collectedAmount = floatval($_POST['collected_amount']);
$stmt = $conn->prepare("UPDATE agent_collections SET collected_amount = ? WHERE id = ? AND agent = ? AND date = ?");
$stmt->bind_param("diss", $collectedAmount, $rowId, $userId, $today);
if ($stmt->execute()) {
$message = "<p class='success-msg'>✅ Collection saved successfully!</p>";
} else {
$message = "<p class='error-msg'>❌ Failed to save collection!</p>";
}
$stmt->close();
}
/* === Data fetch === */
$targetSql = "SELECT * FROM agent_collections WHERE agent = '$userId' AND date = '$today'";
$targetResult = $conn->query($targetSql);
$targetRows = $targetResult->fetch_all(MYSQLI_ASSOC);
$sql = "SELECT * FROM {$GLOBALS['arif_tran']} WHERE AT_ADMIN = '$userId' AND DATE(AT_TIMESTAMP) = '$today'";
$result = $conn->query($sql);
// direct fetch_all
$rows = $result ? $result->fetch_all(MYSQLI_ASSOC) : [];
$totalAmount = getTotalAmount($rows);
// var_dump($rows); // ekhane pura array peye jabe
$collectable = $targetRows[0]['collectable_amount'] ?? 0;
$remaining = $collectable - $totalAmount;
$remaining = $remaining < 0 ? 0 : $remaining;
$percent = $collectable > 0 ? ($totalAmount / $collectable) * 100 : 0;
// Fetch last 10 days report
$repStmt = "SELECT * FROM agent_collections WHERE agent = '$userId' ORDER BY date DESC LIMIT 10;";
$reportsStmt = $conn->query($repStmt);
$reportRows = $reportsStmt->fetch_all(MYSQLI_ASSOC);
// echo json_encode($reportRows);
$conn->close();
// var_dump($_SESSION);
?>
<div class="container">
<h3 style="font-size: 20px; font-weight: 600; margin-bottom: 15px;">
Welcome, <?= $_SESSION['name'] ?> 👋
<h3 class="welcome-text">
Welcome, <?= htmlspecialchars($_SESSION['name']) ?> 👋
</h3>
<!-- Show success/error message -->
<?= $message ?>
<div class="dashboard-total-section">
<!-- Total Collection Card -->
<!-- Total Collection -->
<div class="card-box highlight">
<h3><?= $totalAmount ?></h3>
<h3><?= number_format($totalAmount, 2) ?></h3>
<p>Total Collection</p>
<div class="progress-bar">
<div class="progress-fill" style="width: <?= $percent ?>%;"></div>
</div>
<small><?= round($percent, 2) ?>% Completed</small>
</div>
<!-- Loan & Recurring Card -->
<!-- Total Collectable (with Remaining) -->
<div class="card-box normal">
<!-- <p><strong>Loan:</strong> <?= $totalLoan ?? 0 ?></p>
<p><strong>Recurring:</strong> <?= $totalRecurring ?? 0 ?></p> -->
<h3>₹ <?= number_format($collectable, 2) ?></h3>
<p>Total Collectable</p>
<div class="remaining-text">
Remaining: <strong>₹ <?= number_format($remaining, 2) ?></strong>
</div>
</div>
</div>
<a class="btn btn-primary w-100" href="/Agent/Receive" style="width: 100%; margin-top: 20px;">
<i class="fa-solid fa-credit-card"></i>
Recive New Payment
</a>
<div style="display: flex; flex-direction: row; width: 100%; justify-content: space-between; margin-top: 20px;">
<!-- Payment Receive Button -->
<a class="btn btn-primary w-100" href="/Agent/Receive">
<i class="fa-solid fa-credit-card"></i>
Receive New Payment
</a>
<!-- Save Collection Button -->
<?php if (!empty($targetRows)) : ?>
<form method="post" class="w-100">
<input type="hidden" name="save_collection" value="1">
<input type="hidden" name="row_id" value="<?= $targetRows[0]['id'] ?>">
<input type="hidden" name="collected_amount" value="<?= $totalAmount ?>">
<button type="submit" class="btn btn-success w-100"><i class="fa-solid fa-save"></i> Save Collection</button>
</form>
<?php endif; ?>
</div>
<?php if (!empty($reportRows)) : ?>
<div class="report-section">
<h4 class="report-title">📊 Last 10 Days Report</h4>
<div class="report-cards">
<?php foreach ($reportRows as $report): ?>
<div class="report-card">
<div class="report-date">
<?= date("d M Y", strtotime($report['date'])) ?>
</div>
<div class="report-details">
<p><strong>Target:</strong> ₹ <?= number_format($report['collectable_amount'], 2) ?></p>
<p><strong>Collected:</strong> ₹ <?= number_format($report['collected_amount'], 2) ?></p>
<p><strong>Remaining:</strong> ₹ <?= number_format($report['collectable_amount'] - $report['collected_amount'], 2) ?></p>
</div>
<div class="report-progress">
<?php
$percentDone = $report['collectable_amount'] > 0
? ($report['collected_amount'] / $report['collectable_amount']) * 100
: 0;
?>
<div class="progress-bar">
<div class="progress-fill" style="width: <?= $percentDone ?>%;"></div>
</div>
<small><?= round($percentDone, 2) ?>% Completed</small>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endif; ?>
</div>
<style>
.welcome-text {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
}
.success-msg {
color: green;
background: #e6ffe6;
padding: 8px 12px;
border-radius: 6px;
margin-bottom: 15px;
}
.error-msg {
color: red;
background: #ffe6e6;
padding: 8px 12px;
border-radius: 6px;
margin-bottom: 15px;
}
.dashboard-total-section {
display: flex;
gap: 20px;
@@ -67,18 +170,19 @@ $conn->close();
.card-box {
flex: 1;
min-width: 180px;
background: #fff;
border-radius: 16px;
min-width: 200px;
background: linear-gradient(135deg, #fdfdfd, #f6f6f6);
border-radius: 20px;
padding: 20px;
text-align: center;
box-shadow: 0 4px 10px rgba(0,0,0,0.08);
transition: transform 0.2s ease, box-shadow 0.2s ease;
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
transition: transform 0.25s ease, box-shadow 0.25s ease;
position: relative;
}
.card-box:hover {
transform: translateY(-5px);
box-shadow: 0 6px 16px rgba(0,0,0,0.12);
transform: translateY(-6px);
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.card-box h3 {
@@ -89,18 +193,120 @@ $conn->close();
}
.card-box p {
margin: 5px 0 0;
margin: 6px 0 12px;
font-size: 14px;
color: #555;
}
.card-box.highlight {
background: #e95420;
background: linear-gradient(135deg, #e95420, #f37249);
color: #fff;
}
.card-box.normal{
background: linear-gradient(135deg, #ecececff, #ffffffff);
}
.card-box.highlight h3,
.card-box.highlight p {
.card-box.highlight p,
.card-box.highlight small {
color: #fff;
}
.progress-bar {
width: 100%;
height: 10px;
background: rgba(255, 255, 255, 0.3);
border-radius: 10px;
margin: 10px 0;
overflow: hidden;
}
.progress-fill {
height: 100%;
background: #fff;
border-radius: 10px;
transition: width 0.4s ease;
}
.remaining-text {
margin-top: 8px;
font-size: 13px;
color: #333;
background: #f0f0f0;
display: inline-block;
padding: 4px 10px;
border-radius: 12px;
}
.report-section {
margin-top: 30px;
}
.report-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
color: #333;
}
.report-cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
}
.report-card {
background: linear-gradient(135deg, #ecececff, #ffffffff);
border-radius: 16px;
padding: 16px;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.report-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}
.report-date {
font-size: 14px;
font-weight: 500;
color: #666;
margin-bottom: 10px;
}
.report-details p {
margin: 4px 0;
font-size: 14px;
color: #444;
}
.report-details strong {
color: #111;
}
.report-progress {
margin-top: 12px;
}
.report-progress small {
font-size: 12px;
color: #666;
}
.report-card .progress-bar {
width: 100%;
height: 8px;
background: #eee;
border-radius: 10px;
margin: 8px 0;
overflow: hidden;
}
.report-card .progress-fill {
height: 100%;
background: linear-gradient(135deg, #e95420, #f37249);
border-radius: 10px;
transition: width 0.4s ease;
}
</style>

View File

@@ -56,6 +56,8 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
<div class="container py-5 mx-auto" style="max-width: 420px; margin-top: 200px;">
<div class="mx-auto" style="">
<div class="card shadow-lg border-0 rounded-4 p-4" style="background: linear-gradient(135deg, #f5f7fa, #d9dce0ff); padding: 20px; border-radius: 15px;">
<img src="/asset/images/new_logo2.jpg" alt="Agent Logo" style="width: 80px; height: 80px; border-radius: 20px; display: block; margin: 0 auto 20px auto;">
<h4 class="text-center mb-4 fw-semibold text-primary">Agent Login</h4>
<?php if ($error): ?>

View File

@@ -9,7 +9,7 @@
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a href="/Admin/"><img class="img-responsive logo" style="height:50px" src="/asset/images/new_logo.jpeg" alt=""></a>
<a href="/Admin/"><img class="img-responsive logo" style="height:50px" src="/asset/images/new_logo2.jpg" alt=""></a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>

View File

@@ -14,7 +14,7 @@
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a href="/Admin/"><img class="img-responsive logo" style="height:50px" src="/asset/images/new_logo.jpeg" alt=""></a>
<a href="/Admin/"><img class="img-responsive logo" style="height:50px" src="/asset/images/new_logo2.jpg" alt=""></a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>