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

{% block title %}Request #{{ submission.id }} — IT 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">
    <div>
        <a href="{% url 'it_requests:my_requests' %}{% if current_group_id %}?group_id={{ current_group_id }}{% endif %}"
           style="font-size:0.85rem;color:#46B976;text-decoration:none;">← My Requests</a>
        <h1 style="margin:4px 0 0 0;">{{ submission.form_template_name }}</h1>
    </div>
    <span class="itr-status itr-status-{{ submission.status }}" style="align-self:center;">
        {{ submission.status_display }}
    </span>
</div>

<div style="font-size:0.85rem;color:#6b7a8d;margin-bottom:20px;display:flex;gap:24px;flex-wrap:wrap;">
    <span>Group: <strong>{{ submission.group_name }}</strong></span>
    {% if submission.submitted_at %}
    <span>Submitted: <strong>{{ submission.submitted_at|date:"M j, Y g:i A" }}</strong></span>
    {% endif %}
    {% if submission.approval_round > 1 %}
    <span>Approval round: <strong>{{ submission.approval_round }}</strong></span>
    {% endif %}
</div>

{% for subform in subforms %}
<div class="itr-subform" style="margin-bottom:16px;">
    {% if subform.name %}
    <h2 class="itr-subform-title">{{ subform.name }}</h2>
    {% endif %}
    <dl style="margin:0;display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;">
        {% for row in subform.rows %}
        <dt style="font-size:0.85rem;font-weight:600;color:#6b7a8d;padding-top:2px;">{{ row.label }}</dt>
        <dd style="margin:0;font-size:0.9rem;color:#435364;">
            {% if row.value == '' or row.value is None %}
                <span style="color:#aab4bf">—</span>
            {% elif row.field_type == 'boolean' %}
                {% if row.value %}Yes{% else %}No{% endif %}
            {% else %}
                {{ row.value }}
            {% endif %}
        </dd>
        {% endfor %}
    </dl>
</div>
{% empty %}
<p style="color:#8a96a3;">No answer data available for this submission.</p>
{% endfor %}

<div class="itr-form-actions" style="margin-top:24px;">
    {% if submission.status == 'rejected' %}
    <a href="{% url 'it_requests:submit' submission.form_template_id %}?group_id={{ submission.group_id }}"
       class="itr-btn itr-btn-primary">Resubmit</a>
    {% endif %}
    <a href="{% url 'it_requests:my_requests' %}{% if current_group_id %}?group_id={{ current_group_id }}{% endif %}"
       class="itr-btn itr-btn-secondary">Back</a>
</div>
{% endblock %}