{% extends "base.html" %}

{% block title %}Update CIT Record{% endblock %}

{% block extra_css %}
<link rel="stylesheet" href="{{ url_for('static', filename='css/add_cit.css') }}">
{% endblock %}

{% block content %}

<div class="container">

    <h2>Update CIT Record for AY {{ record.year }}</h2>

    <form method="POST" action="{{ url_for('update_cit', 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'] %}
        <label for="{{ field }}">{{ field.replace("_", " ").title() }}:</label>
        <input type="number" id="{{ field }}" name="{{ field }}" step="any" value="{{ record[field] }}" required>
        {% endfor %}

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

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