{% extends "base.html" %}

{% block title %}{{ current_episode.title }}{% endblock %}

{% block content %}
<div class="lines-container">
    {% for line in lines %}
    <div class="line" 
         data-chinese="{{ line.chinese | escape }}"
         data-timestamp="{{ line.timestamp }}"
         data-speaker="{{ line.speaker }}">
        <div class="english" style="color: {{ colors.get(line.speaker, '#777777') }}">
            {{ line.english }}
        </div>
    </div>
    {% else %}
    <div class="empty-state">
        <p>No lines found in this episode.</p>
    </div>
    {% endfor %}
</div>
{% endblock %}