{% load static compress i18n %} {% get_current_language as LANGUAGE_CODE %}
<!DOCTYPE html>
<html lang="{{LANGUAGE_CODE}}">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Nextcloud by ungleich" />
    <meta name="author" content="ungleich glarus ag" />
    <title>
      NextCloud - {% block title %} made in Switzerland {% endblock %}
    </title>
    <link href="{% static 'nextcloud/images/favicon.png' %}" rel="icon" />

    <!-- Vendor CSS -->
    <!-- Bootstrap Core CSS -->
    <link href="{% static 'nextcloud/css/bootstrap.min.css' %}" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="{% static 'nextcloud/css/bootstrap-select.min.css' %}" />
    <!-- Icon Fonts -->
    <link
      href="{% static 'nextcloud/css/fontawesome-all.min.css' %}"
      rel="stylesheet"
      type="text/css"
    />
    <!-- Custom CSS -->
    {% compress css %}
    <link
      href="{% static 'nextcloud/css/theme.css' %}"
      rel="stylesheet"
      type="text/css"
    />
    {% endcompress %}
    {% block css_extra %} {% endblock css_extra %}

    <!-- External Fonts -->
    <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i' type='text/css'>
  </head>

  <body>
    <!-- Preloader -->
    <div id="preloader">
      <div data-loader="dual-ring"></div>
    </div>
    <!-- Preloader End -->

    <div id="main-wrapper">
      {% block navbar %} {% include "nextcloud/includes/_navbar.html" with transparent_header=transparent_header  %} {%endblock %} 
      {% block main %}
      <div class="container"> 
        <!-- Steps Progress bar -->
        {% if messages %}
            <div class="row">
                    {% for message in messages %}
                    {% if 'error' in message.tags %}
                    <div class="col-lg-12 alert alert-danger" role="alert">
                        <h4 class="alert-heading">{%trans "Error!" %}</h4>
                        <p class="mb-0"> 
                            {{ message|safe }}
                        </p>
                    </div>
                    {% else %}
                    <div class="col-lg-12 alert alert-success" role="alert">
                        <p class="mb-0 float-left"> 
                            {{ message|safe }}
                        </p>
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    {% endif %}
                    {% endfor %}
            </div>
        {% endif %}
      {% block content %} {% endblock %} 
      </div>
      {% endblock %} 
      {% include "nextcloud/includes/_footer.html" %}
    </div>

    <!-- jQuery -->
    <script
      src="https://code.jquery.com/jquery-3.6.0.min.js"
      integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
      crossorigin="anonymous"
    ></script>
    <script src="{% static 'nextcloud/js/bootstrap.bundle.min.js' %}"></script>
    <script src="{% static 'nextcloud/js/stripe.js' %}"></script>
    <!-- Custom JS -->
    {% block js_extra %} {% endblock js_extra %}
    {% compress js %}
      <script src="{% static 'nextcloud/js/theme.js' %}"></script>
    {% endcompress %}
  </body>
</html>
