Files
IncomeTaxSystem/templates/reports.html

154 lines
3.3 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Reports Of Stages</title>
<link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
<style>
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #f4f7f9;
margin: 0;
padding: 0;
}
.container {
max-width: 900px;
margin: 40px auto;
padding: 30px;
background-color: white;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
h2 {
color: #333;
text-align: center;
margin-bottom: 30px;
}
form {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 30px;
flex-wrap: wrap;
}
label {
font-weight: 600;
margin-right: 5px;
}
select {
padding: 6px 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
button {
padding: 6px 14px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
transition: background-color 0.3s ease;
}
button:hover {
background-color: #0056b3;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}
table,
th,
td {
border: 1px solid #ccc;
}
th {
background-color: #007bff;
color: white;
padding: 10px;
text-align: left;
}
td {
padding: 10px;
background-color: #f9f9f9;
}
tr:nth-child(even) td {
background-color: #eef3f7;
}
p {
text-align: center;
color: #777;
}
ul {
margin-top: 30px;
list-style: none;
padding-left: 0;
text-align: center;
}
ul li {
margin: 10px 0;
}
ul li a {
color: #007bff;
font-weight: 500;
text-decoration: none;
}
ul li a:hover {
text-decoration: none;
}
.back-btn {
display: inline-block;
margin-bottom: 20px;
padding: 10px 18px;
background: #6c757d;
color: white;
font-size: 15px;
font-weight: 600;
border-radius: 6px;
text-decoration: none;
transition: background 0.3s ease;
}
.back-btn:hover {
background: #5a6268;
}
</style>
</head>
<body>
<div class="container">
<!-- Back to Dashboard Button -->
<a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
<h2>Reports</h2>
<ul>
<li><a href="/itr_report">→ View ITR Reports</a></li>
<li><a href="/ao_report">→ View AO Reports</a></li>
<li><a href="/cit_report">→ View CIT Reports</a></li>
<li><a href="/itat_report">→ View ITAT Reports</a></li>
</ul>
</div>
</body>
</html>