add dropdown year as AY yyyy formate and seprate css files commit

static/css/add_ao.css

@@ -0,0 +1,130 @@
+ /* Reset and base styles */
+ * {
+     margin: 0;
+     padding: 0;
+     box-sizing: border-box;
+ }
+
+ body {
+     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+     background-color: #f5f7fa;
+     color: #333;
+     padding: 30px 0;
+ }
+
+ .container {
+     width: 90%;
+     max-width: 700px;
+     margin: auto;
+     background-color: #fff;
+     padding: 40px;
+     border-radius: 12px;
+     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
+ }
+
+ h2 {
+     text-align: center;
+     margin-bottom: 30px;
+     font-size: 28px;
+     color: #2c3e50;
+ }
+
+ form {
+     display: flex;
+     flex-direction: column;
+ }
+
+ label {
+     margin-top: 15px;
+     margin-bottom: 6px;
+     font-weight: bold;
+     color: #333;
+ }
+
+ input[type="number"] {
+     padding: 10px 12px;
+     border: 1px solid #ccc;
+     border-radius: 6px;
+     font-size: 16px;
+     transition: border-color 0.3s ease;
+ }
+
+ input[type="number"]:focus {
+     border-color: #007BFF;
+     outline: none;
+ }
+
+ button[type="submit"] {
+     margin-top: 30px;
+     padding: 12px;
+     background-color: #007BFF;
+     border: none;
+     border-radius: 6px;
+     color: white;
+     font-size: 18px;
+     cursor: pointer;
+     transition: background-color 0.3s ease;
+ }
+
+ button[type="submit"]:hover {
+     background-color: #0056b3;
+ }
+
+ /* Back button styling */
+ .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;
+ }
+
+ .form-group select {
+     width: 100%;
+     padding: 10px 12px;
+     border: 1px solid #cbd3da;
+     border-radius: 8px;
+     font-size: 16px;
+     background-color: #fdfdfd;
+     height: 40px;
+     cursor: pointer;
+     transition: all 0.25s ease-in-out;
+ }
+
+ .form-group select:focus {
+     border-color: #007BFF;
+     background: #ffffff;
+     box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
+     outline: none;
+ }
+
+
+
+
+
+ @media (max-width: 600px) {
+     .container {
+         padding: 20px;
+     }
+
+     h2 {
+         font-size: 22px;
+     }
+
+     input[type="number"] {
+         font-size: 15px;
+     }
+
+     button[type="submit"] {
+         font-size: 16px;
+     }
+ }

static/css/add_cit.css

@@ -0,0 +1,126 @@
+/* ...existing styles... (no changes needed) */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    background-color: #f5f7fa;
+    color: #333;
+    padding: 30px 0;
+}
+
+.container {
+    width: 90%;
+    max-width: 700px;
+    margin: auto;
+    background-color: #fff;
+    padding: 40px;
+    border-radius: 12px;
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
+}
+
+h2 {
+    text-align: center;
+    margin-bottom: 30px;
+    font-size: 28px;
+    color: #2c3e50;
+}
+
+form {
+    display: flex;
+    flex-direction: column;
+}
+
+label {
+    margin-top: 15px;
+    margin-bottom: 6px;
+    font-weight: 600;
+    color: #333;
+}
+
+input[type="number"] {
+    padding: 10px 12px;
+    border: 1px solid #ccc;
+    border-radius: 6px;
+    font-size: 16px;
+}
+
+input[type="number"]:focus {
+    border-color: #007BFF;
+    outline: none;
+}
+
+button[type="submit"] {
+    margin-top: 30px;
+    padding: 12px;
+    background-color: #007BFF;
+    border: none;
+    border-radius: 6px;
+    color: white;
+    font-size: 18px;
+    cursor: pointer;
+}
+
+button[type="submit"]:hover {
+    background-color: #0056b3;
+}
+
+/* Back button styling */
+.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;
+}
+
+.form-group select {
+    width: 100%;
+    padding: 10px 12px;
+    border: 1px solid #cbd3da;
+    border-radius: 8px;
+    font-size: 16px;
+    background-color: #fdfdfd;
+    height: 40px;
+    cursor: pointer;
+    transition: all 0.25s ease-in-out;
+}
+
+.form-group select:focus {
+    border-color: #007BFF;
+    background: #ffffff;
+    box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
+    outline: none;
+}
+
+
+
+@media (max-width: 600px) {
+    .container {
+        padding: 20px;
+    }
+
+    h2 {
+        font-size: 22px;
+    }
+
+    input[type="number"] {
+        font-size: 15px;
+    }
+
+    button[type="submit"] {
+        font-size: 16px;
+    }
+}

static/css/add_itat.css

@@ -0,0 +1,105 @@
+ /* Same styling for layout */
+ * {
+     margin: 0;
+     padding: 0;
+     box-sizing: border-box;
+ }
+
+ body {
+     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+     background-color: #f5f7fa;
+     color: #333;
+     padding: 30px 0;
+ }
+
+ .container {
+     width: 90%;
+     max-width: 700px;
+     margin: auto;
+     background-color: #fff;
+     padding: 40px;
+     border-radius: 12px;
+     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
+ }
+
+ h2 {
+     text-align: center;
+     margin-bottom: 30px;
+     font-size: 28px;
+     color: #2c3e50;
+ }
+
+ form {
+     display: flex;
+     flex-direction: column;
+ }
+
+ label {
+     margin-top: 15px;
+     margin-bottom: 6px;
+     font-weight: 600;
+     color: #333;
+ }
+
+ input[type="number"] {
+     padding: 10px 12px;
+     border: 1px solid #ccc;
+     border-radius: 6px;
+     font-size: 16px;
+ }
+
+ input[type="number"]:focus {
+     border-color: #007BFF;
+     outline: none;
+ }
+
+ button[type="submit"] {
+     margin-top: 30px;
+     padding: 12px;
+     background-color: #007BFF;
+     border: none;
+     border-radius: 6px;
+     color: white;
+     font-size: 18px;
+     cursor: pointer;
+ }
+
+ button[type="submit"]:hover {
+     background-color: #0056b3;
+ }
+
+ /* Back button styling */
+ .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;
+ }
+
+ @media (max-width: 600px) {
+     .container {
+         padding: 20px;
+     }
+
+     h2 {
+         font-size: 22px;
+     }
+
+     input[type="number"] {
+         font-size: 15px;
+     }
+
+     button[type="submit"] {
+         font-size: 16px;
+     }
+ }

static/css/add_itr.css

@@ -0,0 +1,135 @@
+body {
+    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+    background: #eef2f7;
+    margin: 0;
+    padding: 40px;
+    color: #333;
+}
+
+.container {
+    max-width: 900px;
+    margin: auto;
+    background: #fff;
+    padding: 40px 50px;
+    border-radius: 12px;
+    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
+    transition: box-shadow 0.3s ease;
+}
+
+.container:hover {
+    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.15);
+}
+
+h2 {
+    text-align: center;
+    margin-bottom: 35px;
+    font-size: 30px;
+    color: #2c3e50;
+    font-weight: 700;
+    letter-spacing: 0.5px;
+}
+
+form {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 20px 30px;
+}
+
+.form-group {
+    display: flex;
+    flex-direction: column;
+}
+
+label {
+    font-weight: 600;
+    margin-bottom: 8px;
+    color: #555;
+    font-size: 14px;
+    font-weight: bold;
+}
+
+input[type="number"] {
+    padding: 10px 12px;
+    border: 1px solid #ccd1d9;
+    border-radius: 6px;
+    font-size: 15px;
+    background-color: #fafafa;
+    transition: all 0.25s ease-in-out;
+}
+
+input[type="number"]:focus {
+    border-color: #007BFF;
+    background: #fff;
+    box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
+    outline: none;
+}
+
+button[type="submit"] {
+    grid-column: span 2;
+    margin-top: 25px;
+    padding: 15px;
+    background: linear-gradient(135deg, #007BFF, #0056b3);
+    border: none;
+    border-radius: 8px;
+    color: #fff;
+    font-size: 18px;
+    font-weight: 600;
+    cursor: pointer;
+    transition: transform 0.2s, background 0.3s;
+}
+
+button[type="submit"]:hover {
+    background: linear-gradient(135deg, #0056b3, #00408f);
+    transform: translateY(-2px);
+}
+
+/* Back button styling */
+.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 for Year Dropdown */
+select {
+    padding: 10px 5px;
+    border: 1px solid #ccd1d9;
+    border-radius: 6px;
+    font-size: 15px;
+    background-color: #fafafa;
+    transition: all 0.25s ease-in-out;
+    cursor: pointer;
+    height: 40px;
+}
+
+select:focus {
+    border-color: #007BFF;
+    background: #fff;
+    box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
+    outline: none;
+}
+
+
+
+/* Responsive */
+@media (max-width: 768px) {
+    form {
+        grid-template-columns: 1fr;
+    }
+
+    h2 {
+        font-size: 24px;
+    }
+}

static/index.css

@@ -11,7 +11,7 @@ body {
     padding: 30px;
     background-color: #ffffff;
     border-radius: 12px;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }
 
 h2 {
@@ -52,3 +52,54 @@ form button {
 form button:hover {
     background-color: #0056b3;
 }
+
+input[type="file"] {
+    padding: 10px 12px;
+    border: 1px solid #ccc;
+    border-radius: 6px;
+    font-size: 16px;
+    transition: border-color 0.3s ease;
+}
+
+input[type="file"]:focus {
+    border-color: #007BFF;
+    outline: none;
+}
+
+
+/* Back button styling */
+.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;
+}
+
+.form-group select {
+    width: 100%;
+    padding: 10px 12px;
+    border: 1px solid #cbd3da;
+    border-radius: 8px;
+    font-size: 16px;
+    background-color: #fdfdfd;
+    height: 40px;
+    cursor: pointer;
+    transition: all 0.25s ease-in-out;
+}
+
+.form-group select:focus {
+    border-color: #007BFF;
+    background: #ffffff;
+    box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
+    outline: none;
+}

static/js/year_dropdown.js

@@ -0,0 +1,23 @@
+document.addEventListener("DOMContentLoaded", function () {
+  const yearDropdown = document.getElementById("year");
+
+  const currentYear = new Date().getFullYear();
+  const startYear = 1990;
+
+  for (let y = currentYear; y >= startYear; y--) {
+    let nextYear = y + 1;
+
+    let option = document.createElement("option");
+
+    // Backend receives only first year (example 2024)
+    option.value = y;
+
+    // User sees (example AY 2024–2025)
+    option.textContent = `AY ${y}-${nextYear}`;
+
+    yearDropdown.appendChild(option);
+  }
+});
+
+
+

templates/add_ao.html

@@ -2,119 +2,11 @@
 <html>
 
 <head>
-    <title>AO Form Entry</title>
+    <title>Add New AO Record </title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/add_ao.css') }}">
     <script src="/static/js/ao_calc.js"></script>
+    <script src="/static/js/year_dropdown.js"></script>
 
-    <style>
-        /* Reset and base styles */
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background-color: #f5f7fa;
-            color: #333;
-            padding: 30px 0;
-        }
-
-        .container {
-            width: 90%;
-            max-width: 700px;
-            margin: auto;
-            background-color: #fff;
-            padding: 40px;
-            border-radius: 12px;
-            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
-        }
-
-        h2 {
-            text-align: center;
-            margin-bottom: 30px;
-            font-size: 28px;
-            color: #2c3e50;
-        }
-
-        form {
-            display: flex;
-            flex-direction: column;
-        }
-
-        label {
-            margin-top: 15px;
-            margin-bottom: 6px;
-            font-weight: 600;
-            color: #333;
-        }
-
-        input[type="number"] {
-            padding: 10px 12px;
-            border: 1px solid #ccc;
-            border-radius: 6px;
-            font-size: 16px;
-            transition: border-color 0.3s ease;
-        }
-
-        input[type="number"]:focus {
-            border-color: #007BFF;
-            outline: none;
-        }
-
-        button[type="submit"] {
-            margin-top: 30px;
-            padding: 12px;
-            background-color: #007BFF;
-            border: none;
-            border-radius: 6px;
-            color: white;
-            font-size: 18px;
-            cursor: pointer;
-            transition: background-color 0.3s ease;
-        }
-
-        button[type="submit"]:hover {
-            background-color: #0056b3;
-        }
-
-        /* Back button styling */
-        .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;
-        }
-
-        @media (max-width: 600px) {
-            .container {
-                padding: 20px;
-            }
-
-            h2 {
-                font-size: 22px;
-            }
-
-            input[type="number"] {
-                font-size: 15px;
-            }
-
-            button[type="submit"] {
-                font-size: 16px;
-            }
-        }
-    </style>
 </head>
 
 <body>
@@ -124,8 +16,14 @@
 
         <h2>AO Form Entry</h2>
         <form method="POST" onsubmit="return showSuccessMessage()">
+            <!-- <label>Year:</label>
+            <input type="number" name="year" required> -->
+
+            <div class="form-group">
                 <label>Year:</label>
-            <input type="number" name="year" required>
+                <select id="year" name="year" required></select>
+            </div>
+
             {% for field in [
             "gross_total_income", "disallowance_14a", "disallowance_37",
             "deduction_80ia_business", "deduction_sec37_disallowance", "deduction_80g",
@@ -136,6 +34,7 @@
             ] %}
             <label for="{{ field }}">{{ field.replace("_", " ").title() }}:</label>
             <input type="number" name="{{ field }}" step="0.01" required>
+            <!-- <input type="number" name="{{ field }}" step="0.01" oninput="calculate()" required> -->
             {% endfor %}
             <button type="submit">Submit</button>
         </form>

templates/add_cit.html

@@ -3,115 +3,10 @@
 
 <head>
     <title>CIT Form Entry</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/add_cit.css') }}">
     <script src="/static/js/cit_calc.js"></script>
-    <style>
+    <script src="/static/js/year_dropdown.js"></script>
-        /* ...existing styles... (no changes needed) */
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
 
-        body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background-color: #f5f7fa;
-            color: #333;
-            padding: 30px 0;
-        }
-
-        .container {
-            width: 90%;
-            max-width: 700px;
-            margin: auto;
-            background-color: #fff;
-            padding: 40px;
-            border-radius: 12px;
-            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
-        }
-
-        h2 {
-            text-align: center;
-            margin-bottom: 30px;
-            font-size: 28px;
-            color: #2c3e50;
-        }
-
-        form {
-            display: flex;
-            flex-direction: column;
-        }
-
-        label {
-            margin-top: 15px;
-            margin-bottom: 6px;
-            font-weight: 600;
-            color: #333;
-        }
-
-        input[type="number"] {
-            padding: 10px 12px;
-            border: 1px solid #ccc;
-            border-radius: 6px;
-            font-size: 16px;
-        }
-
-        input[type="number"]:focus {
-            border-color: #007BFF;
-            outline: none;
-        }
-
-        button[type="submit"] {
-            margin-top: 30px;
-            padding: 12px;
-            background-color: #007BFF;
-            border: none;
-            border-radius: 6px;
-            color: white;
-            font-size: 18px;
-            cursor: pointer;
-        }
-
-        button[type="submit"]:hover {
-            background-color: #0056b3;
-        }
-
-        /* Back button styling */
-        .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;
-        }
-
-        @media (max-width: 600px) {
-            .container {
-                padding: 20px;
-            }
-
-            h2 {
-                font-size: 22px;
-            }
-
-            input[type="number"] {
-                font-size: 15px;
-            }
-
-            button[type="submit"] {
-                font-size: 16px;
-            }
-        }
-    </style>
 </head>
 
 <body>
@@ -121,8 +16,13 @@
 
         <h2>CIT Form Entry</h2>
         <form method="POST">
-            <label>Year:</label>
+            <!-- <label>Year:</label>
-            <input type="number" name="year" required value="{{ record.year if record else '' }}">
+            <input type="number" name="year" required value="{{ record.year if record else '' }}"> -->
+
+            <div class="form-group">
+                <label> Year:</label>
+                <select id="year" name="year" required></select>
+            </div>
 
             {% for field in [
             "gross_total_income", "deduction_80ia_business", "deduction_sec37_disallowance",

templates/add_itat.html

@@ -2,115 +2,10 @@
 <html>
 
 <head>
-    <title>ITAT Form Entry</title>
+    <title>Add New ITAT Record</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/add_ao.css') }}">
-    <style>
+    <script src="/static/js/year_dropdown.js"></script>
-        /* Same styling for layout */
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
 
-        body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background-color: #f5f7fa;
-            color: #333;
-            padding: 30px 0;
-        }
-
-        .container {
-            width: 90%;
-            max-width: 700px;
-            margin: auto;
-            background-color: #fff;
-            padding: 40px;
-            border-radius: 12px;
-            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
-        }
-
-        h2 {
-            text-align: center;
-            margin-bottom: 30px;
-            font-size: 28px;
-            color: #2c3e50;
-        }
-
-        form {
-            display: flex;
-            flex-direction: column;
-        }
-
-        label {
-            margin-top: 15px;
-            margin-bottom: 6px;
-            font-weight: 600;
-            color: #333;
-        }
-
-        input[type="number"] {
-            padding: 10px 12px;
-            border: 1px solid #ccc;
-            border-radius: 6px;
-            font-size: 16px;
-        }
-
-        input[type="number"]:focus {
-            border-color: #007BFF;
-            outline: none;
-        }
-
-        button[type="submit"] {
-            margin-top: 30px;
-            padding: 12px;
-            background-color: #007BFF;
-            border: none;
-            border-radius: 6px;
-            color: white;
-            font-size: 18px;
-            cursor: pointer;
-        }
-
-        button[type="submit"]:hover {
-            background-color: #0056b3;
-        }
-
-        /* Back button styling */
-        .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;
-        }
-
-        @media (max-width: 600px) {
-            .container {
-                padding: 20px;
-            }
-
-            h2 {
-                font-size: 22px;
-            }
-
-            input[type="number"] {
-                font-size: 15px;
-            }
-
-            button[type="submit"] {
-                font-size: 16px;
-            }
-        }
-    </style>
 </head>
 
 <body>
@@ -120,8 +15,13 @@
 
         <h2>ITAT Form Entry</h2>
         <form method="POST" onsubmit="return showSuccessMessage()">
-            <label>Year:</label>
+            <!-- <label>Year:</label>
-            <input type="number" name="year" step="0.01" required>
+            <input type="number" name="year" step="0.01" required> -->
+
+            <div class="form-group">
+                <label> Year:</label>
+                <select id="year" name="year" required></select>
+            </div>
 
             <label>MAT Tax Credit:</label>
             <input type="number" name="mat_tax_credit" step="0.01" required>

templates/add_itr.html

@@ -4,122 +4,10 @@
 <head>
   <meta charset="UTF-8">
   <title>Add New Income Tax Return Record</title>
+  <link rel="stylesheet" href="{{ url_for('static', filename='css/add_itr.css') }}">
   <script src="/static/js/itr_calc.js"></script>
+  <script src="/static/js/year_dropdown.js"></script>
 
-  <style>
-    body {
-      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-      background: #eef2f7;
-      margin: 0;
-      padding: 40px;
-      color: #333;
-    }
-
-    .container {
-      max-width: 900px;
-      margin: auto;
-      background: #fff;
-      padding: 40px 50px;
-      border-radius: 12px;
-      box-shadow: 0 6px 25px rgba(0, 0, 0, 0.1);
-      transition: box-shadow 0.3s ease;
-    }
-
-    .container:hover {
-      box-shadow: 0 10px 35px rgba(0, 0, 0, 0.15);
-    }
-
-    h2 {
-      text-align: center;
-      margin-bottom: 35px;
-      font-size: 30px;
-      color: #2c3e50;
-      font-weight: 700;
-      letter-spacing: 0.5px;
-    }
-
-    form {
-      display: grid;
-      grid-template-columns: 1fr 1fr;
-      gap: 20px 30px;
-    }
-
-    .form-group {
-      display: flex;
-      flex-direction: column;
-    }
-
-    label {
-      font-weight: 600;
-      margin-bottom: 8px;
-      color: #555;
-      font-size: 14px;
-    }
-
-    input[type="number"] {
-      padding: 10px 12px;
-      border: 1px solid #ccd1d9;
-      border-radius: 6px;
-      font-size: 15px;
-      background-color: #fafafa;
-      transition: all 0.25s ease-in-out;
-    }
-
-    input[type="number"]:focus {
-      border-color: #007BFF;
-      background: #fff;
-      box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
-      outline: none;
-    }
-
-    button[type="submit"] {
-      grid-column: span 2;
-      margin-top: 25px;
-      padding: 15px;
-      background: linear-gradient(135deg, #007BFF, #0056b3);
-      border: none;
-      border-radius: 8px;
-      color: #fff;
-      font-size: 18px;
-      font-weight: 600;
-      cursor: pointer;
-      transition: transform 0.2s, background 0.3s;
-    }
-
-    button[type="submit"]:hover {
-      background: linear-gradient(135deg, #0056b3, #00408f);
-      transform: translateY(-2px);
-    }
-
-    /* Back button styling */
-    .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;
-    }
-
-    /* Responsive */
-    @media (max-width: 768px) {
-      form {
-        grid-template-columns: 1fr;
-      }
-
-      h2 {
-        font-size: 24px;
-      }
-    }
-  </style>
 </head>
 
 <body>
@@ -130,9 +18,15 @@
 
     <h2>Add New Income Tax Return Record</h2>
     <form method="POST" action="{{ url_for('add_itr') }}">
-      <div class="form-group">
+      <!-- <div class="form-group">
         <label>Year:</label>
         <input type="number" name="year" required>
+      </div> -->
+
+      <div class="form-group">
+        <label> Year:</label>
+        <select id="year" name="year" required>
+        </select>
       </div>
 
       {% for field in [

templates/ao_reports.html

@@ -52,24 +52,6 @@
         button:hover {
             background-color: #0056b3;
         }
-
-        /* Back button styling */
-        .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>
 
@@ -86,7 +68,8 @@
             <select name="year" id="year" required>
                 <option value="">-- Select Year --</option>
                 {% for y in years %}
-                <option value="{{ y }}">{{ y }}</option>
+                <!-- <option value="{{ y }}">{{ y }}</option> -->
+                <option value="{{ y }}">AY {{ y }}-{{y +1 }}</option>
                 {% endfor %}
             </select>
             <br><br>

templates/cit_reports.html

@@ -52,24 +52,6 @@
         button:hover {
             background-color: #0056b3;
         }
-
-        /* Back button styling */
-        .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>
 
@@ -86,7 +68,8 @@
             <select name="year" id="year" required>
                 <option value="">-- Select Year --</option>
                 {% for y in years %}
-                <option value="{{ y }}">{{ y }}</option>
+                <!-- <option value="{{ y }}">{{ y }}</option> -->
+                <option value="{{ y }}">AY {{ y }}-{{y +1 }}</option>
                 {% endfor %}
             </select>
             <br><br>

templates/itat_reports.html

@@ -52,24 +52,6 @@
         button:hover {
             background-color: #0056b3;
         }
-
-        /* Back button styling */
-        .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>
@@ -88,7 +70,8 @@
             <select name="year" id="year" required>
                 <option value="">-- Select Year --</option>
                 {% for y in years %}
-                <option value="{{ y }}">{{ y }}</option>
+                <!-- <option value="{{ y }}">{{ y }}</option> -->
+                <option value="{{ y }}">AY {{ y }}-{{y +1 }}</option>
                 {% endfor %}
             </select>
             <br><br>

templates/itr_reports.html

@@ -52,24 +52,6 @@
         button:hover {
             background-color: #0056b3;
         }
-
-        /* Back button styling */
-        .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>
 
@@ -87,7 +69,8 @@
             <select name="year" id="year" required>
                 <option value="">-- Select Year --</option>
                 {% for y in years %}
-                <option value="{{ y }}">{{ y }}</option>
+                <!-- <option value="{{ y }}">{{ y }}</option> -->
+                <option value="{{ y }}">AY {{ y }}-{{y +1 }}</option>
                 {% endfor %}
             </select>
             <br><br>

templates/summary_reports.html

@@ -56,7 +56,7 @@
         }
 
         .message {
-            color: red;
+            color: rgb(0, 0, 0);
             margin-top: 15px;
         }
 
@@ -97,7 +97,9 @@
             <select name="year" id="year" required>
                 <option value="">-- Select Year --</option>
                 {% for year in years %}
-                <option value="{{ year }}">{{ year }}</option>
+                <!-- <option value="{{ year }}">{{ year }}</option> -->
+                <option value="{{ year }}">AY {{ year }}-{{year +1 }}</option>
+
                 {% endfor %}
             </select>
             <button type="submit">Download Summary Report</button>

templates/update_ao.html

@@ -5,81 +5,14 @@
     <meta charset="UTF-8">
     <title>Update AO Record</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
-    <style>
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-            background-color: #f8f9fa;
-            padding: 20px;
-            color: #333;
-        }
 
-        .container {
-            max-width: 600px;
-            margin: auto;
-            background: white;
-            padding: 30px;
-            border-radius: 8px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-        }
-
-        h2 {
-            text-align: center;
-            margin-bottom: 20px;
-        }
-
-        label {
-            display: block;
-            margin-top: 10px;
-            font-weight: bold;
-        }
-
-        input {
-            width: 100%;
-            padding: 8px;
-            margin-top: 5px;
-            border-radius: 5px;
-            border: 1px solid #ccc;
-        }
-
-        button {
-            margin-top: 20px;
-            padding: 10px 15px;
-            border: none;
-            border-radius: 5px;
-            background-color: #007bff;
-            color: white;
-            cursor: pointer;
-            font-size: 16px;
-        }
-
-        button:hover {
-            background-color: #0056b3;
-        }
-
-        /* Back button styling */
-        .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>Update AO Record for Year {{ record.year }}</h2>
         <form method="POST" action="{{ url_for('update_ao', id=record.id) }}">
             {% for field in record.keys() if field != 'id' %}

templates/update_cit.html

@@ -5,75 +5,6 @@
     <meta charset="UTF-8">
     <title>Update CIT Record</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
-    <style>
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-            background-color: #f8f9fa;
-            padding: 20px;
-            color: #333;
-        }
-
-        .container {
-            max-width: 700px;
-            margin: auto;
-            background: white;
-            padding: 30px;
-            border-radius: 8px;
-            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-        }
-
-        h2 {
-            text-align: center;
-            margin-bottom: 20px;
-        }
-
-        label {
-            display: block;
-            margin-top: 15px;
-            font-weight: bold;
-        }
-
-        input[type="number"] {
-            width: 100%;
-            padding: 10px;
-            margin-top: 5px;
-            border: 1px solid #ccc;
-            border-radius: 5px;
-        }
-
-        button[type="submit"] {
-            margin-top: 20px;
-            padding: 12px 20px;
-            background-color: #007bff;
-            color: white;
-            border: none;
-            border-radius: 5px;
-            cursor: pointer;
-            font-size: 16px;
-        }
-
-        button[type="submit"]:hover {
-            background-color: #0056b3;
-        }
-
-        /* Back button styling */
-        .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>

templates/update_itr.html

@@ -5,25 +5,7 @@
     <meta charset="UTF-8">
     <title>Update ITR Record</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
-    <style>
-        /* Back button styling */
-        .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>

templates/upload.html

@@ -4,119 +4,7 @@
 <head>
     <title>Upload Documents</title>
     <link rel="stylesheet" href="{{ url_for('static', filename='index.css') }}">
-    <style>
+    <script src="/static/js/year_dropdown.js"></script>
-        /* Reset and base styles */
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-
-        body {
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-            background-color: #f5f7fa;
-            color: #333;
-            padding: 30px 0;
-        }
-
-        .container {
-            width: 90%;
-            max-width: 700px;
-            margin: auto;
-            background-color: #fff;
-            padding: 40px;
-            border-radius: 12px;
-            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
-        }
-
-        h2 {
-            text-align: center;
-            margin-bottom: 30px;
-            font-size: 28px;
-            color: #2c3e50;
-        }
-
-        form {
-            display: flex;
-            flex-direction: column;
-        }
-
-        label {
-            margin-top: 15px;
-            margin-bottom: 6px;
-            font-weight: 600;
-        }
-
-        input[type="number"],
-        select,
-        input[type="file"] {
-            padding: 10px 12px;
-            border: 1px solid #ccc;
-            border-radius: 6px;
-            font-size: 16px;
-            transition: border-color 0.3s ease;
-        }
-
-        input[type="number"]:focus,
-        select:focus,
-        input[type="file"]:focus {
-            border-color: #007BFF;
-            outline: none;
-        }
-
-        button[type="submit"] {
-            margin-top: 30px;
-            padding: 12px;
-            background-color: #007BFF;
-            border: none;
-            border-radius: 6px;
-            color: white;
-            font-size: 18px;
-            cursor: pointer;
-            transition: background-color 0.3s ease;
-        }
-
-        button[type="submit"]:hover {
-            background-color: #0056b3;
-        }
-
-        /* Back button styling */
-        .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;
-        }
-
-        @media (max-width: 600px) {
-            .container {
-                padding: 20px;
-            }
-
-            h2 {
-                font-size: 22px;
-            }
-
-            input,
-            select {
-                font-size: 15px;
-            }
-
-            button[type="submit"] {
-                font-size: 16px;
-            }
-        }
-    </style>
 </head>
 
 <body>
@@ -127,9 +15,14 @@
 
         <h2>Upload Income Tax Documents</h2>
         <form method="POST" enctype="multipart/form-data">
-            <label for="year">Year:</label>
+            <!-- <label for="year">Year:</label>
-            <input type="number" name="year" required>
+            <input type="number" name="year" required> -->
 
+            <div class="form-group">
+                <label>Year:</label>
+                <select id="year" name="year" required></select>
+            </div>
+            <div class="form-group">
                 <label for="stage">Stage:</label>
                 <select name="stage" required>
                     <option value="ITR">ITR</option>
@@ -137,7 +30,7 @@
                     <option value="CIT">CIT</option>
                     <option value="ITAT">ITAT</option>
                 </select>
-
+            </div>
             <label for="documents">Select Documents:</label>
             <input type="file" name="documents" multiple required>