{% extends "layout.html" %}

{% block content %}
<section class="section-2025">
  <div class="container-2025">
    <div class="card-2025 scroll-reveal">
      <h1>Sermon Player</h1>
      <p>Sermon ID: {{ sermon_id }}</p>
      <p>Sermon player functionality will be implemented here.</p>
      <a href="/sermons" class="btn-2025 btn-primary">Back to Sermons</a>
    </div>
  </div>
</section>
{% endblock %}