{% extends "industry_reforged/base.html" %}
{% load i18n 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-shopping-cart"></i> {% trans "Member Orders Dashboard" %}</h3>
            <a href="{% url 'industry_reforged:create_order' %}" class="btn btn-amarr-solid"><i class="fas fa-plus"></i> {% trans "New Order" %}</a>
        </div>
    </div>

    {% if messages %}
    {% for message in messages %}
    <div class="alert alert-{{ message.tags }}">{{ message }}</div>
    {% endfor %}
    {% endif %}

    <div class="card border-0 mb-4">
        <div class="card-header">
            <h4 class="card-title">{% trans "My Active Orders" %}</h3>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-striped table-hover m-0">
                    <thead>
                        <tr>
                            <th>{% trans "Order ID" %}</th>
                            <th>{% trans "Character" %}</th>
                            <th>{% trans "Status" %}</th>
                            <th class="text-end">{% trans "Total Price" %}</th>
                            <th class="text-end">{% trans "Created" %}</th>
                            <th class="text-end">{% trans "Actions" %}</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for order in orders %}
                        <tr>
                            <td class="numeric">#{{ order.id }}</td>
                            <td>{{ order.character.character_name }}</td>
                            <td>
                                <div>
                                    {% if order.status == 'REQUESTED' %}<span class="badge badge-glass">Requested</span>
                                    {% elif order.status == 'QUOTED' %}<span class="badge badge-amarr">Quoted</span>
                                    {% elif order.status == 'ACCEPTED' %}<span class="badge bg-primary">Accepted</span>
                                    {% elif order.status == 'IN_PRODUCTION' %}<span class="badge bg-warning">In
                                        Production</span>
                                    {% elif order.status == 'READY' %}<span class="badge badge-amarr">Ready</span>
                                    {% elif order.status == 'DELIVERED' %}<span
                                        class="badge bg-success">Delivered</span>
                                    {% elif order.status == 'REJECTED' %}<span class="badge bg-danger">Rejected</span>
                                    {% endif %}
                                </div>
                                {% if order.production_tasks.exists %}
                                <div class="progress mt-1" style="height: 5px; background-color: rgba(255,255,255,0.1);"
                                    title="{{ order.progress_percent }}% Completed">
                                    <div class="progress-bar bg-success" role="progressbar"
                                        style="width: {{ order.progress_percent }}%; box-shadow: 0 0 8px #28a745;"
                                        aria-valuenow="{{ order.progress_percent }}" aria-valuemin="0"
                                        aria-valuemax="100"></div>
                                </div>
                                {% endif %}
                            </td>
                            <td class="text-end numeric text-warning">{{ order.total_price|floatformat:2|intcomma }} ISK
                            </td>
                            <td class="text-end numeric">{{ order.created_at|date:"Y-m-d H:i" }}</td>
                            <td class="text-end">
                                <a href="{% url 'industry_reforged:view_quote' order.id %}" class="btn btn-sm btn-amarr"><i
                                        class="fas fa-eye"></i> {% trans "View" %}</a>
                            </td>
                        </tr>
                        {% empty %}
                        <tr>
                            <td colspan="6" class="text-center">{% trans "You have no orders yet." %}</td>
                        </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
{% endblock %}