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

{% block details %}
<div class="row">
    <div class="col-md-12">
        <div class="card shadow-sm mb-4">
            <div class="card-header bg-warning text-dark d-flex justify-content-between align-items-center">
                <h5 class="mb-0">
                    <i class="fas fa-exclamation-triangle me-2"></i> Missing Blueprints for {{ scanner.name }}
                </h5>
                <a href="{% url 'industry_reforged:ai_manager_dashboard' %}" class="btn btn-sm btn-light">
                    <i class="fas fa-arrow-left"></i> {% translate "Back to Dashboard" %}
                </a>
            </div>
            <div class="card-body">
                <p class="text-muted">
                    {% translate "These items met your scanner's minimum margin and velocity requirements, but your corporation does NOT own the blueprint for them." %}
                </p>
                {% if missing_bpos %}
                    <div class="table-responsive">
                        <table class="table table-striped table-hover align-middle">
                            <thead class="table-light">
                                <tr>
                                    <th>{% translate "Item" %}</th>
                                    <th>{% translate "Margin" %}</th>
                                    <th>{% translate "Velocity (30d)" %}</th>
                                    <th>{% translate "Found At" %}</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for bpo in missing_bpos %}
                                    <tr>
                                        <td>
                                            <div class="d-flex align-items-center">
                                                <img src="https://images.evetech.net/types/{{ bpo.eve_type.id }}/icon?size=32" alt="{{ bpo.eve_type.name }}" class="me-2 rounded">
                                                <span>{{ bpo.eve_type.name }}</span>
                                            </div>
                                        </td>
                                        <td>
                                            <span class="badge bg-success">{{ bpo.margin|floatformat:1 }}%</span>
                                        </td>
                                        <td>{{ bpo.velocity|floatformat:1 }}</td>
                                        <td><small class="text-muted">{{ bpo.timestamp|date:"Y-m-d H:i" }}</small></td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                {% else %}
                    <div class="alert alert-info">
                        {% translate "No missing blueprints found for this scanner." %}
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
</div>
{% endblock %}