{% extends 'base.html' %}
{% load static %}

{% block title %}My Requests{% endblock %}

{% block extra_head %}
<link rel="stylesheet" href="{% static 'vision_it_request_forms/css/it_requests.css' %}">
{% endblock %}

{% block content %}
<div class="itr-page-header">
    <h1>My Requests</h1>
    <a href="{% url 'it_requests:catalog' %}{% if current_group_id %}?group_id={{ current_group_id }}{% endif %}"
       class="itr-btn itr-btn-secondary itr-btn-sm">New Request</a>
</div>

{# Status filter pills #}
<div class="itr-filters">
    <a href="?{% if current_group_id %}group_id={{ current_group_id }}{% endif %}"
       class="itr-filter-pill {% if not current_status %}active{% endif %}">All</a>
    {% for value, label in status_choices %}
    <a href="?status={{ value }}{% if current_group_id %}&group_id={{ current_group_id }}{% endif %}"
       class="itr-filter-pill {% if current_status == value %}active{% endif %}">{{ label }}</a>
    {% endfor %}
</div>

{% if submissions %}
<div class="itr-table-wrapper">
    <table class="itr-table">
        <thead>
            <tr>
                <th>Form</th>
                <th>Group</th>
                <th>Status</th>
                <th>Submitted</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            {% for sub in submissions %}
            <tr style="cursor:pointer;" onclick="window.location='{% url 'it_requests:submission_detail' sub.id %}{% if current_group_id %}?group_id={{ current_group_id }}{% endif %}'">
                <td>{{ sub.form_template_name }}</td>
                <td>{{ sub.group_name }}</td>
                <td>
                    <span class="itr-status itr-status-{{ sub.status }}">
                        {{ sub.status_display }}
                    </span>
                </td>
                <td>
                    {% if sub.submitted_at %}
                        {{ sub.submitted_at|date:"M j, Y" }}
                    {% else %}
                        <span style="color:#aab4bf">Draft</span>
                    {% endif %}
                </td>
                <td onclick="event.stopPropagation()">
                    {% if sub.status == 'rejected' %}
                    <a href="{% url 'it_requests:submit' sub.form_template_id %}?group_id={{ sub.group_id }}"
                       class="itr-btn itr-btn-secondary itr-btn-sm">Resubmit</a>
                    {% else %}
                    <a href="{% url 'it_requests:submission_detail' sub.id %}{% if current_group_id %}?group_id={{ current_group_id }}{% endif %}"
                       class="itr-btn itr-btn-secondary itr-btn-sm">View</a>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="itr-empty-state">
    <p>No requests yet.
        <a href="{% url 'it_requests:catalog' %}{% if current_group_id %}?group_id={{ current_group_id }}{% endif %}">
            Submit your first request.
        </a>
    </p>
</div>
{% endif %}
{% endblock %}