2026-04-15 10:32:46 +05:30
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
2026-04-27 10:18:10 +05:30
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
|
|
|
|
|
<title>Upload Excel</title>
|
|
|
|
|
|
|
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
body {
|
|
|
|
|
margin: 0;
|
|
|
|
|
font-family: 'Inter', sans-serif;
|
|
|
|
|
background: #f1f5f9;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Sidebar */
|
|
|
|
|
.sidebar {
|
|
|
|
|
width: 240px;
|
|
|
|
|
height: 100vh;
|
|
|
|
|
position: fixed;
|
|
|
|
|
background: linear-gradient(180deg, #0f172a, #1e293b);
|
|
|
|
|
padding: 20px;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sidebar .logo {
|
|
|
|
|
width: 60px;
|
|
|
|
|
margin: 0 auto 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sidebar h2 {
|
2026-04-15 10:32:46 +05:30
|
|
|
color: white;
|
|
|
|
|
text-align: center;
|
2026-04-27 10:18:10 +05:30
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sidebar a {
|
|
|
|
|
color: #cbd5f5;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
margin-bottom: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sidebar a:hover {
|
|
|
|
|
background: rgba(59,130,246,0.2);
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Header */
|
|
|
|
|
.header {
|
|
|
|
|
margin-left: 270px;
|
|
|
|
|
height: 60px;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding-left: 20px;
|
|
|
|
|
background: white;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
box-shadow: 0 2px 6px rgba(0,0,0,0.05);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Main Content */
|
|
|
|
|
.main-content {
|
|
|
|
|
margin-left: 270px;
|
|
|
|
|
height: calc(100vh - 60px);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Upload Card */
|
|
|
|
|
.upload-card {
|
|
|
|
|
background: white;
|
|
|
|
|
padding: 30px;
|
|
|
|
|
margin: 150px auto;
|
|
|
|
|
border-radius: 16px;
|
|
|
|
|
box-shadow: 0 10px 25px rgba(0,0,0,0.08);
|
|
|
|
|
width: 100%;
|
|
|
|
|
max-width: 400px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-card h1 {
|
|
|
|
|
font-size: 20px;
|
|
|
|
|
margin-bottom: 50px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* File Input */
|
|
|
|
|
.file-input {
|
|
|
|
|
border: 2px dashed #cbd5f5;
|
|
|
|
|
padding: 25px;
|
|
|
|
|
border-radius: 12px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
transition: 0.3s;
|
|
|
|
|
color: #555;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.file-input:hover {
|
|
|
|
|
border-color: #3b82f6;
|
|
|
|
|
background: #f8fafc;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.file-input input {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Button */
|
|
|
|
|
.upload-btn {
|
|
|
|
|
width: 100%;
|
|
|
|
|
padding: 12px;
|
|
|
|
|
background: linear-gradient(135deg, #3b82f6, #2563eb);
|
|
|
|
|
color: white;
|
|
|
|
|
border: none;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
margin-top: 40px;
|
|
|
|
|
transition: 0.3s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.upload-btn:hover {
|
|
|
|
|
opacity: 0.9;
|
2026-04-15 10:32:46 +05:30
|
|
|
}
|
2026-04-27 10:18:10 +05:30
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<!-- Sidebar -->
|
|
|
|
|
<div class="sidebar">
|
2026-04-15 10:32:46 +05:30
|
|
|
<img
|
|
|
|
|
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA+CAYAAAB3NHh5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4JpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4NkEzOEVGMzEwQTQxMUU4QUFBQkY0QTA2QzlEM0MxNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QUQzQTIzRDE4NTkxMUU4ODE2Q0IwMTY0RjgxQTVGNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QUQzQTIzQzE4NTkxMUU4ODE2Q0IwMTY0RjgxQTVGNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNS41IE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmJhNmE4ZTBmLTI5ZWItNDBlMy05ZWFhLTYzNTdiYjdkMzcwNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmRhMjgyMWMwLTYwYmQtMTE3Yi04ZGU3LWNjZmQ1MDgzNjUxNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrVd/GcAAASESURBVHja7FtrSBRRFL7rrg9MMjUzspTSSqUg6GFBmohh9SeIMOhXhBX0KzL80YN+SBD+qJ+RBhFEQogV0RMLKyuiqIig6GlZRmlRavl2O8c9I7dtZ2adM3d9zB742GHuzpn7zZl7zrnn3nF5vV7hJHEh4aLKaxfgeAXAjee0NoDX7ziCjl2yDsANwHbAsQD3mALYA3ii04e9gEZAP6BM5z9nAA2AKos8FwK+1pcX53noxCJAMuPBzQLEATbotEfpnMeHfIiuSzK4vhnw2KA9GJkryGIoz5hvyjlAr0F7e4BzuYBbdPwG8Mvg+m+APmYfh/qgWbiXqWzQpN3fUSyj19hj8gbYKV7Zwsp9hXS8BHBXIhsqiQglYTf9LgbcGQWywxKqG7cAssiy0aMVkWQLpzGVoYfvMWjvBlQwyKKPiWT2MU628DZACkPZa0CGQXs00zHOBnwBrLF4fTbgnb+X7mJ0qN/EH3iZYUVLfKz2sQMwSSZ8kkKFVTkKOKxw/KF1Zkhx26rUaFb5xFTUpjiWRtmQeHSGMiyNGQkTdgrhVKaeJBvycbM4zE2S/vHSpTRv7beo7CEgXiFh7GwTTSetCE5/f8iEMdOaajJFM5KtgHyFhDcC/gBeMfKEeJnwAcDyMTz0FgAqmTowG6zWxnCrA/zVc9lp9TmAcEgLAOE4HCY8zgoAZuI28RPdiuO45umHw9LuIKoWHPlOiY1RNeIETfI5gkWM6YABv/MZFMeHCWONOAFwWRFhrKjkEPFAshMwB/CReZ9LZn/QCM8ErBe+ZQ9VUid8JdpAclH4llO40kmFjBdmTmsXYL4NFQWzIkGXDt7adA8cGlgZzQrGS+OMpABwW2HVwkrbSAWH5gNBa0nBhCUk3TjOQ9BkIp0phyQ9wl6a+dwb56QTiEOmkNa2IgzyzpWA+zZ2oMNiG0eSydLp/l5aj/Qq4VsLyrXh5jgJz9NpK1Bo6UQqHuCCfbVZ2aSP5smbBW+pYx5gh4FDRM+6D/BZEWksQf2ULVxC5g80L8YqyFPx/xrvSOQUjaUSnfYyevWyFVr6t0wY92AsVXizJJNximnfFuFbAVElGHnyNKfVothjDpr4iyjNAgqlVfbSA+GKR7gAMLEIexzA1SMTjnUA4VjZspsAMQxluGqxVqhbFMetjQcB7xk6umXChUZzyCCkFnBcIeGblI3tZ+h4if3UCJczE49EoXbLA87VcWNLBUMHLvjVamO42YZqxljf8tAcjsNOIuxyGuEMGyoLPQr72SP4Ww/T5LBURZ226rweyWUUC+I2mW9jZ3GTeCnjHk0y4fOCNl8yvHQO4/oBYbzJPIaszKmmdsiEa4R+vSkYwe0IRyxee0X4PkEoNPgPfiKQSsmDVcHaXL5HshBH2i2OsauAdXRstNgWacOcvU12WtyPl6xcf53yb01Ub7sIeQHA6zcZKJ7IiYdMth5QNNpxOJ2pZ5rJGMZcGOvbuEq4WifZSWHoD0bSZS99FvCB6QHRcdXptONOuNP0KuuN+wYiZkV/MPJg6Ck77WPLvwIMAHzX4zyhUFlrAAAAAElFTkSuQmCC"
|
|
|
|
|
alt="LCEPL Logo"
|
|
|
|
|
class="logo"
|
|
|
|
|
/>
|
2026-04-27 10:18:10 +05:30
|
|
|
<h2>Upload Excel</h2>
|
|
|
|
|
|
|
|
|
|
<a href="/">Dashboard</a>
|
|
|
|
|
<a href="/upload_excel">Upload Excel</a>
|
|
|
|
|
<a href="/generate_report_page">Print Report</a>
|
|
|
|
|
<a href="/filter_tasks">Filter Tasks</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Header -->
|
|
|
|
|
<div class="header">
|
|
|
|
|
LAXMI CIVIL ENGINEERING SERVICES PVT. LTD.
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Main Content -->
|
|
|
|
|
<div class="main-content">
|
2026-04-15 10:32:46 +05:30
|
|
|
|
2026-04-27 10:18:10 +05:30
|
|
|
<div class="upload-card">
|
2026-04-15 10:32:46 +05:30
|
|
|
<h1>Upload Excel File</h1>
|
2026-04-27 10:18:10 +05:30
|
|
|
|
|
|
|
|
<form action="/upload" method="post" enctype="multipart/form-data">
|
|
|
|
|
|
|
|
|
|
<!-- FILE INPUT -->
|
|
|
|
|
<label class="file-input">
|
|
|
|
|
<span id="fileText">📁 Click to choose Excel file</span>
|
|
|
|
|
<input type="file" name="file" id="fileInput" required>
|
|
|
|
|
</label>
|
|
|
|
|
|
|
|
|
|
<!-- BUTTON -->
|
|
|
|
|
<button type="submit" class="upload-btn">
|
|
|
|
|
Upload File
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
</form>
|
2026-04-15 10:32:46 +05:30
|
|
|
</div>
|
2026-04-27 10:18:10 +05:30
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- JS -->
|
|
|
|
|
<script>
|
|
|
|
|
document.getElementById("fileInput").addEventListener("change", function() {
|
|
|
|
|
const fileName = this.files.length > 0 ? this.files[0].name : "Click to choose Excel file";
|
|
|
|
|
document.getElementById("fileText").innerText = "📄 " + fileName;
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
