{% extends "base.html" %}
{% block content %}
<h1>🔩 Типы металлов</h1>

<div style="margin-bottom: 20px;">
    <a href="/metal_types/add" class="btn btn-primary">➕ Добавить металл</a>
</div>

<div class="stats">
    <div class="stat-card">
        <h3>Виды металлов</h3>
        <div class="number">{{ metals|length }}</div>
    </div>
</div>

<table>
    <thead>
        <tr>
            <th>Металл</th>
            <th>Проба</th>
            <th>Цена за грамм</th>
            <th>Действия</th>
        </tr>
    </thead>
    <tbody>
        {% for metal in metals %}
        <tr>
            <td><strong>{{ metal.name }}</strong></td>
            <td>{{ metal.purity }}</td>
            <td>{{ "%.2f"|format(metal.price_per_gram) }} ₽</td>
            <td>
                <a href="/metal_types/{{ metal.id }}/edit" class="btn btn-secondary btn-small">✏️</a>
                <form method="post" action="/metal_types/{{ metal.id }}/delete" style="display: inline;" onsubmit="return confirm('Удалить тип металла?')">
                    <button type="submit" class="btn btn-primary btn-small">🗑️</button>
                </form>
            </td>
        </tr>
        {% else %}
        <tr>
            <td colspan="4" style="text-align: center;">Нет данных</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}