{% extends "base.html" %}
{% block title %}Simulation Center{% endblock %}
{% block page_title %}Simulation Center{% endblock %}

{% block content %}
<!-- Simulation Types Grid -->
<div class="glass-card p-4 mb-4">
    <h5 class="mb-3" style="font-weight: 600;">Available Simulations</h5>
    <div class="row g-3">
        {% for st in sim_types %}
        <div class="col-md-4 col-lg-3">
            <a href="{{ url_for('simulation.run_simulation', sim_type=st) }}" class="text-decoration-none">
                <div class="glass-card p-3 h-100" style="border-left: 3px solid var(--accent-primary);">
                    <i class="fas fa-{% if st.startswith('price') %}tag{% elif st.startswith('new') or st.startswith('warehouse') or st.startswith('international')%}{% if 'branch' in st %}store{% elif 'warehouse' in st %}warehouse{% else %}globe{% endif %}{% elif 'employee' in st or 'hiring' in st or 'layoff' in st %}user-tie{% elif 'inventory' in st %}boxes{% elif 'product' in st %}rocket{% elif 'marketing' in st %}bullhorn{% elif 'loan' in st %}hand-holding-usd{% elif 'investment' in st %}chart-line{% elif 'supplier' in st %}truck{% elif 'tax' in st %}file-invoice-dollar{% elif 'currency' in st %}exchange-alt{% elif 'inflation' in st %}arrow-up{% elif 'market_crash' in st %}chart-line-down{% elif 'competitor' in st %}chess{% elif 'recession' in st %}arrow-down{% elif 'customer' in st %}users{% elif 'demand' in st %}shopping-cart{% elif 'supply' in st %}truck-loading{% else %}flask{% endif %} mb-2" style="color: var(--accent-primary); font-size: 18px;"></i>
                    <div style="font-size: 13px; font-weight: 600; color: var(--text-primary);">{{ sim_labels.get(st, st) }}</div>
                    <small style="color: var(--text-secondary); font-size: 11px;">Click to simulate</small>
                </div>
            </a>
        </div>
        {% endfor %}
    </div>
</div>

<!-- Recent Simulations -->
<div class="glass-card p-4">
    <h5 class="mb-3" style="font-weight: 600;">Recent Simulations</h5>
    {% if simulations %}
    <table class="table-glass">
        <thead>
            <tr><th>Name</th><th>Type</th><th>Revenue Impact</th><th>Profit Impact</th><th>Risk</th><th>Status</th><th>Actions</th></tr>
        </thead>
        <tbody>
        {% for sim in simulations %}
        <tr>
            <td style="font-weight: 500;">{{ sim.name }}</td>
            <td><span class="badge-glass badge-info">{{ sim_labels.get(sim.sim_type, sim.sim_type) }}</span></td>
            <td>{% if sim.revenue_after is not none and sim.revenue_before is not none %}
                <span style="color: {% if sim.revenue_after > sim.revenue_before %}#10B981{% else %}#EF4444{% endif %}">
                    {% if sim.revenue_after > sim.revenue_before %}+{% endif %}{{ currency_symbol }}{{ "{:,.0f}".format(sim.revenue_after - sim.revenue_before) }}
                </span>{% else %}-{% endif %}
            </td>
            <td>{% if sim.profit_after is not none and sim.profit_before is not none %}
                <span style="color: {% if sim.profit_after > sim.profit_before %}#10B981{% else %}#EF4444{% endif %}">
                    {% if sim.profit_after > sim.profit_before %}+{% endif %}{{ currency_symbol }}{{ "{:,.0f}".format(sim.profit_after - sim.profit_before) }}
                </span>{% else %}-{% endif %}
            </td>
            <td><span class="badge-glass {% if sim.risk_score and sim.risk_score >= 70 %}badge-danger{% elif sim.risk_score and sim.risk_score >= 40 %}badge-warning{% else %}badge-success{% endif %}">{{ "%.0f"|format(sim.risk_score or 0) }}</span></td>
            <td><span class="badge-glass {% if sim.status == 'completed' %}badge-success{% elif sim.status == 'running' %}badge-info{% else %}badge-danger{% endif %}">{{ sim.status|title }}</span></td>
            <td><a href="{{ url_for('simulation.run_simulation', sim_type=sim.sim_type) }}" class="btn btn-sm btn-outline-glass">Rerun</a></td>
        </tr>
        {% endfor %}
        </tbody>
    </table>
    {% else %}
    <p class="text-center" style="color: var(--text-secondary);">No simulations yet. Select a simulation type above to get started.</p>
    {% endif %}
</div>
{% endblock %}