<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <title>{% block title %}Meine Links{% endblock %}</title>










    <!-- Android Theme Color -->
    <meta name="theme-color" content="#000">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css" rel="stylesheet">
    <link rel="stylesheet" href="{{ url_for('static', filename='theme.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='app.css') }}">
    <script src="{{ url_for('static', filename='functions.js') }}"></script>

    {% block head_extra %}{% endblock %}
  </head>
  <body>
    <header class="site-header">
      <a href="/">
        <img src="/custom_logo/logoW.png" alt="Logo" class="logo">
      </a>
      <h1>{{ title_long }}</h1>
    </header>
    <div class="wrapper">
      {% if admin_enabled %}
      <!-- Navigation Bar -->
      <div class="admin-nav">
        <a href="{{ url_for('index') }}">App</a>
        <span> | </span>
        <a href="{{ url_for('mylinks') }}">Meine Links</a>
        <span> | </span>
        <a href="{{ url_for('connections') }}">Verbindungen</a>
        <span> | </span>
        <a href="{{ url_for('dashboard') }}">Dashbord</a>
        <span> | </span>
        <a href="{{ url_for('file_access') }}">Dateizugriffe</a>
        <span> | </span>
        <a href="{{ url_for('songs_dashboard') }}">Wiederholungen</a>
        <span> | </span>
        <a href="{{ url_for('folder_secret_config_editor') }}" id="edit-folder-config">Ordnerkonfiguration</a>
      </div>
      {% endif %}

      {% block content %}{% endblock %}
    </div>

    {% block scripts %}{% endblock %}

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
  </body>
</html>
