{% load static compress i18n %} {% get_current_language as LANGUAGE_CODE %}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, shrink-to-fit=no">
<link href="{% static 'nextcloud/images/favicon.png' %}" rel="icon" />
<title>{% block head_title %}{% endblock %}</title>
<meta name="description" content="nextcloud by ungleich" />
<meta name="author" content="ungleich glarus ag" />

<!-- Web 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'>

<!-- Stylesheet
============================================= -->
<link href="{% static 'nextcloud/css/bootstrap.min.css' %}" rel="stylesheet" />
<link href="{% static 'nextcloud/css/fontawesome-all.min.css' %}" rel="stylesheet"type="text/css"/>
{% compress css %}
  <link href="{% static 'nextcloud/css/theme.css' %}" rel="stylesheet" type="text/css"/>
{% endcompress %}
<!-- Colors Css -->
</head>
<body>
  {% block body %}
<!-- Preloader -->
<div id="preloader">
  <div data-loader="dual-ring"></div>
</div>
<!-- Preloader End -->

<div id="main-wrapper" class="h-100">
  <div class="container-fluid px-0 h-100">
    <div class="row no-gutters h-100"> 
      <!-- Welcome Text
      ============================================= -->
      <div class="col-md-6">
        <div class="hero-wrap d-flex align-items-center h-100">
          <div class="hero-mask opacity-8 bg-dark"></div>
          <div class="hero-bg hero-bg-scroll" style="background-image:url({% static 'nextcloud/images/background-image.jpg' %});"></div>
          <div class="hero-content mx-auto w-100 h-100 d-flex flex-column">
            <div class="row no-gutters">
              <div class="col-10 col-lg-9 mx-auto">
                <div class="logo mt-5 mb-5 mb-md-0"> <a class="d-flex" href="{% url 'nextcloud:index' %}" title="NextCloud"><img src="{% static 'nextcloud/images/logo-light.png' %}" alt="NextCloud"></a> </div>
              </div>
            </div>
            <div class="row no-gutters my-auto">
              <div class="col-10 col-lg-9 mx-auto">
                <h1 class="text-11 text-white mb-4">{% trans "Welcome!" %}</h1>
                <p class="text-4 text-white">{% trans "We are glad to see you!" %}</p>
                <p class="text-4 text-white mb-5">{% trans "Grow your community with less effort.!" %}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Welcome Text End --> 
      <div class="col-md-6 d-flex align-items-center">
        <div class="container my-4">
          <div class="row">
            <div class="col-11 col-lg-9 col-xl-8 mx-auto">
              {% 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>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Script --> 
<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>
<!-- Custom JS -->
{% block js_extra %} {% endblock js_extra %}
<script src="{% static 'nextcloud/js/theme.js' %}"></script>

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