{% extends "base.html" %}

{% block content %}
<h2>🧑‍🍳 Управление баристами</h2>

<h3>➕ Добавить баристу</h3>
<form method="POST">
    <div>
        <label>ID пользователя в MAX:</label><br>
        <input type="number" name="user_id" required placeholder="123456789">
    </div>
    <div style="margin-top: 10px;">
        <label>Имя баристы:</label><br>
        <input type="text" name="name" required placeholder="Анна">
    </div>
    <button type="submit" class="btn" style="margin-top: 15px;">✅ Добавить</button>
</form>

<hr>

<h3>📋 Список барист</h3>
<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>Имя</th>
            <th>Действие</th>
        </tr>
    </thead>
    <tbody>
        {% for b in baristas %}
        <tr>
            <td>{{ b.user_id }}</td>
            <td>{{ b.name }}</td>
            <td>
                <a href="/remove_barista/{{ b.user_id }}" class="btn btn-danger" 
                   onclick="return confirm('Удалить баристу {{ b.name }}?')">🗑️ Удалить</a>
            </td>
        </tr>
        {% else %}
        <tr><td colspan="3">Нет добавленных барист</td></tr>
        {% endfor %}
    </tbody>
</table>
{% endblock %}