{% extends "base.html" %}

{% block title %}CIT Form Entry{% 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 CIT Form </h2>
    <form id="cit" method="POST" enctype="multipart/form-data">
        <input type="hidden" name="stage" value="cit">
        <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>Deduction 80IA Business Income:</label>
                <input type="number" name="deduction_80ia_business" step="any" value="0.00" oninput="calculate()"
                    required>
            </div>
            <div>
                <label>Deduction 80IA Misc:</label>
                <input type="number" name="deduction_80ia_misc" step="any" value="0.00" oninput="calculate()" required>
            </div>
            <div>
                <label>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>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>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>
                <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>

        <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" class="auto" value="0.00" readonly>
            </div>
            <div>
                <label>Enter Percentage (%) Cess:</label>
                <input type="number" name="persentage_cess" step="any" value="0.00" oninput="calculate()">
            </div>
            <div>
                <label>Education Cess:</label>
                <input type="number" name="edu_cess" class="auto" step="any" value="0.00" readonly>
            </div>

        </div>

        <div class="form-group full-width inline-2">
            <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>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>
                <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>
                <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/cit_calc.js') }}"></script>
<script src="{{ url_for('static', filename='js/year_dropdown.js') }}"></script>
{% endblock %}