{% extends "base.html" %}
{% block title %}Материалы — Стройка{% endblock %}
{% block page_title %}Склад материалов{% endblock %}
{% block topbar_actions %}<a href="{{ url_for('material_add') }}" class="btn btn-primary">+ Добавить материал</a>{% endblock %}
{% block content %}
<div class="stats-bar">
    <div class="stat-card"><div class="stat-label">Материалов</div><div class="stat-value">{{ stat.materials }}</div></div>
    <div class="stat-card"><div class="stat-label">Поставщиков</div><div class="stat-value">{{ stat.suppliers }}</div></div>
    <div class="stat-card"><div class="stat-label">Партнёров</div><div class="stat-value">{{ stat.partners }}</div></div>
    <div class="stat-card"><div class="stat-label">Заказов</div><div class="stat-value">{{ stat.orders }}</div></div>
</div>
<form class="filter-bar" method="get">
    <div class="filter-group"><label>Поиск</label><input type="text" name="search" value="{{ search }}" placeholder="Название…" class="form-input"></div>
    <div class="filter-group"><label>Тип</label>
        <select name="type_id" class="form-input">
            <option value="">Все типы</option>
            {% for t in types %}<option value="{{ t.id }}" {% if type_filter|string==t.id|string %}selected{% endif %}>{{ t.name }}</option>{% endfor %}
        </select>
    </div>
    <div class="filter-group filter-btns">
        <button type="submit" class="btn btn-primary">Применить</button>
        <a href="{{ url_for('index') }}" class="btn btn-secondary">Сброс</a>
    </div>
</form>
<div class="table-wrapper">
    <table class="data-table">
        <thead><tr><th>Наименование</th><th>Тип</th><th>Ед.</th><th>Цена, ₽</th><th>Действия</th></tr></thead>
        <tbody>
        {% for m in materials %}
        <tr>
            <td><strong>{{ m.name }}</strong></td>
            <td><span class="badge">{{ m.type_name }}</span></td>
            <td>{{ m.unit }}</td>
            <td>{{ "%.2f"|format(m.current_price) }}</td>
            <td><a href="{{ url_for('material_edit', mid=m.id) }}" class="btn btn-sm btn-edit">✏️ Изменить</a></td>
        </tr>
        {% else %}
        <tr><td colspan="5" style="text-align:center;padding:2rem;color:#aaa">Материалы не найдены</td></tr>
        {% endfor %}
        </tbody>
    </table>
</div>
<div class="table-meta">Найдено: <strong>{{ materials|length }}</strong> материалов</div>
{% endblock %}