{% extends 'base.html' %}

{% block title %}Speakers - NooK Feedback{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="h3 mb-0">Speakers</h1>
    {% if current_user and current_user.is_authenticated and '/nook-feedback' in current_user.groups %}
        <a href="{{ url_for('speakers.create_speaker') }}" class="btn btn-success">New Speaker</a>
    {% else %}
        <button class="btn btn-success" disabled>New Speaker</button>
    {% endif %}
</div>

<table class="table table-sm table-hover align-middle">
    <thead>
        <tr>
            <th scope="col">Name</th>
            <th scope="col" style="width: 160px;">Actions</th>
        </tr>
    </thead>
    <tbody>
    {% for speaker in speakers %}
        {% include 'components/speaker_row.html' %}
    {% endfor %}
    </tbody>
</table>
{% endblock %}