{% extends "base.html" %}

{% block title %}Add New Income Tax Return Record{% endblock %}

{% block extra_css %}
<!-- Child page CSS -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/add_itr.css') }}">
{% endblock %}

{% block content %}
<div class="container">
    <h2 style="text-align:center;">New Income Tax Return Form</h2>

    <form id="itr" 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>

        <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 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>
                <label>Add :Disallowance u/s 37:</label>
                <input type="number" name="disallowance_37" step="any" value="0.00" oninput="calculate()" required>
            </div>
        </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>

        <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>

        <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" class="auto" step="any" 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" class="auto" step="any" value="0.00" readonly>
        </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" 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>
{% endblock %}

{% block extra_js %}
<script src="{{ url_for('static', filename='js/itr_calc.js') }}"></script>
<script src="{{ url_for('static', filename='js/year_dropdown.js') }}"></script>
{% endblock %}