{% extends "base.html" %}

{% block title %}Add New ITAT Record{% endblock %}

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

{% block content %}
<div class="container">
    <h2 style="text-align:center;">New Income Tax Appellate Tribunal Form</h2>
    <form id="itat" method="POST" enctype="multipart/form-data" onsubmit="return showSuccessMessage()">
        <input type="hidden" name="stage" value="itr">
        <div class="form-group full-width inline-2">
            <div>
                <label>Assessment Year:</label>
                <select id="year" name="year" required>
                    <option value="" disabled selected>
                        -- Please select Assessment Year --
                    </option>
                </select>
                <div id="yearError" style="color:red; display:none; margin-bottom:10px;"></div>
            </div>
            <div>
                <label>Record Created Date:</label>
                <input type="date" name="created_at" value="{{ current_date }}" required>
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Gross Total Income:</label>
                <input type="number" name="gross_total_income" step="any" value="0.00" oninput="calculate()" required>
            </div>
            <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 full-width inline-2">
            <div>
                <label>GTI as per AO</label>
                <input type="number" name="gti_as_per_ao" class="auto" step="any" value="0.00" readonly>
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Less :Deduction 80IA Business Income:</label>
                <input type="number" name="deduction_80ia_business" step="any" value="0.00" oninput="calculate()"
                    required>
            </div>
            <div>
                <label>Less :Deduction 80IA Misc:</label>
                <input type="number" name="deduction_80ia_misc" step="any" value="0.00" oninput="calculate()" required>
            </div>
            <div>
                <label>Less :Deduction 80IA Other Operating Revenue:</label>
                <input type="number" name="deduction_80ia_other" step="any" value="0.00" oninput="calculate()" required>
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Less :Deduction Sec 37 Disallowance:</label>
                <input type="number" name="deduction_sec37_disallowance" step="any" value="0.00" oninput="calculate()"
                    required>
            </div>
            <div>
                <label>Less: Deduction 80G: </label>
                <input type="number" name="deduction_80g" step="any" value="0.00" oninput="calculate()" required>
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Net Taxable Income:</label>
                <input type="number" name="net_taxable_income" class="auto" step="any" value="0.00" readonly>
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Enter Percentage(%) calculate: Tax(A):</label>
                <input type="number" name="per_tax_a" step="any" value="0.00" oninput="calculate()">
            </div>
            <div>
                <label>Tax @(A):</label>
                <input type="number" name="tax_a_cal" step="any" value="0.00" oninput="calculate()">
            </div>
            <div>
                <label>Enter Percentage(%) calculate: Tax(B):</label>
                <input type="number" name="per_tax_b" step="any" value="0.00" oninput="calculate()">
            </div>
            <div>
                <label>Tax @ 18.5% on Book Profit (B):</label>
                <input type="number" name="tax_b_cal" step="any" value="0.00" oninput="calculate()" required>
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Enter Percentage(%) Surcharge:Tax(A):</label>
                <input type="number" name="per_surcharge_a" step="any" value="0.00" oninput="calculate()">
            </div>
            <div>
                <label>Surcharge on Tax(A):</label>
                <input type="number" name="surcharge_a_cal" class="auto" value="0.00" readonly>
            </div>

            <div>
                <label>Enter Percentage(%) Surcharge:Tax(B)</label>
                <input type="number" name="per_surcharge_b" step="any" value="0.00" oninput="calculate()">
            </div>
            <div>
                <label>Surcharge on Tax(B):</label>
                <input type="number" name="surcharge_b_cal" class="auto" value="0.00" readonly>
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Enter Percentage(%) Cess:Tax(A):</label>
                <input type="number" name="per_cess_a" step="any" value="0.00" oninput="calculate()">
            </div>
            <div>
                <label>Education Cess:Tax(A): </label>
                <input type="number" name="edu_cess_a_cal" class="auto" step="any" value="0.00" readonly>
            </div>
            <div>
                <label>Enter Percentage(%) Cess:Tax(B):</label>
                <input type="number" name="per_cess_b" step="any" value="0.00" oninput="calculate()">
            </div>
            <div>
                <label>Education Cess:Tax(B): </label>
                <input type="number" name="edu_cess_b_cal" class="auto" step="any" value="0.00" readonly>
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Total cal Tax(A): </label>
                <input type="number" name="sum_of_a" class="auto" step="any" value="0.00" readonly>
            </div>
            <div>
                <label>Total cal Tax(B): </label>
                <input type="number" name="sum_of_b" class="auto" step="any" value="0.00" readonly>
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <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>
                <label>Total tax Payable:</label>
                <input type="number" name="total_tax_payable" class="auto" step="any" value="0.00" readonly>
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Opening Balance:</label>
                <input type="number" name="opening_balance" step="any" value="0.00" oninput="calculate()">
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Less :Mat Credit Created:</label>
                <input type="number" name="mat_credit_created" step="any" value="0.00" oninput="calculate()" required>
            </div>
            <div>
                <label>Less :Mat Credit Utilized:</label>
                <input type="number" name="mat_credit_utilized" step="any" value="0.00" oninput="calculate()" required>
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Closing Balance:</label>
                <input type="number" name="closing_balance" step="any" value="0.00" oninput="calculate()">
            </div>
            <div>
                <label>Add :Interest 234c:</label>
                <input type="number" name="interest_234c" step="any" value="0.00" oninput="calculate()" required>
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Total Tax:</label>
                <input type="number" name="total_tax" step="any" class="auto" value="0.00" readonly>
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Advance Tax:</label>
                <input type="number" name="advance_tax" step="any" value="0.00" oninput="calculate()" required>
            </div>
            <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 full-width inline-2">
            <div>
                <label>SAT :</label>
                <input type="number" name="sat" step="any" value="0.00" oninput="calculate()" required>
            </div>
            <div>
                <label>Tax on Regular Assessment:</label>
                <input type="number" name="tax_on_assessment" step="any" value="0.00" oninput="calculate()">
            </div>

        </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 full-width inline-2">
            <div class="form-group">
                <label>Add : Interest u/s 244A as per 143:</label>
                <input type="number" name="interest_244a_per143" step="any" value="0.00" oninput="calculate()">
            </div>
            <div class="form-group">
                <label>Less : Refund Received on:</label>
                <input type="number" name="refund_received" step="any" value="0.00" oninput="calculate()">
            </div>
            <div class="form-group">
                <label>Balance Receivable:</label>
                <input type="number" name="balance_receivable" class="auto" step="any" value="0.00"
                    oninput="calculate()">
            </div>
        </div>

        <div class="form-group full-width inline-2">
            <div>
                <label>Select Documents:</label>
                <input type="file" name="documents" multiple>
            </div>
            <div>
                <label>Remarks:</label>
                <input type="text" name="Remarks">
            </div>
        </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 %}