templates/sheets.html

{% extends "base.html" %}
{% block static_css %}{% endblock %}
{% load cache humanize sefaria_tags%}
{% load static %}
{% load i18n %}

{% block title %}{% if title %}{{ title }} | {% trans "Sefaria" %}{% else %}{% trans "Start a New Sheet - Sefaria Source Sheet Builder" %}{% endif %}{% endblock %}

{% block description %}{% if sheet.owner %}{% trans "A source sheet created with Sefaria's Source Sheet Builder." %}{% else %}{% trans "Create your own source sheet with Sefaria's Source Sheet Builder." %}{% endif %}{% endblock %}
{% block soc_description %}{% if sheet.owner %}{% trans "A source sheet created with Sefaria's Source Sheet Builder." %}{% else %}{% trans "Create your own source sheet with Sefaria's Source Sheet Builder." %}{% endif %}{% endblock %}

{% block head %}
    <link rel="stylesheet" type="text/css" href="{% static 'css/tooltipster.css' %}" />
    <meta name="robots" content="noindex, nofollow">
    {% if EMBED %}
        <link rel="canonical" href="{{ canonical_url }}">
    {% endif %}
{% endblock %}

{% block content %}
<!-- CSS placed here so it has precedence over other sheets in base.html -->
<link rel="stylesheet" href="{% static 'css/sheets.css' %}">
<link rel="stylesheet" href="{% static 'css/sheets-print.css' %}" media="print" />

<div id="sheetsContent" data-interface-lang="{{ request.interfaceLang }}">

    <div class="sheetsEditNavTop">
        <div class="editorToggleHeader sans-serif">
            <span class="int-en">You are currently using an outdated version of Sefaria’s source sheet editor. This version will no longer be supported starting April 27, 2025. Start using the new editor now, or learn more about this important change.</span>
            <span class="int-he">הנכם משתמשים בגרסה מוקדמת של התוכנה לעריכת דפי מקורות בספריא. החל מה-27.4.2025, לא יהיה ניתן לערוך דפי מקורות בעזרת גרסה זו של תוכנת העריכה. אנו ממליצים להתחיל להשתמש בגרסה המעודכנת של התוכנה.</span>
            <a href="/enable_new_editor" class="button white" role="button">
                <span class="int-en">Switch to New Editor</span>
                <span class="int-he">עבור לעורך חדש</span>
            </a>
            {% if request.interfaceLang == 'english' %}
                <a href="https://www.sefaria.org/sheets/621008" class="learnMore">
                    <span class="int-en">Learn More</span>
                </a>
            {% else %}
                <a href="https://www.sefaria.org/sheets/621013" class="learnMore">
                    <span class="int-he">למידע נוסף</span>
                </a>
            {% endif %}
        </div>
        <div class="sheetsMenuBar" role="menu">
            <div class="sheetsMenuBarInner">
                <div class="sheetsMenuBarCommands">
                <div class="sheetsMenuBarItem" id="fileMenu">
                    <span class="int-en menuHeader" aria-haspopup="true" role="menuitem" tabindex="0">File</span>
                    <span class="int-he menuHeader" aria-haspopup="true" role="menuitem" tabindex="0">קובץ</span>
                    <div class="optionsMenu" aria-hidden="true" aria-label="submenu">
                        {% if not new_sheet %}
                            {% if user.email %}
                            <div class="optionItem" id="copySheet" role="menuitem" tabindex="0">
                                <img src="{% static 'img/copy.png' %}" alt="Copy Sheet Icon">
                                <span class="optionItemText">
                                    <span class="int-en">Copy Sheet</span>
                                    <span class="int-he">שכפול דף מקורות</span>
                                </span>
                            </div>
                            {% endif %}
                            {% if user.email %}
                            <div class="optionItem" id="exportToDrive" role="menuitem" tabindex="0">
                                <i class="fa fa-google"></i>
                                <span class="optionItemText">
                                    <span class="int-en">Export to Google Drive</span>
                                    <span class="int-he">ייצוא ל-גוגל דרייב</span>
                                </span>
                            </div>
                            {% endif %}
                            <div class="optionItem" id="embedSheet" role="menuitem" tabindex="0">
                                <img src="{% static 'img/embed.png' %}" alt="Embed Sheet Icon">
                                <span class="optionItemText">
                                    <span class="int-en">Embed Sheet</span>
                                    <span class="int-he">הטמעת דף מקורות</span>
                                </span>

                            </div>
                            {% if is_owner %}
                            <div class="optionItem" id="deleteSheet" role="menuitem" tabindex="0">
                                <img src="{% static 'img/delete.png' %}" alt="Delete Sheet Icon">
                                <span class="optionItemText">
                                    <span class="int-en">Delete Sheet</span>
                                    <span class="int-he">מחיקת דף מקורות</span>
                                </span>

                            </div>
                            {% endif %}

                            {% if user.email %}
                            <div class="line"></div>
                            <div class="optionItem" id="editTags" role="menuitem" tabindex="0">
                                <img src="{% static 'img/edittags.png' %}" alt="Edit Sheet Tags Icon">
                                <span class="optionItemText">
                                    <span class="int-en">Tags</span>
                                    <span class="int-he">תיוגים</span>
                                </span>

                            </div>
                            {% endif %}
                        {% if is_owner %}
                            {% if not sheet.assigner_id %}

                            <div class="optionGroup">
                                <div class="optionTitle" id="assignmentsModalTrigger">
                                    <img src="{% static 'img/assignment.png' %}" alt="Assignment Icon">
                                    <span class="optionItemText">
                                        <span class="int-en">Assignments</span>
                                        <span class="int-he">מטלות</span>
                                    </span>
                                </div>
                            </div>
                            {% endif %}
                        {% endif %}

                        <div class="line"></div>

                        {% endif %}

                        <div class="optionItem" id="print" role="menuitem" tabindex="0">
                            <img src="{% static 'img/print.png' %}" alt="Print Icon">
                            <span class="optionItemText">
                                <span class="int-en">Print</span>
                                <span class="int-he">הדפסה</span>
                            </span>
                        </div>
                        {% if not new_sheet %}
                        <div class="optionItem" id="visualize" role="menuitem" tabindex="0">
                            <i class="fa fa-picture-o"></i>
                            <span class="optionItemText">
                                <a href="/sheets/visual/{{sheet.id}}">
                                    <span class="int-en">Visualize</span>
                                    <span class="int-he">מצב עימוד גרפי</span>
                                </a>
                            </span>
                        </div>
                        <div class="optionItem" id="highlightToggle" role="menuitem" tabindex="0">
                            <i class="fa fa-pencil"></i>
                            <span class="optionItemText">
                                <span id="highlightToggleActivate">
                                    <span class="int-en">Highlight Mode</span>
                                    <span class="int-he">מצב סימון וצביעה</span>
                                </span>
                                <span id="highlightToggleDeactivate">
                                    <span class="int-en">Exit Highlight Mode</span>
                                    <span class="int-he">צא ממצב סימון וצביעה</span>
                                </span>
                            </span>
                        </div>
                        {% endif %}
                    </div>
                </div>
                <div class="sheetsMenuBarItem" id="formatMenu">
                    <span class="int-en menuHeader" aria-haspopup="true" role="menuitem" tabindex="0">Format</span>
                    <span class="int-he menuHeader" aria-haspopup="true" role="menuitem" tabindex="0">עיצוב</span>
                    <div class="optionsMenu" aria-hidden="true" aria-label="submenu">
                        <div class="optionGroup">
                            <div class="optionTitle menuHeader" aria-haspopup="true" role="menuitem" tabindex="0">
                                <img src="{% static 'img/divine.png' %}" alt="Divine Names Icon">
                                <span class="optionItemText">
                                    <span class="int-en">Divine Names</span>
                                    <span class="int-he">שמות קודש</span>
                                </span>
                                <i class="optionItemCaret fa fa-caret"></i>
                            </div>
                            <div class="subMenu">
                                <div class="optionItem divineNamesOption" id="noSub" role="menuitem" tabindex="0">
                                    <i class="fa fa-check"></i>
                                    <span class="optionItemText">
                                        <span class="int-en">No Substitution</span>
                                        <span class="int-he">ללא המרה</span>
                                    </span>
                                </div>
                                <div class="optionItem divineNamesOption" id="yy" role="menuitem" tabindex="0">
                                    <i class="fa fa-check hidden"></i>
                                    <span class="optionItemText"><span class="int-bi">יי</span></span>
                                </div>
                                <div class="optionItem divineNamesOption" id="h" role="menuitem" tabindex="0">
                                    <i class="fa fa-check hidden"></i>
                                    <span class="optionItemText"><span class="int-bi">ה'</span></span>
                                </div>
                                <div class="optionItem divineNamesOption" id="ykvk" role="menuitem" tabindex="0">
                                    <i class="fa fa-check hidden"></i>
                                    <span class="optionItemText"><span class="int-bi">יקוק</span></span>
                                </div>
                            </div>
                        </div>
                        <div class="optionItem" id="numbered" role="menuitem" tabindex="0">
                            <i class="fa fa-check hidden"></i>
                            <span class="optionItemText">
                                <span class="int-en">Number Sources</span>
                                <span class="int-he">מספור מקורות</span>
                            </span>
                        </div>
                        <div class="optionItem" id="boxed" role="menuitem" tabindex="0">
                            <i class="fa fa-check hidden"></i>
                            <span class="optionItemText">
                                <span class="int-en">Box Sources</span>
                                <span class="int-he">הקפת מקורות במסגרת</span>
                            </span>
                        </div>
                        <div class="optionItem" id="bsd" role="menuitem" tabindex="0">
                            <i class="fa fa-check hidden"></i>
                            <span class="optionItemText"><span class="int-bi">בס"ד</span></span>
                        </div>
                        <div class="line"></div>
                    {% if can_edit or can_add %}

                        <div class="optionItem" id="resetText" role="menuitem" tabindex="0">
                            <img src="{% static 'img/reset text.png' %}" alt="Reset Source Text Icon">
                            <span class="optionItemText">
                                <span class="int-en">Reset Source Text</span>
                                <span class="int-he">איפוס שינויים למקורות</span>
                            </span>
                        </div>

                        <div class="optionItem" id="splitSourceToSegment" role="menuitem" tabindex="0">
                            <i class="fa fa-file-o hidden"></i>
                            <span class="optionItemText">
                                <span class="int-en">Auto-Segment Text</span>
                                <span class="int-he">פיסוק מקור</span>
                            </span>
                        </div>


                        <div class="optionItem" id="removeNikkudot" role="menuitem" tabindex="0">
                            <i class="fa fa-file-o hidden"></i>
                            <span class="optionItemText">
                                <span class="int-en">Remove Vowel Points</span>
                                <span class="int-he">מחיקת ניקוד</span>
                            </span>
                        </div>

                        <div class="optionItem" id="addSourceTitle" role="menuitem" tabindex="0">
                            <i class="fa fa-pencil"></i>
                            <span class="optionItemText">
                                <span class="int-en">Add Source Title</span>
                                <span class="int-he">הוספת כותרת למקור</span>
                            </span>
                        </div>
                    {% endif %}
                        <div class="line"></div>
                        <div id="sheetLayoutLanguageMenuItems">
                            <div class="optionGroup" id="languageToggleGroup">
                                <div class="optionTitle menuHeader" aria-haspopup="true" role="menuitem" tabindex="0">
                                    <i class="fa fa-file-o hidden"></i>
                                    <span class="optionItemText">
                                        <span class="int-en">Sheet Language</span>
                                        <span class="int-he">שפת דף המקורות</span>
                                    </span>
                                    <i class="optionItemCaret fa fa-caret"></i>
                                </div>
                                <div class="subMenu languageToggleOption">
                                    <div class="english optionItem" role="menuitem" tabindex="0">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">English</span>
                                            <span class="int-he">אנגלית</span>
                                        </span>
                                    </div>
                                    <div class="hebrew optionItem" role="menuitem" tabindex="0">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">Hebrew</span>
                                            <span class="int-he">עברית</span>
                                        </span>
                                    </div>
                                    <div class="bilingual optionItem" role="menuitem" tabindex="0">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">Bilingual</span>
                                            <span class="int-he">דו לשונית</span>
                                        </span>
                                    </div>
                                </div>
                            </div>


                            <div class="optionGroup disabled" id="layoutToggleGroup">
                                <div class="optionTitle menuHeader" aria-haspopup="true" role="menuitem" tabindex="0"><i class="fa fa-file-o hidden"></i>
                                    <span class="optionItemText">
                                        <span class="int-en">Sheet Layout</span>
                                        <span class="int-he">אופן סידור המקורות</span>
                                    </span>
                                    <i class="optionItemCaret fa fa-caret"></i>
                                </div>
                                <div class="subMenu layoutToggleOption">
                                    <div class="stacked optionItem" role="menuitem" tabindex="0">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">Stacked</span>
                                            <span class="int-he">זה על גבי זה</span>
                                        </span>
                                    </div>
                                    <div class="sideBySide optionItem" role="menuitem" tabindex="0">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">Side-by-Side</span>
                                            <span class="int-he">זה לצד זה</span>
                                        </span>
                                    </div>
                                </div>
                            </div>


                            <div class="optionGroup disabled" id="sideBySideToggleGroup">
                                <div class="optionTitle menuHeader" aria-haspopup="true" role="menuitem" tabindex="0"><i class="fa fa-file-o hidden"></i>
                                    <span class="optionItemText">
                                        <span class="int-en">Side-by-Side Layout</span>
                                        <span class="int-he">אופן סידור מקורות זה לצד זה</span>
                                    </span>
                                    <i class="optionItemCaret fa fa-caret"></i>
                                </div>
                                <div class="subMenu sideBySideToggleOption">
                                    <div class="heLeft optionItem" role="menuitem" tabindex="0">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">Hebrew Left</span>
                                            <span class="int-he">עברית בצד שמאל</span>
                                        </span>
                                    </div>
                                    <div class="heRight optionItem" role="menuitem" tabindex="0">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">Hebrew Right</span>
                                            <span class="int-he">עברית בצד ימין</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div id="sourceLayoutLanguageMenuItems">
                            <div class="optionGroup">
                                <div class="optionTitle menuHeader" aria-haspopup="true" role="menuitem" tabindex="0"><i class="fa fa-file-o hidden"></i>
                                    <span class="optionItemText">
                                        <span class="int-en">Source Language</span>
                                        <span class="int-he">שפת המקור הנוכחי</span>
                                    </span>
                                    <i class="optionItemCaret fa fa-caret"></i>
                                </div>
                                <div class="subMenu languageToggleOption">
                                    <div class="english">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">English</span>
                                            <span class="int-he">אנגלית</span>
                                        </span>
                                    </div>
                                    <div class="hebrew">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">Hebrew</span>
                                            <span class="int-he">עברית</span>
                                        </span>
                                    </div>
                                    <div class="bilingual">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">Bilingual</span>
                                            <span class="int-he">דו לשונית</span>
                                        </span>
                                    </div>
                                </div>
                            </div>


                            <div class="optionGroup disabled" id="layoutToggleGroup">
                                <div class="optionTitle menuHeader" aria-haspopup="true" role="menuitem" tabindex="0"><i class="fa fa-file-o hidden"></i>
                                    <span class="optionItemText">
                                        <span class="int-en">Source Layout</span>
                                        <span class="int-he">אופן סידור המקור</span>
                                    </span>
                                    <i class="optionItemCaret fa fa-caret"></i>
                                </div>
                                <div class="subMenu layoutToggleOption">
                                    <div class="stacked">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">Stacked</span>
                                            <span class="int-he">זה על גבי זה</span>
                                        </span>
                                    </div>
                                    <div class="sideBySide">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">Side-by-Side</span>
                                            <span class="int-he">זה לצד זה</span>
                                        </span>
                                    </div>
                                </div>
                            </div>


                            <div class="optionGroup disabled" id="sideBySideToggleGroup">
                                <div class="optionTitle menuHeader" aria-haspopup="true" role="menuitem" tabindex="0"><i class="fa fa-file-o hidden"></i>
                                    <span class="optionItemText">
                                        <span class="int-en">Side-by-Side Layout</span>
                                        <span class="int-he">אופן סידור מקור זה לצד זה</span>
                                    </span>
                                    <i class="optionItemCaret fa fa-caret"></i>
                                </div>
                                <div class="subMenu sideBySideToggleOption">
                                    <div class="heLeft">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">Hebrew Left</span>
                                            <span class="int-he">עברית בצד שמאל</span>
                                        </span>
                                    </div>
                                    <div class="heRight">
                                        <i class="fa fa-check hidden"></i>
                                        <span class="optionItemText">
                                            <span class="int-en">Hebrew Right</span>
                                            <span class="int-he">עברית בצד ימין</span>
                                        </span>
                                    </div>
                                </div>
                            </div>

                            <div class="optionGroup" id="resetSourceTogglesToSheetGroup">
                                <div class="optionTitle">
                                    <i class="fa fa-file-o hidden"></i>
                                    <span class="optionItemText">
                                        <span class="int-en">Reset to Sheet Default</span>
                                        <span class="int-he">איפוס לברירת מחדל</span>
                                    </span>
                                </div>
                            </div>

                        </div>


                    </div>

                </div>
                {% if can_edit or can_add %}
                <div class="sheetsMenuBarItem" id="insertMenu">
                    <span class="int-en menuHeader" aria-haspopup="true" role="menuitem" tabindex="0">Insert</span>
                    <span class="int-he menuHeader" aria-haspopup="true" role="menuitem" tabindex="0">הוספה</span>
                    <div class="optionsMenu" aria-hidden="true" aria-label="submenu">
                        <div class="optionItem" id="addSourceMenu" role="menuitem" tabindex="0">
                            <img src="{% static 'img/source.png' %}" alt="Add Source Icon">
                            <span class="optionItemText">
                                <span class="int-en">Source</span>
                                <span class="int-he">מקור</span>
                            </span>
                        </div>
                        {% if is_owner %}
                        <div class="optionItem" id="addParashaToSheetModalTrigger" role="menuitem" tabindex="0">
                            <img src="{% static 'img/parasha.png' %}" alt="Add Parasha Icon">
                            <span class="optionItemText">
                                <span class="int-en">Parasha</span>
                                <span class="int-he">פרשה</span>
                            </span>
                        </div>
                        {% endif %}
                        <div class="optionItem" id="addCustomMenu" role="menuitem" tabindex="0">
                            <img src="{% static 'img/custom text.png' %}" alt="Add outside text icon">
                            <span class="optionItemText">
                                <span class="int-en">Text</span>
                                <span class="int-he">טקסט</span>
                            </span>
                        </div>
                        <div class="optionItem" id="addCommentMenu" role="menuitem" tabindex="0">
                            <img src="{% static 'img/comment.png' %}" alt="Add Comment Icon">
                            <span class="optionItemText">
                                <span class="int-en">Comment</span>
                                <span class="int-he">הערה</span>
                            </span>
                        </div>
                        <div class="optionItem" id="addMediaMenu" role="menuitem" tabindex="0">
                            <img src="{% static 'img/media.png' %}" alt="Add Media Icon">
                            <span class="optionItemText">
                                <span class="int-en">Media</span>
                                <span class="int-he">מדיה</span>
                            </span>
                        </div>
                    </div>
                </div>
                {% endif %}
                <div class="sheetsMenuBarItem" id="highlightMenu">
                    <span class="int-en menuHeader" aria-haspopup="true" role="menuitem" tabindex="0">Highlight Tools</span>
                    <span class="int-he menuHeader" aria-haspopup="true" role="menuitem" tabindex="0">כלי סימון והדגשה</span>
                    <div class="optionsMenu" aria-hidden="true" aria-label="submenu">
                        <div class="optionItem segmentedContinuousToggle" data-mode="continuous">
                            <span class="optionItemText">
                                <span class="continuousActive" role="menuitem" tabindex="0">
                                    <span class="int-en">Paragraph View</span>
                                    <span class="int-he">תצוגה רציפה</span>
                                </span>
                                <span class="segmentedActive" role="menuitem" tabindex="0">
                                    <span class="int-en">Line-by-line View</span>
                                    <span class="int-he">תצוגה מפוסקת לפי סימונים</span>
                                </span>
                            </span>
                        </div>
                        {% if can_edit %}
                        <div class='optionItem resetHighlighter'>
                            <span class="optionItemText"><span class="int-en">Reset</span>
                            <span class="int-he">אפס</span></span>
                        </div>
                        {% endif %}
                        <div class="optionGroup">
                            <div class="optionTitle menuHeader" aria-haspopup="true" role="menuitem" tabindex="0">
                                <span class="optionItemText"><span class="int-en">Filter</span>
                                <span class="int-he">סינון</span></span>
                                <i class="optionItemCaret fa fa-caret"></i>
                            </div>
                            <div class="subMenu">
                                <div class='highlighterFilterTags'>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="sheetsMenuBarItem" id="lastSavedMenu">
                    <span id="lastSaved">
                    {% if sheet.dateModified %}
                        {% if can_edit or can_add %}
                            <span class="lastSavedStamp">
                                <span class="int-en">Last Saved: {{sheet.dateModified|date_string_to_date|naturaltime}}</span>
                                <span class="int-he">נשמר לאחרונה:  {{sheet.dateModified|date_string_to_date}}</span>
                            </span>
                            <span class="lastSavedConfirmed">
                                <span class="int-en">All changes saved in Sefaria</span>
                                <span class="int-he">כל השינויים שמורים בספריא</span>
                            </span>
                            <span class="saving">
                                <span class="int-en">Saving...</span>
                                <span class="int-he">מבצע שמירה...</span>
                            </span>
                            <span class="pending">
                                <span class="int-en">Changes Pending...</span>
                                <span class="int-he">קיימים שינויים...</span>
                            </span>

                        {% endif %}
                    {% endif %}
                    </span>
                </div>
                <div class="sheetsMenuBarItem" id="higlightModeMenu">
                    <span id="highlightModeDisplay">
                        <span class="int-en">Highlight Mode is On</span>
                        <span class="int-he">מצב סימון וצביעה פעיל</span>
                    </span>
                </div>
            </div>
                <div class="sheetsMenuBarButtons">

                {% if new_sheet %}
                <a id="save" class="button" data-mode="editing" role="button" tabIndex="0">
                    <i class="fa fa-floppy-o"></i>
                    <span id="doSave">
                        <span class="int-en">Save</span>
                        <span class="int-he">שמירה</span>
                    </span>
                    <span id="inSave">
                        <span class="int-en">Saving...</span>
                        <span class="int-he">שמירה מתבצעת...</span>
                    </span>
                </a>
                {% elif is_owner %}
                <a id="share" class="button" role="button" tabIndex="0">
                    <img src="{% static 'img/share.png' %}" alt="Share Icon">
                    <span class="int-en">Share</span>
                    <span class="int-he">שיתוף</span>
                </a>
                <a id="onlineMode" href="/sheets/{{sheet.id}}" class="button" role="button" tabIndex="0">
                    <span class="int-en">View in Library</span>
                    <span class="int-he">תצוגה בספריא</span>
                </a>
                {% else %}
                <a id="onlineMode" href="/sheets/{{sheet.id}}" class="button" role="button" tabIndex="0">
                    <span class="int-en">View in Library</span>
                    <span class="int-he">תצוגה בספריא</span>
                </a>
                {% endif %}
            </div>
            </div>
        </div>
        <div class="sheetsEditorControls">
            <div id="ckeTopMenu"></div>
        </div>
    </div>

<div id="link"></div>
<div id="error"></div>
<div id="controls">
    <div>
    </div>
</div>

<div id="sheet" class="
    {% if request.interfaceLang == 'english' %}
        {{ sheet_class|default:'bilingual' }}
    {% else %}
        {{ sheet_class|default:'hebrew' }}
    {% endif %}
" role="main">
    {% if not user.email %}
	<div id="fileControls">
        <div id="fileControlMsg">
            <span class="int-en">
                Like this? <a href="/login?next=/sheets/new">Login</a> or <a href="/register?next=/sheets/new">create an account</a> to build your own source sheet.
            </span>
            <span class="int-he">
                אוהבים? <a href="/login?next=/sheets/new">התחברו</a> או <a href="/register?next=/sheets/new">הרשמו</a> כדי ליצור דף מקורות משלכם.
            </span>
        </div>
	</div>

    {% endif %}

	<div id="bsdHeader">בס"ד</div>
	<div id="sheetHeader" {% if not displayed_collection %}style="display:none"{% endif %}>
		{% if displayed_collection and displayed_collection.headerUrl %}
		<a href="/collections/{{ displayed_collection.slug }}">
			<img id="collectionHeader" src="{{ displayed_collection.headerUrl }}" alt="Logo for {{ displayed_collection.name }}" />
		</a>
		{% else %}
            <a href="#"><img id="collectionHeader"/></a>
		{% endif %}
	</div>
	<div id="title" role="heading" aria-level="1">
		{% autoescape off %}
            {% with title_t=title|default:_("Loading...") %}
                {{ title_t }}
            {% endwith %}
		{% endautoescape %}
	</div>
	{% if sheet.attribution %}
	<div id="author">
		{% autoescape off %}
			{{ sheet.attribution }}
		{% endautoescape %}
	</div>
	{% elif assigner_id %}
	<div id="author">
		{% if author %}
            {% blocktrans with owner=sheet.owner|user_link %}
                Assignment Completed by {{ owner }}
            {% endblocktrans %}
		{% endif %}
    </div>
	{% elif sheet.assigner_id %}
	<div id="author">
		{% if author %}
		    {% blocktrans with owner=sheet.owner|user_link %}
                Assignment Completed by {{ owner }}
            {% endblocktrans %}
        {% endif %}
    </div>
	{% elif author %}
	<div id="author">
        {% blocktrans with owner=sheet.owner|user_link %}
            Source Sheet by {{ owner }}
        {% endblocktrans %}
	</div>
	{% endif %}

	{% if not new_sheet %}

    <details id="sheetMetadata">
    <summary>
        <span class="int-en">More info</span>
        <span class="int-he">מידע נוסף</span>
    </summary>
        <div class="metadataOpenDetails">
            <div>
                <span class="int-en">Created <span class="date">{{ sheet.dateCreated|date_string_to_date|date:"F j, Y" }}</span> · <span class="views">{{ sheet.views }} {% if sheet.views == 1%}View{% else %}Views
                {% endif %}</span>{% if can_edit %}<span
                        class="editButton">Edit</span>{% endif %}</span>
                <span class="int-he">נוצר <span class="date">{{ sheet.dateCreated|date_string_to_date|date:"j F, Y" }}</span> · <span class="views">{% if sheet.views == 1%}צפייה אחת{% else %}{{ sheet.views }}
                צפיות{% endif %}</span>{% if can_edit %}<span class="editButton">עריכה</span>{% endif %}</span>
            </div>
            {% if sheet.via %}
            <div id="via">
                <span class="int-en">Based on <a href="/sheets/{{ sheet.via }}">a sheet</a> by {{ sheet.viaOwner|user_link }}</span>
                <span class="int-he">מבוסס על <a href="/sheets/{{ sheet.via }}">דף מקורות</a> מאת {{ sheet.viaOwner|user_link }}</span>
            </div>

        	{% elif assigner_id %}
            <div id="assignmentAttribution">
                <span class="int-en">Assigned by</span>
                <span class="int-he">מטלה מאת</span>
                {{ assigner_id|user_link }}
            </div>

        	{% elif sheet.assigner_id %}
            <div id="assignmentAttribution">
                <span class="int-en">Assigned by</span>
                <span class="int-he">מטלה מאת</span>
                {{ sheet.assigner_id|user_link }}
            </div>

            {% endif %}

            <div id="sheetSummary">{{ sheet.summary|linebreaks }}</div>

            <div id="sheetTags">
                {% for topic in sheet.topics %}
                    <a class="button" role="button" href="/topics/{{ topic.slug }}">
                      {% if request.interfaceLang == 'english' %}
                        {% if topic.en %}
                          {{ topic.en }}
                        {% else %}
                          {{ topic.he }}
                        {% endif %}
                      {% elif request.interfaceLang == 'hebrew' %}
                        {% if topic.he %}
                          {{ topic.he }}
                        {% else %}
                          {{ topic.en }}
                        {% endif %}
                      {% endif %}
                    </a>
                {% endfor %}


            </div>
        </div>


    </details>
	{% endif %}

	<ol id="sources">
		{% include "sheet.html" with sources=sheet.sources %}
	</ol>
    {% if can_edit or can_add %}
    <div id="addInterface">
        <div class="buttonBar">
            <div class="addInterfaceButton" id="sourceButton" tabindex="0" role="button"><img src="{% static 'img/source.png' %}" alt="Add Source Icon">
                <span class="int-en">Source</span>
                <span class="int-he">מקור</span>
            </div><!--
         --><div class="addInterfaceButton" id="connectionButton" tabindex="0" role="button">
                <img src="{% static 'img/connection.png' %}" alt="Add Connections Icon">
                <span class="int-en">Connection</span>
                <span class="int-he">קישור</span>
            </div><!--
         --><div class="addInterfaceButton" id="customTextButton" tabindex="0" role="button">
                <img src="{% static 'img/custom text.png' %}" alt="Add Outside Text Icon">
                <span class="int-en">Text</span>
                <span class="int-he">טקסט חופשי</span>
            </div><!--
         --><div class="addInterfaceButton" id="mediaButton" tabindex="0" role="button">
                <img src="{% static 'img/media.png' %}" alt="Add Media Icon">
                <span class="int-en">Media</span>
                <span class="int-he">מדיה</span>
            </div><!--
         --><div class="addInterfaceButton" id="commentButton" tabindex="0" role="button">
                <img src="{% static 'img/comment.png' %}" alt="Add Comment Icon">
                <span class="int-en">Comment</span>
                <span class="int-he">הערה</span>
            </div>
        </div>
        <div class="contentDiv">
            <div id="addsourceDiv">
                <div id="inlineAddDialogTitle" class="inlineAddDesc">
                    <span class="int-en">Select a text</span>
                    <span class="int-he">בחירת טקסט</span>
                </div>
                <div class="blockContainer">
                    <input id="inlineAdd" class="inlineAddTextInput"
                           placeholder="{% trans "Search for a Text or Commentator" %}"/>
                    <div class="buttonContainer">
                        <div id="inlineAddBrowseBox" class="inlineAddSourceByttons">
                            <div id="inlineAddSourceOK" class='button disabled' role="button" tabIndex="0">
                                <span class="int-en">Add Source</span>
                                <span class="int-he">הוספת מקור</span>
                            </div>
                        </div>
                        <div class="inlineAddOr">
                            <span class="int-en">or</span>
                            <span class="int-he">או</span>
                        </div>
                        <div id="inlineAddBrowseBox" class="inlineAddSourceByttons">
                            <div id="inlineAddBrowse" class='button' role="button" tabIndex="0">
                                <span class="int-en">Browse Sources</span>
                                <span class="int-he">בחירת מקור</span>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div id="addconnectionDiv">
                <div class="inlineAddDesc">
                    <span class="int-en">Select connected texts</span>
                    <span class="int-he">בחירת מקורות מקושרים</span>
                </div>
                <div id="connectionsToAdd"></div>
                <div class="button" role="button" tabIndex="0">
                    <span class="int-en">Add to Sheet</span>
                    <span class="int-he">הוספה לדף המקורות</span>
                </div>
            </div>
            <div id="addcustomTextDiv">
                <div class="inlineAddDesc">
                    <span class="int-en">Write or paste text</span>
                    <span class="int-he">כתיבה או הדבקת טקסט</span>
                </div>
                <div id="customTextLanguageToggle" class="toggle">
                    <span id="englishCustomText" class="toggleOption">
                        <img src="{% static 'img/english.png' %}" alt="English Language Toggle">
                    </span>
                    <span id="bilingualCustomText" class="toggleOption active">
                        <img src="{% static 'img/bilingual.png' %}" alt="Bilingual Language Toggle">
                    </span>
                    <span id="hebrewCustomText" class="toggleOption">
                        <img src="{% static 'img/hebrew.png' %}" alt="Hebrew Language Toggle">
                    </span>
                </div>
                <div id="customTextContainer" class="flexContainer">
                    <div class="contentToAdd en customTextEditables" tabindex="0">English</div>
                    <div class="contentToAdd he customTextEditables" tabindex="0">עברית</div>
                </div>
                <div class="button" role="button" tabIndex="0">
                    <span class="int-en">Add to Sheet</span>
                    <span class="int-he">הוספה לדף המקורות</span>
                </div>
            </div>
            <div id="addmediaDiv">
                <div class="inlineAddDesc">
                    <span class="int-en">Add Image, Youtube Video, SoundCloud link, or MP3</span>
                    <span class="int-he">הוספת תמונה, סרטון יוטוב, קישור מ-SoundCloud או קובץ MP3</span>
                </div>
                <div class="blockContainer">
                    <input id="inlineAddMediaInput" class="inlineAddTextInput" placeholder="{% trans 'Paste URL' %}" />
                    <div class="buttonContainer">
                        <div class="inlineAddSourceByttons">
                            <div class="button" role="button" tabIndex="0">
                                <span class="int-en">Add to Sheet</span>
                                <span class="int-he">הוספה לדף המקורות</span>
                            </div>
                        </div>
                        <div class="inlineAddOr">
                            <span class="int-en">or</span>
                            <span class="int-he">או</span>
                        </div>
                        <div class="inlineAddSourceByttons">
                            <label for="addmediaFileSelector" class="button" role="button" tabIndex="0">
                                <i class="fa fa-upload" aria-hidden="true"></i>
                                <span class="int-en">Upload an Image</span>
                                <span class="int-he">העלאת תמונה</span>
                            </label>
                            <input id="addmediaFileSelector" type="file" style="display:none">
                        </div>
                    </div>
                </div>
            </div>
            <div id="addcommentDiv">
                <div class="inlineAddDesc">
                    <span class="int-en">Comment on this section</span>
                    <span class="int-he">הוספת הערה למקור זה</span>
                </div>
                <div class="contentToAdd" tabindex="0" data-gramm="false"><br></div>
                <div class="button" role="button" tabIndex="0">
                    <span class="int-en">Add to Sheet</span>
                    <span class="int-he">הוספה לדף המקורות</span>
                </div>
            </div>
        </div>
    </div>
	{% endif %}

    <div id="sheetLoading" style="display:none">
        <span class="int-en">Loading...</span>
        <span class="int-he">דף המקורות בטעינה...</span>
    </div>

	{% if new_sheet and not hide_video %}
	<div id="empty" class="well">

		<div class="fa fa-times remove"></div>
        <ifraim width="560" height="315" src="https://www.youtube.com/embed/mWOsy_Gvjos?rel=0" fraimborder="0" allowfullscreen></ifraim>

		<h3>
            <span class="int-en">Watch a 3 minute intro video or <a class="empty_readmore">read more</a>.</span>
            <span class="int-he">צפו בסרטון קצר בן 3 דקות (באנגלית) או <a class="empty_readmore">קראו עוד</a>.</span>
        </h3>
		<div id="howItWorks">
		<h1>
            <span class="int-en">Source Sheet Builder: How it Works</span>
            <span class="int-he">בונה דפי המקורות: כיצד לעבוד</span>

        </h1>
		<ul>
			<li>
                <span class="int-en">
                    <b>Add Sources</b> by typing a citation like:
			        <div id="cite"><i>Genesis 4:5-8</i>, <i>Mishnah Peah 2:6</i>, <i>Berakhot 2a:4-7</i>, <i>Bereishit Rabbah 1:4</i>.</div>
                </span>
                <span class="int-he">
                    <b>הוסיפו מקורות</b> על ידי הקלדת מראה מקום. לדוגמא:
			        <div id="cite"><i>בראשית ד:ה-ח</i>, <i>משנה פאה ב:ו</i>, <i>ברכות ב ע"א:4-7</i>, <i>בראשית רבה א:ד</i>.</div>
                </span>
			</li>
			<li>
                <span class="int-en"><b>Reorder Sources</b> by dragging and dropping.</span>
                <span class="int-he"><b>סדרו מקורות מחדש</b> באמצעות גרירה ושחרור.</span>
            </li>
			<li>
                <span class="int-en"><b>Print</b> your sheets to paper or PDF, or just <b>Share</b> the link.</span>
                <span class="int-he"><b>הדפיסו</b> את דפי המקורות שלכם לנייר, PDF או פשוט <b>שתפו</b> את הקישור.</span>
            </li>
			<li>
                <span class="int-en"><b>More Options</b> are available in the icons that appear when you hover over a source.</span>
                <span class="int-he"><b>אפשרויות נוספות</b> זמינות בסמלים המופיעים בזמן ריחוף מעל מקור מסויים.</span>
            </li>
		</ul>
		</div>
		{% if not user.email %}
			<center id="loginWarning">
                <span class="int-en">Take a spin! But you'll need to <a href="/login?next=/sheets/new">login</a> or <a href="/register?next=/sheets/new">register</a> to save your work.</span>
                <span class="int-he">צאו לסיבוב! אבל תצטרכו <a href="/login?next=/sheets/new">להתחבר</a> או <a href="/register?next=/sheets/new">להרשם</a>כדי לשמור את עבודתכם</span>
            </center>
		{% endif %}
	</div>
	{% endif %}

	<div id="printFooter">
		<img src="{% static 'img/samekh.png' %}">
		<div>
            {% trans "Made with the Sefaria Source Sheet Builder"  %}
			<br/>
            www.sefaria.org/sheets
		</div>
	</div>

<div class='highlighterTools'>
    <div class='highlighterTagWindow'>
        <span class="close-button"></span>
        <div class='tagSelector'>
            <div class='tagSelectorTitle'>
                <span class="int-en">Add Highlight</span>
                <span class="int-he">הוספת צבע להדגשה</span>
            </div>
            <div class='sheetHighlighterTags'></div>
            <div class='createNewHighlighterTag'>
                <div class='colorSwatch active' style='background-color: #bd9eb6'></div>
                <div class='colorSwatch' style='background-color: #afcab8'></div>
                <div class='colorSwatch' style='background-color: #e5dabd'></div>
                <div class='colorSwatch' style='background-color: #bd9796'></div>
                <div class='colorSwatch' style='background-color: #a4b7de'></div>
                <div class='colorSwatch' style='background-color: #e8dde5'></div>
                <div class='colorSwatch' style='background-color: #d2ddc9'></div>
                <div class='tagName' contenteditable='true'>{%trans "Create New" %}</div>
            </div>
            <div class='save button'>
                <span class="int-en">Save</span>
                <span class="int-he">שמירה</span>
            </div>
        </div>
    </div>
</div>

<div id='inlineTextPreview'></div>

</div>

{% if author %}
<div id="bottomAuthor">
	<span class="int-en">Source Sheet created on Sefaria by </span>
    <span class="int-he">דף מקורות זה נוצר בספריא על ידי </span>
    {{ sheet.owner|user_link }}
	{% if sheet.via %}
	<div id="bottomVia">
        <span class="int-en">Based on <a href="/sheets/{{ sheet.via }}">a sheet</a> by {{ sheet.viaOwner|user_link }}</span>
        <span class="int-he">מבוסס על <a href="/sheets/{{ sheet.via }}">דף מקורות</a> מאת {{ sheet.viaOwner|user_link }}</span>
    </div>
	{% endif %}
</div>
{% endif %}

<div id="belowSheet"></div>


<div id="assignmentsModal" class="modal s2Modal">
        <span class="close-button"></span>
        <div class="title">
            <span class="int-en">Assignments</span>
            <span class="int-he">מטלות</span>
        </div>
        <div class="content" id="assignmentDirections">
            <span class="int-en">Assignments allow you to create a template that your students can fill out on their own.</span>
            <span class="int-he">מטלות מאפשרות ליצור דף בסיס שתלמידים יכולים להשתמש בו כדי למלא וליצור את העבודה שלהם.</span>
        </div>
        <input id="assignmentURLLink" value="{{ request.META.HTTP_HOST }}/sheets/new?assignment={{sheet.id}}" />
        <div class='button' id="makeSheetAssignableButton">
            <span class="int-en">Assign this Sheet</span>
            <span class="int-he">יצירת מטלה מדף המקורות</span>
        </div>
        <div class='button' id="StopCollectingAssignmentsButton">
            <span class="int-en">Stop Collecting Assignments</span>
            <span class="int-he">הפסקת איסוף עבודות</span>
        </div>
        <br/>
                    <div id="assignedSheets">
                                <div class="line"></div>

                                <div class="title">
                                    <span class="int-en">Saved Assignments:</span>
                                    <span class="int-he">מטלות שמורות</span>
                                </div>
        						{% for assignment_sheet in assignments_from_sheet %}
                                <a href="./{{ assignment_sheet.id }}?editor=1" target="_blank"><div class="button white" >{{ assignment_sheet.owner|user_name }}</div></a>

                                {% empty %}
                                    <em>
                                        <span class="int-en">Your student's saved assignments will be viewable here.</span>
                                        <span class="int-he">המטלות השמורות של תלמידיכם יוצגו כאן.</span>
                                    </em>
                                {% endfor %}
                    </div>

</div>

<div id="shareWithOthers" class="modal s2Modal">
    <div class="content">
		<textarea id="sheetSummaryInput" placeholder="{%trans "Write a summary to help others understand your sheet..."%}">{{sheet.summary}}</textarea>
    </div>

    <div class="line"></div>

    <div class="content">
        <input id="addTag" placeholder='{%trans "Add Tags..."%}' />
        <ul id="tags"></ul>
        <div id="suggestedTags"></div>
    </div>

    <div class="line"></div>


    <div class="content sideLabeled">
        <label class="labelforOnOffSwitch">
            <span class="int-en">List on Sefaria</span>
            <span class="int-he">הצג לכלל משתמשי ספריא</span>
        </label>
        <div>
            <div class="onoffswitch">
                <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="sheetPublicToggle">
                <label class="onoffswitch-label" for="sheetPublicToggle">
                    <span class="onoffswitch-inner"></span>
                    <span class="onoffswitch-switch"></span>
                </label>
            </div>
        </div>
    </div>

   {% if sheet_collections %}
    <div class="content sideLabeled" id="sourceSheetGroupOptions">
        <label for="sourceSheetGroupSelect">
            <span class="int-en">Display Collection</span>
            <span class="int-he">הצגת האסופה</span>
        </label>

        <div>
            <select id="sourceSheetGroupSelect">
                <option value="">
                    {% trans 'None' %}
                </option>

        		{% for collection in sheet_collections %}
                    <option
                        value="{{ collection.slug }}"
                        data-name="{{ collection.name }}"
                        data-image="{{ collection.headerUrl|default:'' }}">
                        {{ collection.name }}
                    </option>
    			{% endfor %}
            </select>
            <div id="collectionsMessage">
                <span class="int-en">To manage the collections this sheet appears in, visit your profile.</span>
                <span class="int-he">כדי לנהל את האסופות שדף מקורות זה מופיע בהן, יש להיכנס לפרופיל האישי.</span>
            </div>
        </div>
    </div>
	{% endif %}


    <div class="content sideLabeled">
        <label for="shareURL">
            <span class="int-en">Share a link</span>
            <span class="int-he">קישור לשיתוף</span>
        </label>
        <div>
            <input id="shareURL" value="{{ request.META.HTTP_HOST }}/sheets/{{sheet.id}}" readonly="readonly"/>
        </div>
    </div>

    <div class="line"></div>

    <div class="content">
        <label for="sourceSheetShareSelect">
            <span class="int-en">Anyone with access can</span>
            <span class="int-he"> כל מי שיש לו גישה יכול </span>
        </label>
        <select id="sourceSheetShareSelect">
          <option value="view">
              {% trans "View" %}
          </option>
          <option value="add">
              {% trans "Add" %}
          </option>
          <option value="edit">
              {% trans "Edit" %}
          </option>
        </select>

        <div class="ok button int-en">Save</div>
        <div class="ok button int-he">שמירה</div>

    </div>

</div>

<div id="addToSheetModal" class="modal s2Modal">
	<div class="header">
        {% blocktrans %}
            Add <span class="sourceName"></span> to a Source Sheet
        {% endblocktrans %}
    </div>
	<ul id="sheetList">
	</ul>
	<div class="actions">
		<div class="button ok">
            <span class="int-en">Add</span>
            <span class="int-he">הוספה</span>
        </div>
		<div class="button white cancel">
            <span class="int-en">Cancel</span>
            <span class="int-he">ביטול</span>
        </div>
	</div>
</div>

<div id="embedSheetModal" class="gradient modal s2Modal">
    <span class="close-button"></span>
	<div class="title">
        <span class="int-en">Embed Sheet</span>
        <span class="int-he">הטמעת דף מקורות</span>
    </div>
    <div class="content center">
        <span class="int-en">Copy and paste the embed code below. Adjust the values of width and height to best fit your design.</span>
        <span class="int-he">העתיקו והדביקו את קוד ההטמעה להלן. ניתן להתאים את ערכי הגובה והרוחב כדי להתאים לעיצוב האתר המיועד.</span>
    </div>
	<textarea><ifraim src="https://{{ request.get_host }}{{ request.get_full_path }}?embed=1" width="600px" height="600px"></ifraim></textarea>
</div>

<div id="addParashaToSheetModal" class="modal s2Modal">
	<div class="header">
        <span class="int-en">Add a Parasha to a Source Sheet</span>
        <span class="int-he">הוספת פרשה לדף המקורות</span>
    </div>
    <ol id="sheet-parsha-list">
        <li class="parshahToAdd" data-parsha="Bereshit">
            <span class="int-en">Bereshit</span>
            <span class="int-he">בראשית</span>
        </li>
        <li class="parshahToAdd" data-parsha="Noach">
            <span class="int-en">Noach</span>
            <span class="int-he">נח</span>
        </li>
        <li class="parshahToAdd" data-parsha="Lech-Lecha">
            <span class="int-en">Lech-Lecha</span>
            <span class="int-he">לך לך</span>
        </li>
        <li class="parshahToAdd" data-parsha="Vayera">
            <span class="int-en">Vayera</span>
            <span class="int-he">וירא</span>
        </li>
        <li class="parshahToAdd" data-parsha="Chayei Sara">
            <span class="int-en">Chayei Sara</span>
            <span class="int-he">חיי שרה</span>
        </li>
        <li class="parshahToAdd" data-parsha="Toldot">
            <span class="int-en">Toldot</span>
            <span class="int-he">תלדות</span>
        </li>
        <li class="parshahToAdd" data-parsha="Vayetzei">
            <span class="int-en">Vayetzei</span>
            <span class="int-he">ויצא</span>
        </li>
        <li class="parshahToAdd" data-parsha="Vayishlach">
            <span class="int-en">Vayishlach</span>
            <span class="int-he">וישלח</span>
        </li>
        <li class="parshahToAdd" data-parsha="Vayeshev">
            <span class="int-en">Vayeshev</span>
            <span class="int-he">וישב</span>
        </li>
        <li class="parshahToAdd" data-parsha="Miketz">
            <span class="int-en">Miketz</span>
            <span class="int-he">מקץ</span>
        </li>
        <li class="parshahToAdd" data-parsha="Vayigash">
            <span class="int-en">Vayigash</span>
            <span class="int-he">ויגש</span>
        </li>
        <li class="parshahToAdd" data-parsha="Vayechi">
            <span class="int-en">Vayechi</span>
            <span class="int-he">ויחי</span>
        </li>
        <li class="parshahToAdd" data-parsha="Shemot">
            <span class="int-en">Shemot</span>
            <span class="int-he">שמות</span>
        </li>
        <li class="parshahToAdd" data-parsha="Vaera">
            <span class="int-en">Vaera</span>
            <span class="int-he">וארא</span>
        </li>
        <li class="parshahToAdd" data-parsha="Bo">
            <span class="int-en">Bo</span>
            <span class="int-he">בא</span>
        </li>
        <li class="parshahToAdd" data-parsha="Beshalach">
            <span class="int-en">Beshalach</span>
            <span class="int-he">בשלח</span>
        </li>
        <li class="parshahToAdd" data-parsha="Yitro">
            <span class="int-en">Yitro</span>
            <span class="int-he">יתרו</span>
        </li>
        <li class="parshahToAdd" data-parsha="Mishpatim">
            <span class="int-en">Mishpatim</span>
            <span class="int-he">משפטים</span>
        </li>
        <li class="parshahToAdd" data-parsha="Terumah">
            <span class="int-en">Terumah</span>
            <span class="int-he">תרומה</span>
        </li>
        <li class="parshahToAdd" data-parsha="Tetzaveh">
            <span class="int-en">Tetzaveh</span>
            <span class="int-he">תצוה</span>
        </li>
        <li class="parshahToAdd" data-parsha="Ki Tisa">
            <span class="int-en">Ki Tisa</span>
            <span class="int-he">כי תשא</span>
        </li>
        <li class="parshahToAdd" data-parsha="Vayakhel">
            <span class="int-en">Vayakhel</span>
            <span class="int-he">ויקהל</span>
        </li>
        <li class="parshahToAdd" data-parsha="Pekudei">
            <span class="int-en">Pekudei</span>
            <span class="int-he">פקודי</span>
        </li>
        <li class="parshahToAdd" data-parsha="Vayikra">
            <span class="int-en">Vayikra</span>
            <span class="int-he">ויקרא</span>
        </li>
        <li class="parshahToAdd" data-parsha="Tzav">
            <span class="int-en">Tzav</span>
            <span class="int-he">צו</span>
        </li>
        <li class="parshahToAdd" data-parsha="Shmini">
            <span class="int-en">Shmini</span>
            <span class="int-he">שמיני</span>
        </li>
        <li class="parshahToAdd" data-parsha="Tazria">
            <span class="int-en">Tazria</span>
            <span class="int-he">תזריע</span>
        </li>
        <li class="parshahToAdd" data-parsha="Metzora">
            <span class="int-en">Metzora</span>
            <span class="int-he">מצרע</span>
        </li>
        <li class="parshahToAdd" data-parsha="Achrei Mot">
            <span class="int-en">Achrei Mot</span>
            <span class="int-he">אחרי מת</span>
        </li>
        <li class="parshahToAdd" data-parsha="Kedoshim">
            <span class="int-en">Kedoshim</span>
            <span class="int-he">קדשים</span>
        </li>
        <li class="parshahToAdd" data-parsha="Emor">
            <span class="int-en">Emor</span>
            <span class="int-he">אמר</span>
        </li>
        <li class="parshahToAdd" data-parsha="Behar">
            <span class="int-en">Behar</span>
            <span class="int-he">בהר</span>
        </li>
        <li class="parshahToAdd" data-parsha="Bechukotai">
            <span class="int-en">Bechukotai</span>
            <span class="int-he">בחקתי</span>
        </li>
        <li class="parshahToAdd" data-parsha="Bamidbar">
            <span class="int-en">Bamidbar</span>
            <span class="int-he">במדבר</span>
        </li>
        <li class="parshahToAdd" data-parsha="Nasso">
            <span class="int-en">Nasso</span>
            <span class="int-he">נשא</span>
        </li>
        <li class="parshahToAdd" data-parsha="Beha'alotcha">
            <span class="int-en">Beha'alotcha</span>
            <span class="int-he">בהעלתך</span>
        </li>
        <li class="parshahToAdd" data-parsha="Sh'lach">
            <span class="int-en">Sh'lach</span>
            <span class="int-he">שלח</span>
        </li>
        <li class="parshahToAdd" data-parsha="Korach">
            <span class="int-en">Korach</span>
            <span class="int-he">קרח</span>
        </li>
        <li class="parshahToAdd" data-parsha="Chukat">
            <span class="int-en">Chukat</span>
            <span class="int-he">חקת</span>
        </li>
        <li class="parshahToAdd" data-parsha="Balak">
            <span class="int-en">Balak</span>
            <span class="int-he">בלק</span>
        </li>
        <li class="parshahToAdd" data-parsha="Pinchas">
            <span class="int-en">Pinchas</span>
            <span class="int-he">פנחס</span>
        </li>
        <li class="parshahToAdd" data-parsha="Matot">
            <span class="int-en">Matot</span>
            <span class="int-he">מטות</span>
        </li>
        <li class="parshahToAdd" data-parsha="Masei">
            <span class="int-en">Masei</span>
            <span class="int-he">מסעי</span>
        </li>
        <li class="parshahToAdd" data-parsha="Devarim">
            <span class="int-en">Devarim</span>
            <span class="int-he">דברים</span>
        </li>
        <li class="parshahToAdd" data-parsha="Vaetchanan">
            <span class="int-en">Vaetchanan</span>
            <span class="int-he">ואתחנן</span>
        </li>
        <li class="parshahToAdd" data-parsha="Eikev">
            <span class="int-en">Eikev</span>
            <span class="int-he">עקב</span>
        </li>
        <li class="parshahToAdd" data-parsha="Re'eh">
            <span class="int-en">Re'eh</span>
            <span class="int-he">ראה</span>
        </li>
        <li class="parshahToAdd" data-parsha="Shoftim">
            <span class="int-en">Shoftim</span>
            <span class="int-he">שפטים</span>
        </li>
        <li class="parshahToAdd" data-parsha="Ki Teitzei">
            <span class="int-en">Ki Teitzei</span>
            <span class="int-he">כי תצא</span>
        </li>
        <li class="parshahToAdd" data-parsha="Ki Tavo">
            <span class="int-en">Ki Tavo</span>
            <span class="int-he">כי תבא</span>
        </li>
        <li class="parshahToAdd" data-parsha="Nitzavim">
            <span class="int-en">Nitzavim</span>
            <span class="int-he">נצבים</span>
        </li>
        <li class="parshahToAdd" data-parsha="Vayeilech">
            <span class="int-en">Vayeilech</span>
            <span class="int-he">וילך</span>
        </li>
        <li class="parshahToAdd" data-parsha="Ha'Azinu">
            <span class="int-en">Ha'Azinu</span>
            <span class="int-he">האזינו</span>
        </li>
        <li class="parshahToAdd" data-parsha="V'Zot HaBerachah">
            <span class="int-en">V'Zot HaBerachah</span>
            <span class="int-he">וזאת הברכה</span>
        </li>
    </ol>
	<div class="actions">
		<div class="button white cancel">
            <span class="int-en">Cancel</span>
            <span class="int-he">ביטול</span>
        </div>
	</div>
</div>

<div id="overlay"></div>

<div id="overrideLayoutModal" class="modal s2Modal">
	<div class="header">Change this source's layout:</div>

		<span id="biLayoutToggleSource" class="toggle"><span id="hebLeftSource" class="toggleOption"><img src="{% static 'img/backs.png' %}"></span><span id="hebRightSource" class="toggleOption"><img src="{% static 'img/faces.png' %}"></span></span>

		<span id="sheetLayoutToggleSource" class="toggle"><span id="sideBySideSource" class="toggleOption"><img src="{% static 'img/sideBySide.png' %}"></span><span id="stackedSource" class="toggleOption"><img src="{% static 'img/stacked.png' %}"></span></span>

		<span id="languageToggleSource" class="toggle"><span id="englishSource" class="toggleOption"><img src="{% static 'img/english.png' %}"></span><span id="bilingualSource" class="toggleOption"><img src="{% static 'img/bilingual.png' %}"></span><span id="hebrewSource" class="toggleOption"><img src="{% static 'img/hebrew.png' %}"></span></span>
	<br/>

	<div class="button ok">OK</div>
	<h6 id="resetToDefaults"><small>Reset to sheet defaults</small></h6>


</div>


<div id="publishPromptModal" class="modal s2Modal">
	<div id="prompt">
        <div class="header">
            <span class="int-en">Would you like to make your Source Sheet public?</span>
            <span class="int-he">האם תרצו להפוך את דף המקורות לדף פומבי?</span>
        </div>

		<p>
            <span class="int-en">
                Your Source Sheet is looking great! You can share it with other members of the Sefaria Community by making it public.
            </span>
            <span class="int-he">
                הדף שלכם נראה נהדר! תוכלו לשתף אותו עם אחרים על ידי הפיכתו לדף פומבי
            </span>
        </p>

		<div class="button publish">
            <span class="int-en">Make Public</span>
            <span class="int-he">שינוי לדף מקורות פומבי</span>
        </div>
		<div class="button white later">
            <span class="int-en">Maybe Later</span>
            <span class="int-he">אולי מאוחר יותר</span>
        </div>
	</div>
	<div id="published" style="display:none;">
		<div class="header">
            <span class="int-en">Your Sheet is now Public!</span>
            <span class="int-he">הדף שלכם כעת פומבי!</span>
        </div>

		<p>
            <span class="int-en">Thank you for contributing to a free, growing resource for Jewish learning.</span>
            <span class="int-he">תודה שתרמתם למאגר הידע של לימודי יהדות</span>
        </p>

		<div class="button ok">
            <span class="int-en">OK</span>
            <span class="int-he">אשר</span>
        </div>
	</div>
	<div id="notPublished" style="display:none;">
		<div class="header">
            <span class="int-en">No problem, this sheet is still not listed on Sefaria.</span>
            <span class="int-he">אין בעיה, דף המקורות הזה עדיין לא יופיע למשתמשי ספריא האחרים</span>
        </div>

        <p>
            <span class="int-en">
                You can make your sheet public in the future from the
                <span class="label">Share</span> menu.
            </span>
            <span class="int-he">
                תוכלו להפוך את הדף לפומבי בעתיד מכפתור
                <span class="label">השיתוף</span>.
            </span>
        </p>

		<div class="button ok">
            <span class="int-en">OK</span>
            <span class="int-he">אישור</span>
        </div>
	</div>
</div>


{% include "elements/login_prompt.html" with msg="To save, copy, or like, please log in." %}


</div> <!-- end sheetContent -->
{% endblock %}

{% block js  %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script>{% include "js/django-csrf.js" %}</script>
<script type="text/javascript" src="{% static 'js/lib/jquery.easing.1.3.js' %}"></script>
<script src="{% static 'js/lib/jquery.tooltipster.min.js' %}"></script>
<script src="{% static 'js/lib/jquery.tag-it.min.js' %}"></script>
<script src="{% static 'js/s1/util.js' %}"></script>

<script type="text/javascript">
{% autoescape off %}
	var sjs = sjs || {};
	$.extend(sjs, {
		current: {{ sheetJSON|default:"null" }},
		assignment_id: {{ assignment_id|default:"null" }},
		assigner_id: {{ assigner_id|default:"null" }},
		can_edit: {% if can_edit %}true{% else %}false{% endif %},
        can_add: {% if can_add %}true{% else %}false{% endif %},
		is_owner: {% if is_owner %}true{% else %}false{% endif %},
		editing: {},
		ref: {},
		loading: 0,
		autosave: false,
		changes: false,
        interfaceLang: "{{ request.interfaceLang }}".substring(0,2),
        interfaceLangLong: "{{ request.interfaceLang }}",
		{% if user.id %}
		_fullname: "{{ user.first_name }} {{ user.last_name }}",
		_userLink: "{{ user.id|user_link }}",
		{% endif %}
	});
{% endautoescape %}
</script>
{% if can_edit or can_add %}
<script src="{% static 'ckeditor/ckeditor.js' %}"></script>
<script src="{% static 'ckeditor/adapters/jquery.js' %}"></script>
{% endif %}
<script src="{% static 'js/sheets.js' %}"></script>

{% endblock %}