{% extends "base.html" %}

{% block title %}Document Records{% endblock %}

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

{% block content %}

<div class="main">
    <div class="container">

        <h2>Document Records</h2>
        <!-- FILTER FORM -->
        <form method="GET">
            <label for="year">Filter by Year:</label>
            <select name="year">
                <option value="">All</option>
                {% for y in years %}
                <option value="{{ y }}">AY {{ y }}-{{ y+1 }}</option>
                {% endfor %}
            </select>

            <label for="stage">Filter by Stage:</label>
            <!-- <select name="stage">
                <option value="">All</option>
                <option value="ITR">ITR</option>
                <option value="AO">AO</option>
                <option value="CIT">CIT</option>
                <option value="ITAT">ITAT</option>
            </select> -->

            <select name="stage">
                <option value="">All</option>
                {% set stages = ['ITR','AO','CIT','ITAT'] %}
                {% for stage in stages %}
                <option value="{{stage}}">{{stage}}</option>
                {% endfor %}
            </select>

            <button type="submit">Apply</button>
        </form>

        <!-- DOCUMENT TABLE -->
        <div class="table-responsive">
            <table>
                <thead>
                    <tr>
                        <th>File</th>
                        <th>Type</th>
                        <th>Stage</th>
                        <th>Year</th>
                        <th>Uploaded At</th>
                        <th>Download</th>
                        <th>View</th>
                    </tr>
                </thead>

                <tbody>
                    {% for doc in documents %}
                    <tr>
                        <td>{{ doc.filename }}</td>
                        <td>{{ doc.filetype }}</td>
                        <td>{{ doc.stage }}</td>
                        <td>AY {{ doc.year }}-{{ doc.year +1 }}</td>
                        <td>{{ doc.uploaded_at }}</td>

                        <td> <a href="{{ url_for('uploaded_file', filename=doc.filename) }}?mode=download">Download/a>
                        </td>

                        <td><a href="{{ url_for('uploaded_file', filename=doc.filename) }}?mode=view"
                                target="_blank">View</a></td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>

    </div>
</div>

{% endblock %}