{% extends "base.html" %}

{% block title %}Download AO Report{% endblock %}

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

{% block content %}
<div class="main">
    <div class="container">

        <h2>Download AO Report</h2>

        <form method="GET" action="{{ url_for('ao_report') }}" target="_blank">

            <label for="year">Select Year:</label><br>

            <select name="year" id="year" required>
                <option value="">-- Select Year --</option>
                {% for y in years %}
                <option value="{{ y }}">AY {{ y }} - {{ y + 1 }}</option>
                {% endfor %}
            </select>

            <br>

            <button type="submit">Download Excel</button>

        </form>

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

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