{% extends "base.html" %}

{% block title %}Bible Study Guides - KJV Bible{% endblock %}

{% block content %}
<h1>Bible Study Guides</h1>
<p class="subtitle"><a href="/">Authorized King James Version</a></p>

<section>
    <p><span class="newthought">These study guides</span> offer structured explorations of foundational Christian truths, character development, and biblical themes. Each guide includes relevant Scripture passages and reflections for deeper understanding of God's Word.</p>
</section>

{% for category, guides in study_guides.items() %}
<section>
    <h2>{{ category }}</h2>

    {% for guide in guides %}
    <p>
        <strong><a href="/study-guides/{{ guide.slug }}">{{ guide.title }}</a></strong><label for="sn-{{ guide.slug }}" class="margin-toggle sidenote-number"></label>
        <input type="checkbox" id="sn-{{ guide.slug }}" class="margin-toggle"/>
        <span class="sidenote">
            <strong>Key Verses:</strong><br/>
            {% for verse_ref in guide.verse_refs[:5] %}
                <a href="{{ verse_ref.url }}">{{ verse_ref.text }}</a>{% if not loop.last %}, {% endif %}
            {% endfor %}
            {% if guide.verse_refs|length > 5 %}
                <br/><em>+{{ guide.verse_refs|length - 5 }} more</em>
            {% endif %}
        </span>
        — {{ guide.description }}
    </p>
    {% endfor %}
</section>
{% endfor %}

<nav>
    <p><a href="/">← Home</a></p>
</nav>
{% endblock %}