{% extends 'industry_reforged/base.html' %}
{% load i18n %}
{% load humanize %}

{% block details %}
<div class="container-fluid">
    <div class="row mb-3">
        <div class="col-12 d-flex justify-content-between align-items-center">
            <h3><i class="fas fa-clipboard-list"></i> {% translate "Blueprint Requests Management" %}</h3>
            <a href="{% url 'industry_reforged:trigger_blueprint_sync' %}" class="btn btn-primary">
                <i class="fas fa-sync"></i> {% translate "Sync Corp Blueprints" %}
            </a>
        </div>
    </div>

    <div class="card mb-4">
        <div class="card-header">
            <h5 class="card-title">{% translate "Incoming Requests" %}</h5>
        </div>
        <div class="card-body">
            <form method="GET" class="mb-3 d-flex align-items-center">
                <label class="me-2">{% translate "Filter by Status:" %}</label>
                <select name="status" class="form-select w-auto d-inline-block" onchange="this.form.submit()">
                    <option value="ALL" {% if status_filter == 'ALL' %}selected{% endif %}>{% translate "All" %}</option>
                    <option value="PENDING" {% if status_filter == 'PENDING' %}selected{% endif %}>{% translate "Pending" %}</option>
                    <option value="ACCEPTED" {% if status_filter == 'ACCEPTED' %}selected{% endif %}>{% translate "Accepted" %}</option>
                    <option value="PROCESSED" {% if status_filter == 'PROCESSED' %}selected{% endif %}>{% translate "Processed" %}</option>
                    <option value="REJECTED" {% if status_filter == 'REJECTED' %}selected{% endif %}>{% translate "Rejected" %}</option>
                    <option value="CANCELLED" {% if status_filter == 'CANCELLED' %}selected{% endif %}>{% translate "Cancelled" %}</option>
                </select>
            </form>

            <div class="table-responsive">
                <table class="table table-striped table-hover align-middle">
                    <thead>
                        <tr>
                            <th>{% translate "Date" %}</th>
                            <th>{% translate "Requester" %}</th>
                            <th>{% translate "Blueprint" %}</th>
                            <th>{% translate "Quantity" %}</th>
                            <th>{% translate "Runs" %}</th>
                            <th>{% translate "Status" %}</th>
                            <th>{% translate "Notes" %}</th>
                            <th>{% translate "Actions" %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for req in requests %}
                        <tr>
                            <td>{{ req.created_at|date:"Y-m-d H:i" }}</td>
                            <td>{{ req.requester.username }}</td>
                            <td>
                                <img src="https://images.evetech.net/types/{{ req.blueprint.eve_type.id }}/icon?size=32" alt="{{ req.blueprint.eve_type.name }}" class="me-2">
                                {{ req.blueprint.eve_type.name }}
                            </td>
                            <td>{{ req.requested_quantity }}</td>
                            <td>{{ req.requested_runs }}</td>
                            <td>
                                {% if req.status == 'PENDING' %}
                                    <span class="badge bg-warning text-dark">{{ req.status }}</span>
                                {% elif req.status == 'ACCEPTED' %}
                                    <span class="badge bg-success">{{ req.status }}</span>
                                {% elif req.status == 'PROCESSED' %}
                                    <span class="badge bg-info">{{ req.status }}</span>
                                {% elif req.status == 'REJECTED' or req.status == 'CANCELLED' %}
                                    <span class="badge bg-danger">{{ req.status }}</span>
                                {% else %}
                                    <span class="badge bg-secondary">{{ req.status }}</span>
                                {% endif %}
                            </td>
                            <td>{{ req.notes|default:"-" }}</td>
                            <td>
                                {% if req.status == 'PENDING' %}
                                    <form method="POST" action="{% url 'industry_reforged:update_request_status' req.id %}" class="d-inline">
                                        {% csrf_token %}
                                        <input type="hidden" name="status" value="ACCEPTED">
                                        <button type="submit" class="btn btn-sm btn-success" title="{% translate 'Accept' %}"><i class="fas fa-check"></i></button>
                                    </form>
                                    <form method="POST" action="{% url 'industry_reforged:update_request_status' req.id %}" class="d-inline">
                                        {% csrf_token %}
                                        <input type="hidden" name="status" value="REJECTED">
                                        <button type="submit" class="btn btn-sm btn-danger" title="{% translate 'Reject' %}"><i class="fas fa-times"></i></button>
                                    </form>
                                {% elif req.status == 'ACCEPTED' %}
                                    <form method="POST" action="{% url 'industry_reforged:update_request_status' req.id %}" class="d-inline">
                                        {% csrf_token %}
                                        <input type="hidden" name="status" value="PROCESSED">
                                        <button type="submit" class="btn btn-sm btn-info" title="{% translate 'Mark as Processed' %}"><i class="fas fa-clipboard-check"></i></button>
                                    </form>
                                {% endif %}
                            </td>
                        </tr>
                        {% empty %}
                        <tr>
                            <td colspan="8" class="text-center">{% translate "No requests found." %}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{% endblock %}