{% load static %}
<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8">
        <meta name="author" content="Corban-Lee">
        <meta name="description" content="A feature-rich rss content aggregator for Discord">
        <meta name="keywords" content="Discord, Python, RSS, Feed, News">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <meta property="og:title" content="PYRSS">
        <meta property="og:description" content="A feature-rich rss content aggregator for Discord">
        <meta property="og:image" content="{% static 'images/light-mode.png' %}">
        <meta property="og:type" content="website">
        <meta property="og:locale" content="en_GB" />

        <meta name="twitter:title" content="PYRSS">
        <meta name="twitter:description" content="A feature-rich rss content aggregator for Discord">
        <meta name="twitter:image" content="https://alpha.corbz.dev/static/images/light-mode.png">
        <meta name="twitter:card" content="summary_large_image">

        <title>
            PYRSS{% block title %}{% endblock %}
        </title>

        <link rel="apple-touch-icon" href="{% static 'images/favicon/apple-touch-icon.png' %}">
        <link rel="icon" sizes="16x16" href="{% static 'images/favicon/favicon-16x16.png' %}">
        <link rel="icon" sizes="32x32" href="{% static 'images/favicon/favicon-32x32.png' %}">
        <link rel="icon" href="{% static 'images/favicon/favicon.ico' %}">

        <link type="text/css" rel="stylesheet" href="{% static '/css/bootstrap.css' %}" />
        <link type="text/css" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
        <link type="text/css" rel="stylesheet" href="{% static '/css/base.css' %}">
        <link type="text/css" rel="stylesheet" href="{% static '/css/colours.css' %}" />
        <link type="text/css" rel="stylesheet" href="{% static '/css/toasts.css' %}" />
        <link type="text/css" rel="stylesheet" href="https://cdn.datatables.net/2.0.5/css/dataTables.dataTables.css">
        <link type="text/css" rel="stylesheet" href="https://cdn.datatables.net/select/2.0.1/css/select.dataTables.min.css">
        <link type="text/css" rel="stylesheet" href="{% static '/css/select2.min.css' %}">
        <link type="text/css" rel="stylesheet" href="{% static '/css/select2-bootstrap.min.css' %}">

        {% include "includes/fonts.html" %}
        {% block stylesheets %}{% endblock stylesheets %}
    </head>
    <body data-bs-theme="light" class="bg-body d-flex flex-column vh-100 overflow-hidden font-sora">

        {% include 'includes/navbar.html' %}

        <div class="flex-grow-1 overflow-y-auto" style="max-height: calc(100vh - 136px);">
            {% block content %}{% endblock content %}            
        </div>

        {% include 'includes/footer.html' %}

        {% include 'includes/toasts.html' %}

        <script>
            const CSRF_MiddlewareToken = "{{ csrf_token }}";
            const currentUserId = "{{ request.user.id }}";
            const discordClientId = "{{ discordClientId }}";
        </script>

        <script src="{% static '/js/jquery-3.6.0.min.js' %}"></script>
        <script src="https://cdn.datatables.net/2.0.5/js/dataTables.min.js"></script>
        <script src="https://cdn.datatables.net/select/2.0.1/js/dataTables.select.min.js"></script>
        <script src="{% static '/js/bootstrap.bundle.min.js' %}"></script>
        <script src="{% static '/js/select2.min.js' %}"></script>
        <script src="{% static '/js/toasts.js' %}"></script>
        <script src="{% static '/js/base.js' %%}"></script>

        {% block javascript %}{% endblock javascript %}
    </body>
</html>