{% for line in trans_text_lines %}
    <div>

        <!-- If this 'line' is a table, then insert the HTML generated in models.py for this table -->
        {% if line.table %}
            {{ line.table | safe }}

        <!-- If this 'line' is a h1, then insert the HTML generated in models.py for this h1 -->
        {% elif line.h1 %}
            {{ line.h1 | safe }}

        <!-- Standard line (e.g. originally an <li> tag in original data input) -->
        {% else %}
            <div class="folio-lines-line" data-linenumbers="{{ line.lineNumbers }}" data-lineindex="{{ line.lineIndex }}" data-trans="{{ line.trans }}" data-folio="{{ line.folio }}"{% if line.trans == 'transcription' %}{{ line.image_part_left_attr }}{{ line.image_part_top_attr }}{{ line.image_part_width_attr }}{{ line.image_part_height_attr }}{% endif %}>
                <!-- Put line number on left if not rtl (so ltr) -->
                {% if not line.rtl %}
                    <span class="folio-lines-line-number">{{ line.lineNumberLabel }}</span>
                {% endif %}
                <!-- Line text -->
                <span class="folio-lines-line-text{% if line.rtl %} rtl" dir="rtl"{% else %}"{% endif %}>{{ line.text | safe }}</span>
                <!-- Put line number on right if not rtl (so ltr) -->
                {% if line.rtl %}
                    <span class="folio-lines-line-number">{{ line.lineNumberLabel }}</span>
                {% endif %}

                {% comment %}
                    Only allow user to draw lines of text on image if:
                    - they're super user
                    - there's a folio image to draw on
                    - they're drawing the transcription line (other trans lines aren't wanted by project team, but can be easily added back if needed by removing this if statement and the one above for image part attr data)
                {% endcomment %}
            </div>
            <!-- Related lines -->
            {% if line.trans != 'transcription' %}
                <div class="related-lines" data-trans="transcription"></div>
            {% endif %}
            {% if line.trans != 'translation' %}
                <div class="related-lines" data-trans="translation"></div>
            {% endif %}
            {% if line.trans != 'transliteration' %}
                <div class="related-lines" data-trans="transliteration"></div>
            {% endif %}
        {% endif %}

    </div>
{% endfor %}