{% extends "base.html" %}

{% block title %}{% if verse_data %}{{ verse_data.book }} {{ verse_data.chapter }}:{{ verse_data.verse }} - Interlinear Bible{% else %}Interlinear Bible{% endif %} - KJV Study{% endblock %}
{% block description %}{% if verse_data %}Word-by-word Hebrew/Greek interlinear text for {{ verse_data.book }} {{ verse_data.chapter }}:{{ verse_data.verse }} with Strong's numbers and parsing.{% else %}Hebrew and Greek interlinear Bible with word-by-word translations and Strong's numbers.{% endif %}{% endblock %}

{% block head %}
<style>
.interlinear-intro {
    max-width: 55%;
    margin: 2rem 0;
}

.verse-header {
    max-width: 55%;
    margin: 2rem 0;
    padding: 1.5rem 0;
    border-bottom: 2px solid #111;
}

.verse-header h2 {
    margin: 0 0 0.5rem 0;
}

.kjv-text {
    font-style: italic;
    color: #333;
    line-height: 1.8;
    margin: 1rem 0;
    font-size: 1.3rem;
}

.interlinear-container {
    max-width: 90%;
    margin: 2rem 0;
    overflow-x: auto;
}

.interlinear-words {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin: 2rem 0;
}

.interlinear-word {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 120px;
    max-width: 180px;
    padding: 1rem;
    background: #f9f9f9;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
}

.word-position {
    font-size: 0.7rem;
    color: #999;
    margin-bottom: 0.5rem;
}

.word-original {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0.5rem 0;
    color: #111;
    direction: ltr; /* Hebrew will display RTL via Unicode */
}

.word-transliteration {
    font-size: 0.9rem;
    color: #666;
    font-style: italic;
    margin: 0.25rem 0;
}

.word-strongs {
    font-size: 0.75rem;
    color: #0066cc;
    font-family: monospace;
    margin: 0.25rem 0;
    font-weight: 600;
}

.word-strongs a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted currentColor;
    transition: all 0.2s;
}

.word-strongs a:hover {
    border-bottom-style: solid;
    opacity: 0.8;
}

.word-english {
    font-size: 1rem;
    color: #111;
    font-weight: 600;
    margin: 0.5rem 0;
    text-align: center;
}

.word-parsing {
    font-size: 0.75rem;
    color: #666;
    margin: 0.25rem 0;
    text-align: center;
    font-style: italic;
}

.word-definition {
    font-size: 0.85rem;
    color: #444;
    margin: 0.5rem 0;
    text-align: center;
    line-height: 1.4;
    border-top: 1px solid #ddd;
    padding-top: 0.5rem;
}

.navigation-links {
    max-width: 55%;
    margin: 2rem 0;
    padding: 1rem 0;
    border-top: 1px solid #ccc;
}

.navigation-links a {
    margin-right: 1.5rem;
}

.available-verses {
    max-width: 55%;
    margin: 2rem 0;
}

.verse-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
    margin: 1.5rem 0;
}

.verse-link {
    padding: 1rem;
    background: #f5f5f5;
    border-radius: 4px;
    text-decoration: none;
    color: #111;
    border: 1px solid #e0e0e0;
    transition: all 0.2s;
}

.verse-link:hover {
    background: #e5e5e5;
    border-color: #111;
}

.verse-link-ref {
    font-weight: 600;
    display: block;
    margin-bottom: 0.25rem;
}

.verse-link-preview {
    font-size: 0.85rem;
    color: #666;
}

.interlinear-help {
    max-width: 100%;
    margin: 2rem 0;
    padding: 0;
    border-left: none;
}

.interlinear-help h3 {
    margin-top: 0;
}

.interlinear-help ul {
    line-height: 1.8;
}

.verse-selector {
    max-width: 80%;
    margin: 2rem 0;
}

.featured-link,
.book-link {
    display: block;
    padding: 1rem;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    text-decoration: none;
    color: #111;
    transition: all 0.2s;
}

.featured-link:hover,
.book-link:hover {
    background: #e5e5e5;
    border-color: #111;
    transform: translateY(-2px);
}

.featured-link strong,
.book-link {
    font-weight: 600;
}

.search-box input:focus {
    outline: none;
    border-color: #111;
}

.search-box button:hover {
    background: #333;
}

.breadcrumb {
    margin: 2rem 0 3rem 0;
    font-size: 0.95rem;
    color: var(--text-secondary);
    font-style: italic;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 1rem;
}

.breadcrumb a {
    color: var(--link-color);
    text-decoration: none;
    transition: color 0.2s;
}

.breadcrumb a:hover {
    color: var(--link-hover);
}

.breadcrumb-separator {
    margin: 0 0.75rem;
    color: var(--text-quaternary);
}

@media (max-width: 760px) {
    .interlinear-intro,
    .verse-header,
    .navigation-links,
    .available-verses,
    .interlinear-help {
        max-width: 100%;
    }

    .interlinear-container {
        max-width: 100%;
    }

    .interlinear-words {
        gap: 1rem;
    }

    .interlinear-word {
        min-width: 100px;
        max-width: 140px;
        padding: 0.75rem;
    }

    .word-original {
        font-size: 1.5rem;
    }

    .verse-list {
        grid-template-columns: 1fr;
    }
}

/* Dark mode support - both system preference and manual toggle */
@media (prefers-color-scheme: dark) {
    .verse-header {
        border-bottom-color: #444;
    }

    .kjv-text {
        color: #aaa;
    }

    .interlinear-word {
        background: #1a1a1a;
        border-color: #333;
    }

    .word-position {
        color: #666;
    }

    .word-original {
        color: #ddd;
    }

    .word-transliteration {
        color: #999;
    }

    .word-strongs {
        color: #6699ff;
    }

    .word-strongs a {
        color: #6699ff;
    }

    .word-english {
        color: #ddd;
    }

    .word-parsing {
        color: #999;
    }

    .word-definition {
        color: #aaa;
        border-top-color: #333;
    }

    .navigation-links {
        border-top-color: #444;
    }

    .verse-link {
        background: #1a1a1a;
        border-color: #333;
        color: #ddd;
    }

    .verse-link:hover {
        background: #222;
        border-color: #666;
    }

    .verse-link-preview {
        color: #999;
    }

    .interlinear-help {
        background: #1a1a1a;
        border-left-color: #666;
    }

    .featured-link,
    .book-link {
        background: #1a1a1a;
        border-color: #333;
        color: #ddd;
    }

    .featured-link:hover,
    .book-link:hover {
        background: #222;
        border-color: #666;
    }

    .breadcrumb {
        color: var(--text-secondary);
        border-bottom-color: var(--border-color);
    }

    .breadcrumb a {
        color: var(--link-color);
    }

    .breadcrumb a:hover {
        color: var(--link-hover);
    }

    .breadcrumb-separator {
        color: var(--text-quaternary);
    }

    input {
        background: #1a1a1a;
        border-color: #444;
        color: #ddd;
    }

    button {
        background: #333;
        color: #ddd;
    }

    button:hover {
        background: #444;
    }
}

/* Dark mode support via data-theme attribute */
[data-theme="dark"] .verse-header {
    border-bottom-color: #444;
}

[data-theme="dark"] .kjv-text {
    color: #aaa;
}

[data-theme="dark"] .interlinear-word {
    background: #1a1a1a;
    border-color: #333;
}

[data-theme="dark"] .word-position {
    color: #666;
}

[data-theme="dark"] .word-original {
    color: #ddd;
}

[data-theme="dark"] .word-transliteration {
    color: #999;
}

[data-theme="dark"] .word-strongs {
    color: #6699ff;
}

[data-theme="dark"] .word-strongs a {
    color: #6699ff;
}

[data-theme="dark"] .word-english {
    color: #ddd;
}

[data-theme="dark"] .word-parsing {
    color: #999;
}

[data-theme="dark"] .word-definition {
    color: #aaa;
    border-top-color: #333;
}

[data-theme="dark"] .navigation-links {
    border-top-color: #444;
}

[data-theme="dark"] .verse-link {
    background: #1a1a1a;
    border-color: #333;
    color: #ddd;
}

[data-theme="dark"] .verse-link:hover {
    background: #222;
    border-color: #666;
}

[data-theme="dark"] .verse-link-preview {
    color: #999;
}

[data-theme="dark"] .interlinear-help {
    background: none;
    border-left: none;
}

[data-theme="dark"] .featured-link,
[data-theme="dark"] .book-link {
    background: #1a1a1a;
    border-color: #333;
    color: #ddd;
}

[data-theme="dark"] .featured-link:hover,
[data-theme="dark"] .book-link:hover {
    background: #222;
    border-color: #666;
}

[data-theme="dark"] .breadcrumb {
    color: var(--text-secondary);
    border-bottom-color: var(--border-color);
}

[data-theme="dark"] .breadcrumb a {
    color: var(--link-color);
}

[data-theme="dark"] .breadcrumb a:hover {
    color: var(--link-hover);
}

[data-theme="dark"] .breadcrumb-separator {
    color: var(--text-quaternary);
}

[data-theme="dark"] input {
    background: #1a1a1a;
    border-color: #444;
    color: #ddd;
}

[data-theme="dark"] button {
    background: #333;
    color: #ddd;
}

[data-theme="dark"] button:hover {
    background: #444;
}
</style>
{% endblock %}

{% block content %}
<h1>Interlinear Bible</h1>
<p class="subtitle">Hebrew and Greek text with word-by-word English translation</p>

{% if verse_data and interlinear_words %}
    <nav class="breadcrumb">
        <a href="/">Home</a>
        <span class="breadcrumb-separator">&gt;</span>
        <a href="/interlinear">Interlinear</a>
        <span class="breadcrumb-separator">&gt;</span>
        <a href="/book/{{ verse_data.book }}">{{ verse_data.book }}</a>
        <span class="breadcrumb-separator">&gt;</span>
        <a href="/book/{{ verse_data.book }}/chapter/{{ verse_data.chapter }}">Chapter {{ verse_data.chapter }}</a>
        <span class="breadcrumb-separator">&gt;</span>
        <span>Verse {{ verse_data.verse }}</span>
    </nav>

    <section class="verse-header">
        <h2>{{ verse_data.book }} {{ verse_data.chapter }}:{{ verse_data.verse }}</h2>
        <div class="kjv-text">{{ verse_data.text }}</div>
    </section>

    <section class="interlinear-container">
        <h3>Word-by-Word Analysis</h3>
        <div class="interlinear-words">
            {% for word in interlinear_words %}
            <div class="interlinear-word">
                <div class="word-position">#{{ word.position }}</div>
                <div class="word-original">{{ word.original }}</div>
                <div class="word-transliteration">{{ word.transliteration }}</div>
                <div class="word-strongs">
                    {% if word.strongs %}
                        {% set lang = word.strongs[0]|lower %}
                        {% set num = word.strongs[1:] %}
                        {% if lang == 'g' %}
                            <a href="https://biblehub.com/greek/{{ num }}.htm" target="_blank" rel="noopener noreferrer">{{ word.strongs }}</a>
                        {% elif lang == 'h' %}
                            <a href="https://biblehub.com/hebrew/{{ num }}.htm" target="_blank" rel="noopener noreferrer">{{ word.strongs }}</a>
                        {% else %}
                            {{ word.strongs }}
                        {% endif %}
                    {% endif %}
                </div>
                <div class="word-english">{{ word.english }}</div>
                <div class="word-parsing">{{ word.parsing }}</div>
                <div class="word-definition">{{ word.definition }}</div>
            </div>
            {% endfor %}
        </div>
    </section>

    <section class="navigation-links">
        <a href="/book/{{ verse_data.book }}/chapter/{{ verse_data.chapter }}/verse/{{ verse_data.verse }}">← Back to verse</a>
        <a href="/book/{{ verse_data.book }}/chapter/{{ verse_data.chapter }}">View full chapter</a>
    </section>

{% elif verse_requested %}
    <section class="interlinear-intro">
        <p><strong>Interlinear data not yet available</strong> for {{ book }} {{ chapter }}:{{ verse }}.</p>
        <p style="margin-top: 1rem; color: #666;">We're continually expanding our interlinear database. Check the verses below for currently available interlinear texts.</p>
    </section>

    <section class="navigation-links">
        <a href="/book/{{ book }}/chapter/{{ chapter }}/verse/{{ verse }}">← Back to verse</a>
        <a href="/interlinear">Browse available interlinear verses</a>
    </section>
{% endif %}

{% if not verse_data and not verse_requested %}
<section class="verse-selector">
    <h2>Explore the Interlinear Bible</h2>
    <p>Browse by book or search for a specific passage:</p>

    <div class="search-box">
        <form action="/interlinear/search" method="get" style="display: flex; gap: 0.5rem; margin: 1.5rem 0;">
            <input
                type="text"
                name="q"
                placeholder="Search: John 3:16, Genesis 1:1, Romans 8..."
                style="flex: 1; padding: 0.75rem; font-size: 1rem; border: 1px solid #ccc; border-radius: 4px;"
                autofocus
            />
            <button
                type="submit"
                style="padding: 0.75rem 1.5rem; font-size: 1rem; background: #111; color: white; border: none; border-radius: 4px; cursor: pointer;">
                Search
            </button>
        </form>
    </div>

    <h3 style="margin-top: 2rem;">Popular Passages</h3>
    <div class="featured-passages" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1rem; margin: 1.5rem 0;">
        <a href="/interlinear/book/Genesis/chapter/1/verse/1" class="featured-link">
            <strong>Genesis 1:1</strong><br>
            <span style="font-size: 0.9rem; color: #666;">In the beginning...</span>
        </a>
        <a href="/interlinear/book/Psalms/chapter/23/verse/1" class="featured-link">
            <strong>Psalm 23:1</strong><br>
            <span style="font-size: 0.9rem; color: #666;">The LORD is my shepherd...</span>
        </a>
        <a href="/interlinear/book/Isaiah/chapter/53/verse/5" class="featured-link">
            <strong>Isaiah 53:5</strong><br>
            <span style="font-size: 0.9rem; color: #666;">He was wounded...</span>
        </a>
        <a href="/interlinear/book/Matthew/chapter/5/verse/3" class="featured-link">
            <strong>Matthew 5:3</strong><br>
            <span style="font-size: 0.9rem; color: #666;">Blessed are the poor...</span>
        </a>
        <a href="/interlinear/book/John/chapter/1/verse/1" class="featured-link">
            <strong>John 1:1</strong><br>
            <span style="font-size: 0.9rem; color: #666;">In the beginning was the Word...</span>
        </a>
        <a href="/interlinear/book/John/chapter/3/verse/16" class="featured-link">
            <strong>John 3:16</strong><br>
            <span style="font-size: 0.9rem; color: #666;">For God so loved the world...</span>
        </a>
        <a href="/interlinear/book/Romans/chapter/3/verse/23" class="featured-link">
            <strong>Romans 3:23</strong><br>
            <span style="font-size: 0.9rem; color: #666;">For all have sinned...</span>
        </a>
        <a href="/interlinear/book/Romans/chapter/8/verse/28" class="featured-link">
            <strong>Romans 8:28</strong><br>
            <span style="font-size: 0.9rem; color: #666;">All things work together...</span>
        </a>
        <a href="/interlinear/book/Philippians/chapter/4/verse/13" class="featured-link">
            <strong>Philippians 4:13</strong><br>
            <span style="font-size: 0.9rem; color: #666;">I can do all things...</span>
        </a>
        <a href="/interlinear/book/Revelation/chapter/1/verse/8" class="featured-link">
            <strong>Revelation 1:8</strong><br>
            <span style="font-size: 0.9rem; color: #666;">I am Alpha and Omega...</span>
        </a>
    </div>

    <h3 style="margin-top: 2rem;">Browse by Book</h3>
    <div class="book-grid" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 0.75rem; margin: 1.5rem 0;">
        <a href="/interlinear/book/Genesis/chapter/1/verse/1" class="book-link">Genesis</a>
        <a href="/interlinear/book/Exodus/chapter/1/verse/1" class="book-link">Exodus</a>
        <a href="/interlinear/book/Leviticus/chapter/1/verse/1" class="book-link">Leviticus</a>
        <a href="/interlinear/book/Numbers/chapter/1/verse/1" class="book-link">Numbers</a>
        <a href="/interlinear/book/Deuteronomy/chapter/1/verse/1" class="book-link">Deuteronomy</a>
        <a href="/interlinear/book/Joshua/chapter/1/verse/1" class="book-link">Joshua</a>
        <a href="/interlinear/book/Judges/chapter/1/verse/1" class="book-link">Judges</a>
        <a href="/interlinear/book/Ruth/chapter/1/verse/1" class="book-link">Ruth</a>
        <a href="/interlinear/book/1 Samuel/chapter/1/verse/1" class="book-link">1 Samuel</a>
        <a href="/interlinear/book/2 Samuel/chapter/1/verse/1" class="book-link">2 Samuel</a>
        <a href="/interlinear/book/1 Kings/chapter/1/verse/1" class="book-link">1 Kings</a>
        <a href="/interlinear/book/2 Kings/chapter/1/verse/1" class="book-link">2 Kings</a>
        <a href="/interlinear/book/1 Chronicles/chapter/1/verse/1" class="book-link">1 Chronicles</a>
        <a href="/interlinear/book/2 Chronicles/chapter/1/verse/1" class="book-link">2 Chronicles</a>
        <a href="/interlinear/book/Ezra/chapter/1/verse/1" class="book-link">Ezra</a>
        <a href="/interlinear/book/Nehemiah/chapter/1/verse/1" class="book-link">Nehemiah</a>
        <a href="/interlinear/book/Esther/chapter/1/verse/1" class="book-link">Esther</a>
        <a href="/interlinear/book/Job/chapter/1/verse/1" class="book-link">Job</a>
        <a href="/interlinear/book/Psalms/chapter/1/verse/1" class="book-link">Psalms</a>
        <a href="/interlinear/book/Proverbs/chapter/1/verse/1" class="book-link">Proverbs</a>
        <a href="/interlinear/book/Ecclesiastes/chapter/1/verse/1" class="book-link">Ecclesiastes</a>
        <a href="/interlinear/book/Song of Solomon/chapter/1/verse/1" class="book-link">Song of Solomon</a>
        <a href="/interlinear/book/Isaiah/chapter/1/verse/1" class="book-link">Isaiah</a>
        <a href="/interlinear/book/Jeremiah/chapter/1/verse/1" class="book-link">Jeremiah</a>
        <a href="/interlinear/book/Lamentations/chapter/1/verse/1" class="book-link">Lamentations</a>
        <a href="/interlinear/book/Ezekiel/chapter/1/verse/1" class="book-link">Ezekiel</a>
        <a href="/interlinear/book/Daniel/chapter/1/verse/1" class="book-link">Daniel</a>
        <a href="/interlinear/book/Hosea/chapter/1/verse/1" class="book-link">Hosea</a>
        <a href="/interlinear/book/Joel/chapter/1/verse/1" class="book-link">Joel</a>
        <a href="/interlinear/book/Amos/chapter/1/verse/1" class="book-link">Amos</a>
        <a href="/interlinear/book/Obadiah/chapter/1/verse/1" class="book-link">Obadiah</a>
        <a href="/interlinear/book/Jonah/chapter/1/verse/1" class="book-link">Jonah</a>
        <a href="/interlinear/book/Micah/chapter/1/verse/1" class="book-link">Micah</a>
        <a href="/interlinear/book/Nahum/chapter/1/verse/1" class="book-link">Nahum</a>
        <a href="/interlinear/book/Habakkuk/chapter/1/verse/1" class="book-link">Habakkuk</a>
        <a href="/interlinear/book/Zephaniah/chapter/1/verse/1" class="book-link">Zephaniah</a>
        <a href="/interlinear/book/Haggai/chapter/1/verse/1" class="book-link">Haggai</a>
        <a href="/interlinear/book/Zechariah/chapter/1/verse/1" class="book-link">Zechariah</a>
        <a href="/interlinear/book/Malachi/chapter/1/verse/1" class="book-link">Malachi</a>
        <a href="/interlinear/book/Matthew/chapter/1/verse/1" class="book-link">Matthew</a>
        <a href="/interlinear/book/Mark/chapter/1/verse/1" class="book-link">Mark</a>
        <a href="/interlinear/book/Luke/chapter/1/verse/1" class="book-link">Luke</a>
        <a href="/interlinear/book/John/chapter/1/verse/1" class="book-link">John</a>
        <a href="/interlinear/book/Acts/chapter/1/verse/1" class="book-link">Acts</a>
        <a href="/interlinear/book/Romans/chapter/1/verse/1" class="book-link">Romans</a>
        <a href="/interlinear/book/1 Corinthians/chapter/1/verse/1" class="book-link">1 Corinthians</a>
        <a href="/interlinear/book/2 Corinthians/chapter/1/verse/1" class="book-link">2 Corinthians</a>
        <a href="/interlinear/book/Galatians/chapter/1/verse/1" class="book-link">Galatians</a>
        <a href="/interlinear/book/Ephesians/chapter/1/verse/1" class="book-link">Ephesians</a>
        <a href="/interlinear/book/Philippians/chapter/1/verse/1" class="book-link">Philippians</a>
        <a href="/interlinear/book/Colossians/chapter/1/verse/1" class="book-link">Colossians</a>
        <a href="/interlinear/book/1 Thessalonians/chapter/1/verse/1" class="book-link">1 Thessalonians</a>
        <a href="/interlinear/book/2 Thessalonians/chapter/1/verse/1" class="book-link">2 Thessalonians</a>
        <a href="/interlinear/book/1 Timothy/chapter/1/verse/1" class="book-link">1 Timothy</a>
        <a href="/interlinear/book/2 Timothy/chapter/1/verse/1" class="book-link">2 Timothy</a>
        <a href="/interlinear/book/Titus/chapter/1/verse/1" class="book-link">Titus</a>
        <a href="/interlinear/book/Philemon/chapter/1/verse/1" class="book-link">Philemon</a>
        <a href="/interlinear/book/Hebrews/chapter/1/verse/1" class="book-link">Hebrews</a>
        <a href="/interlinear/book/James/chapter/1/verse/1" class="book-link">James</a>
        <a href="/interlinear/book/1 Peter/chapter/1/verse/1" class="book-link">1 Peter</a>
        <a href="/interlinear/book/2 Peter/chapter/1/verse/1" class="book-link">2 Peter</a>
        <a href="/interlinear/book/1 John/chapter/1/verse/1" class="book-link">1 John</a>
        <a href="/interlinear/book/2 John/chapter/1/verse/1" class="book-link">2 John</a>
        <a href="/interlinear/book/3 John/chapter/1/verse/1" class="book-link">3 John</a>
        <a href="/interlinear/book/Jude/chapter/1/verse/1" class="book-link">Jude</a>
        <a href="/interlinear/book/Revelation/chapter/1/verse/1" class="book-link">Revelation</a>
    </div>

    <p style="margin-top: 2rem; color: #666; font-size: 0.95rem;">
        <strong>Coverage:</strong> 31,031 verses with complete Hebrew and Greek interlinear text covering the entire Bible.
    </p>
</section>
{% endif %}

<section class="interlinear-help">
    <h3>Understanding the Interlinear Display</h3>
    <ul>
        <li><strong>Original Text</strong> - The Hebrew (Old Testament) or Greek (New Testament) word as it appears in the original manuscripts</li>
        <li><strong>Transliteration</strong> - How to pronounce the original word using English letters</li>
        <li><strong>Strong's Number</strong> - A reference number (H for Hebrew, G for Greek) for looking up the word in concordances and lexicons</li>
        <li><strong>English</strong> - The word's translation in the King James Version</li>
        <li><strong>Parsing</strong> - Grammatical information (verb tenses, noun cases, etc.)</li>
        <li><strong>Definition</strong> - The word's semantic range and possible meanings</li>
        <li><strong>Word Order</strong> - Hebrew and Greek word order often differs from English; the position numbers show the original sequence</li>
    </ul>
</section>

{% if not verse_data and not verse_requested %}
<section class="interlinear-intro">
    <h2>About the Interlinear Bible</h2>
    <p>The interlinear Bible provides a word-by-word breakdown of the original Hebrew (Old Testament) and Greek (New Testament) text alongside the English translation. This tool is invaluable for:</p>
    <ul>
        <li>Understanding the precise meaning of the original language</li>
        <li>Seeing grammatical structures and verb tenses</li>
        <li>Discovering word connections through Strong's numbers</li>
        <li>Gaining deeper insight into Scripture's original intent</li>
        <li>Studying how translators rendered the text into English</li>
    </ul>
    <p style="margin-top: 1rem;">Select any verse above to see its word-by-word interlinear analysis. More verses are being added regularly to expand this resource.</p>
</section>
{% endif %}
{% endblock %}