modification ui changes base pages,login, manus and from chnages and adding filds. V2 commit
This commit is contained in:
@@ -1,58 +1,166 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
{% extends "base.html" %}
|
||||
|
||||
<head>
|
||||
<title>Add New AO Record </title>
|
||||
<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>
|
||||
{% block title %}Add New AO Record{% endblock %}
|
||||
{% block extra_css %}
|
||||
<!-- Child page CSS -->
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/add_ao.css') }}">
|
||||
{% endblock %}
|
||||
|
||||
</head>
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
|
||||
<body>
|
||||
<div class="container">
|
||||
<!-- Back to Dashboard Button -->
|
||||
<a href="{{ url_for('index') }}" class="back-btn">← Back to Dashboard</a>
|
||||
<h2 style="text-align:center;">New Assessing Officer Form</h2>
|
||||
<form id="ao" method="POST">
|
||||
<div class="form-group">
|
||||
<label>Year:</label>
|
||||
<select id="year" name="year" required></select>
|
||||
</div>
|
||||
<div id="yearError" style="color:red; display:none; margin-bottom:10px;"></div>
|
||||
|
||||
<h2>AO Form Entry</h2>
|
||||
<form id="ao" method="POST" onsubmit="return showSuccessMessage()">
|
||||
<!-- <label>Year:</label>
|
||||
<input type="number" name="year" required> -->
|
||||
<div class="form-group">
|
||||
<label>Gross Total Income:</label>
|
||||
<input type="number" name="gross_total_income" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Year:</label>
|
||||
<select id="year" name="year" required>
|
||||
<option>---- Select Years ----</option>
|
||||
</select>
|
||||
<div class="form-group full-width inline-2">
|
||||
<div>
|
||||
<label>Add :Disallowance u/s 14A:</label>
|
||||
<input type="number" name="disallowance_14a" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="yearError" style="color:red; display:none; margin-bottom:10px;">
|
||||
<div>
|
||||
<label>Add :Disallowance u/s 37:</label>
|
||||
<input type="number" name="disallowance_37" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% for field in [
|
||||
"gross_total_income", "disallowance_14a", "disallowance_37",
|
||||
"deduction_80ia_business", "deduction_sec37_disallowance", "deduction_80g",
|
||||
"net_taxable_income", "tax_30_percent", "tax_book_profit_18_5",
|
||||
"surcharge_12", "edu_cess_3", "total_tax_payable", "mat_credit",
|
||||
"interest_234c", "total_tax", "advance_tax", "tds", "tcs",
|
||||
"tax_on_assessment", "refund"
|
||||
] %}
|
||||
<label for="{{ field }}">{{ field.replace("_", " ").title() }}:</label>
|
||||
<input type="number" name="{{ field }}" step="0.01" oninput="calculate()" required>
|
||||
<!-- <input type="number" name="{{ field }}" step="0.01" oninput="calculate()" required> -->
|
||||
{% endfor %}
|
||||
<button type="submit">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Deduction 80IA Business Income:</label>
|
||||
<input type="number" name="deduction_80ia_business" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
|
||||
<!-- JavaScript Alert -->
|
||||
<script>
|
||||
function showSuccessMessage() {
|
||||
alert("Form submitted successfully!");
|
||||
return true; // allow form to submit after showing alert
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
<div class="form-group">
|
||||
<label>Deduction 80IA Misc:</label>
|
||||
<input type="number" name="deduction_80ia_misc" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
|
||||
</html>
|
||||
<div class="form-group">
|
||||
<label>Deduction 80IA Other Operating Revenue:</label>
|
||||
<input type="number" name="deduction_80ia_other" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Deduction Sec 37 Disallowance:</label>
|
||||
<input type="number" name="deduction_sec37_disallowance" step="any" value="0.00" oninput="calculate()"
|
||||
required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Less: Deduction 80G: </label>
|
||||
<input type="number" name="deduction_80g" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Net Taxable Income:</label>
|
||||
<input type="number" name="net_taxable_income" class="auto" step="any" value="0.00" readonly>
|
||||
</div>
|
||||
|
||||
<div class="form-group full-width inline-2">
|
||||
<div>
|
||||
<label>Tax @ 30% (A):</label>
|
||||
<input type="number" name="tax_30_percent" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
<div>
|
||||
<label>Tax @ 18.5% on Book Profit (B):</label>
|
||||
<input type="number" name="tax_book_profit_18_5" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Tax Payable (Higher of A or B):</label>
|
||||
<input type="number" name="tax_payable" step="any" class="auto" value="0.00" readonly>
|
||||
</div>
|
||||
|
||||
<div class="form-group full-width inline-2">
|
||||
<div>
|
||||
<label>Enter Percentage (%) Surcharge:</label>
|
||||
<input type="number" name="persentage" step="any" value="0.00" oninput="calculate()">
|
||||
</div>
|
||||
<div>
|
||||
<label>Surcharge:</label>
|
||||
<input type="number" name="surcharge_12" class="auto" value="0.00" readonly>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Education Cess @ 3%:</label>
|
||||
<input type="number" name="edu_cess_3" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Total tax Payable:</label>
|
||||
<input type="number" name="total_tax_payable" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Mat Credit:</label>
|
||||
<input type="number" name="mat_credit" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Add :Interest 234c:</label>
|
||||
<input type="number" name="interest_234c" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Total Tax:</label>
|
||||
<input type="number" name="total_tax" class="auto" step="any" value="0.00" readonly>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Advance Tax:</label>
|
||||
<input type="number" name="advance_tax" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group full-width inline-2">
|
||||
<div>
|
||||
<label>TDS :</label>
|
||||
<input type="number" name="tds" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
<div>
|
||||
<label>TCS :</label>
|
||||
<input type="number" name="tcs" step="any" value="0.00" oninput="calculate()" required>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Tax on Regular Assessment:</label>
|
||||
<input type="number" name="tax_on_assessment" class="auto" step="any" value="0.00" readonly>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label>Refund:</label>
|
||||
<input type="number" name="refund" class="auto" step="any" value="0.00" readonly>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Remarks:</label>
|
||||
<input type="text" name="Remarks">
|
||||
</div>
|
||||
|
||||
<button type="submit">Submit</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{% block extra_js %}
|
||||
<script src="{{ url_for('static', filename='js/toggle.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/ao_calc.js') }}"></script>
|
||||
<script src="{{ url_for('static', filename='js/year_dropdown.js') }}"></script>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
<script>
|
||||
function showSuccessMessage() {
|
||||
alert("Form submitted successfully!");
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user