{% extends "base.html" %}
{% block content %}
<div class="page-header">
    <h1>Shows</h1>
    <a href="{{ root_path }}/shows/new" class="btn btn-primary">New Show</a>
</div>

{% if shows %}
<div class="table-wrap">
<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Start</th>
            <th>Days</th>
            <th>Duration</th>
            <th>Device</th>
            <th>Status</th>
            <th>Last Render</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
    {% for s in shows %}
        <tr class="{{ 'row-disabled' if not s.enabled }}">
            <td>{{ s.name }}</td>
            <td class="text-mono">{{ s.start_time }}</td>
            <td>{{ ", ".join(s.day_names) }}</td>
            <td>{{ s.duration }} min</td>
            <td>{{ s.device or "Default" }}</td>
            <td>
                <span class="badge {{ 'badge-active' if s.enabled else 'badge-failed' }}">
                    {{ "Enabled" if s.enabled else "Disabled" }}
                </span>
            </td>
            <td>
                {% if s.last_render_status %}
                <span class="badge {{ 'badge-done' if s.last_render_status == 'ready' else 'badge-running' if s.last_render_status == 'rendering' else 'badge-failed' if s.last_render_status == 'failed' else 'badge-info' }}">
                    {{ s.last_render_status }}
                </span>
                {% else %}
                <span class="text-muted">None</span>
                {% endif %}
            </td>
            <td class="actions">
                <div class="action-group">
                    <a href="{{ root_path }}/shows/{{ s.id }}/edit" class="btn btn-sm btn-secondary">Edit</a>
                    <a href="{{ root_path }}/shows/{{ s.id }}/preview" class="btn btn-sm btn-secondary">Preview</a>
                    <form method="post" action="{{ root_path }}/shows/{{ s.id }}/toggle" class="inline-form">
                        <button type="submit" class="btn btn-sm btn-secondary">{{ "Disable" if s.enabled else "Enable" }}</button>
                    </form>
                    <form method="post" action="{{ root_path }}/shows/{{ s.id }}/delete" class="inline-form"
                          onsubmit="return confirm('Delete this show?')">
                        <button type="submit" class="btn btn-sm btn-danger">Delete</button>
                    </form>
                </div>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>
</div>
{% else %}
<div class="empty-state">
    <p>No shows configured yet.</p>
    <a href="{{ root_path }}/shows/new" class="btn btn-primary">Create your first show</a>
</div>
{% endif %}
{% endblock %}