{% load static %}
{% simmate_setting "website.chemdraw_js" as chemdraw_js %}
{# Indicate which Character Encoding set the browser should use #}
{# Title of the page (located in the tab header) #}
{% block tabtitle %}Simmate{% endblock %}
{# Set the icons to use in the tab header #}
{# Set meta data for responsive viewport scaling/size (i.e. phone vs monitor) #}
{# Bootstrap CSS #}
{# Bootstrap Icons #}
{# Simmate CSS #}
{# CodeHilite CSS #}
{# jQuery Javascript #}
{# Bootstrap Javascript #}
{# Htmx Javascript #}
{% htmx_cdn_script %}
{# Select2 Javascript and CSS #}
{# Plotly Javascript #}
{# Load the RDKit JS file #}
{# ThreeJS Javascript #}
{% if chemdraw_js %}
{% else %}
{# TODO: switch to ketcher as the default #}
{# Load ChemDoodle JS and CSS #}
{% endif %}
{# Rest of Custom Simmate Javascript #}
{# Some pages may require extra lines in the header such as loading extra libraries #}
{% block extraheader %}{% endblock %}
{# token always required for htmx #}
{# hx-headers='{"x-csrftoken": "{{ csrf_token }}"}' #}
{% csrf_token %}
{# have the hidden spinner for when htmx is loading #}
{% htmx_loading_spinner %}
{# The navigation bar is the same for every webpage #}
{% include "core/navbar.html" %}
{% block breadcrumbs %}
{% include "core/basic_elements/breadcrumbs.html" %}
{% endblock %}
{% if not fullpage_dashboard %}
{# This is the main portion of the webpage #}
{# TODO: include "core/sidebar_left.html" #}
{% block body %}{% endblock %}
{% else %}
{# Some streamlit dashboards are best displayed as a full page. This setup is rare and more rigid #}
{% endif %}
{% include "core/footerbar.html" %}
{# Many packages for JS libraries should be loaded last #}
{% include "core/footer.html" %}
{# Sometimes we load extra javascript at the bottom of the page #}
{% block extrafooter %}{% endblock %}
{# Chat Bubble Component #}
{% htmx_component "chat-bubble" %}