{% extends "base.html" %}
{% block title %}Update ITAT Record{% endblock %}
{% block extra_css %}
<!-- Child page CSS -->
<link rel="stylesheet" href="{{ url_for('static', filename='css/add_itat.css') }}">
{% endblock %}
{% block content %}

<div class="container">

    <h2>Update ITAT Record for Year {{ record.year }}</h2>

    <form method="POST" action="{{ url_for('update_itat', id=record.id) }}">

        <label for="year">Year:</label>
        <input type="text" id="year" name="year" value="{{ record.year }}" readonly class="readonly-field">

        {% for field in record.keys() if field not in ['id', 'year', 'Remarks'] %}
        <label for="{{ field }}">{{ field.replace("_", " ").title() }}:</label>
        <input type="number" id="{{ field }}" name="{{ field }}" step="any" value="{{ record[field] }}" required>
        {% endfor %}

        <label for="Remarks">Remarks:</label>
        <input type="text" id="Remarks" name="Remarks" value="{{ record.Remarks }}">

        <button type="submit">Update Record</button>
    </form>

</div>

{% endblock %}

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