{% load render_bundle from webpack_loader %}
{% load static seahub_tags i18n %}
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE }}">
    <head>
        <meta charset="UTF-8" />
        {% if request.is_mobile or request.is_tablet %}
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
        {% else %}
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        {% endif %}
        <title>{{ filename }}</title>

        <link rel="icon" href="{{ MEDIA_URL }}{{ favicon_path }}" id="favicon" />
        <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/sf_font3/iconfont.css" />
        <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}seafile-editor/seafile-editor-font.css" />
        <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/seafile-ui.css?t=20250313" />
        <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}css/seahub_react.css?t=20250218" />
        {% render_bundle 'plainMarkdownEditor' 'css' %}
        <link rel="stylesheet" type="text/css" media="print" href="{{ MEDIA_URL }}css/print_for_md_file_view.css" />
        {% if branding_css != '' %}<link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}{{ branding_css }}" />{% endif %}
        {% if enable_branding_css %}<link rel="stylesheet" type="text/css" href="{% url 'custom_css' %}" />{% endif %}
    </head>
    <body>
         <div id="root"></div>
         <div id="modal-wrapper"></div>
         <script type="text/javascript">
           window.app = {
              config: {
                  mediaUrl: '{{ MEDIA_URL }}',
                  siteRoot: '{{ SITE_ROOT }}',
                  serviceUrl: '{{ serviceUrl }}',
                  isPro: '{{ is_pro }}',
                  lang: '{{ LANGUAGE_CODE }}',
              },
              pageOptions: {
                  repoID: '{{ repo.id }}',
                  repoName: '{{ repo.name|escapejs }}',
                  filePath: '{{ path|escapejs }}',
                  fileName: '{{ filename|escapejs }}',
                  domain: '{{ domain }}',
                  protocol: '{{ protocol }}',
                  lang: '{{ language_code }}',
                  mode: '{{ mode }}',
                  shareLinkForceUsePassword: {% if share_link_force_use_password %} true {% else %} false {% endif %},
                  shareLinkPasswordMinLength: {{ share_link_password_min_length }},
                  shareLinkPasswordStrengthLevel: {{ share_link_password_strength_level }},
                  shareLinkExpireDaysDefault: {{ share_link_expire_days_default }},
                  shareLinkExpireDaysMin: {{ share_link_expire_days_min }},
                  shareLinkExpireDaysMax: {{ share_link_expire_days_max }},
                  canGenerateShareLink: {% if user.permissions.can_generate_share_link %} true {% else %} false {% endif %},
                  canSendShareLinkEmail: {% if user.permissions.can_send_share_link_mail %} true {% else %} false {% endif %},
                  isLocked: {% if file_locked %}true{% else %}false{% endif %},
                  lockedByMe: {% if locked_by_me %}true{% else %}false{% endif %},
                  canLockUnlockFile: {% if can_lock_unlock_file %}true{% else %}false{% endif %},
                  canDownloadFile: {% if can_download_file %}true{% else %}false{% endif %},
              },
             userInfo: {
               username: '{{ user.username }}',
               name: '{{ user.username|email2nickname|escapejs }}',
               contact_email: '{{ user.username|email2contact_email }}',
             }
          }
         </script>
         <script src="{{ STATIC_URL }}scripts/i18n/{{ LANGUAGE_CODE }}/djangojs.js?v={{ seafile_version }}"></script>

         {% render_bundle 'plainMarkdownEditor' 'js' %}
    </body>
</html>
