<!DOCTYPE html>
<!--
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 4 & Angular 8 & React
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
Renew Support: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<html lang="en">
<!-- begin::Head -->
<head>
<base href="/">
<meta charset="utf-8" />
<title>{% if app.environment == 'dev' %}[DEV] {% elseif app.environment == 'staging' %}[STAGING] {% endif %}AcoBeSmart Verwaltung | Login</title>
<meta name="description" content="Login page example">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script>
/* Hell/Dunkel-Wahl des zuletzt eingeloggten Nutzers (von den App-Seiten in
localStorage gespiegelt) — vor dem ersten Paint anwenden. Default: dunkel. */
try { document.documentElement.setAttribute('data-login-mode', localStorage.getItem('acoUiMode') === 'light' ? 'light' : 'dark'); } catch (e) {}
</script>
<!--begin::Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,500,700&display=swap">
<!--end::Fonts -->
<!--begin::Page Custom Styles(used by this page) -->
<link href="{{ asset('assets/css/pages/login/login-2.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/css/skins/login-leitstand.css') }}" rel="stylesheet" type="text/css" />
<!--end::Page Custom Styles -->
<!--begin::Global Theme Styles(used by all pages) -->
<link href="{{ asset('assets/plugins/global/plugins.bundle.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('assets/css/style.bundle.css') }}" rel="stylesheet" type="text/css" />
<!--end::Global Theme Styles -->
<!--begin::Layout Skins(used by all pages) -->
<!--end::Layout Skins -->
<link rel="shortcut icon" href="{{ asset('assets/media/logos/favicon.ico') }}" />
<link rel="manifest" href="/manifest.json">
<link rel="apple-touch-icon" href="/assets/media/logos/apple-touch-bee-180.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="AcoBeSmart">
<meta name="theme-color" content="#1e1e2d">
{% if app.environment == 'dev' %}<link rel="shortcut icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='%23dc3545'/%3E%3C/svg%3E" />{% elseif app.environment == 'staging' %}<link rel="shortcut icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='%23fd7e14'/%3E%3C/svg%3E" />{% endif %}
</head>
<!-- end::Head -->
<!-- begin::Body -->
<body class="kt-quick-panel--right kt-demo-panel--right kt-offcanvas-panel--right kt-header--fixed kt-header-mobile--fixed kt-subheader--fixed kt-subheader--enabled kt-subheader--solid kt-aside--enabled kt-aside--fixed kt-page--loading">
<!-- begin:: Page -->
<div class="kt-grid kt-grid--ver kt-grid--root kt-page">
<div class="kt-grid kt-grid--hor kt-grid--root kt-login kt-login--v2 kt-login--signin" id="kt_login">
<div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" style="background-image: url(assets/media/bg/bg-1.jpg);">
<div class="kt-grid__item kt-grid__item--fluid kt-login__wrapper">
<div class="kt-login__container">
<div class="kt-login__logo">
<a href="#">
<img src="assets/media/logos/logo-acobesmart-login.png">
</a>
</div>
<div class="sk-lg-panel">
<div class="sk-lg-ph"><span class="idx">01</span> Anmeldung <span class="sk-lg-sub">AcoBeSmart Verwaltung</span></div>
{% block fos_user_content %}
{% endblock fos_user_content %}
{% block body %}
{% endblock body %}
</div>
</div>
</div>
<div class="kt-footer kt-grid__item kt-grid kt-grid--desktop kt-grid--ver-desktop" id="kt_footer">
<div class="kt-container kt-container--fluid ">
<div class="kt-footer__copyright">
{{ 'now' | date('Y') }} © <a href="https://acobesmart.com" target="_blank" class="kt-link">AcoBeSmart</a>
</div>
<div class="kt-footer__menu">
<a href="https://acobesmart.com/impressum" target="_blank" class="kt-footer__menu-link kt-link">Impressum</a>
<a href="https://acobesmart.com/datenschutz" target="_blank" class="kt-footer__menu-link kt-link">DSGVO</a>
<a href="{{ path('pages_cookie') }}" target="_blank" class="kt-footer__menu-link kt-link">Cookies</a>
</div>
</div>
</div>
</div>
</div>
<!-- end:: Page -->
<!-- begin::Global Config(global config for global JS sciprts) -->
<script>
var KTAppOptions = {
"colors": {
"state": {
"brand": "#2c77f4",
"light": "#ffffff",
"dark": "#282a3c",
"primary": "#5867dd",
"success": "#34bfa3",
"info": "#36a3f7",
"warning": "#ffb822",
"danger": "#fd3995"
},
"base": {
"label": ["#c5cbe3", "#a1a8c3", "#3d4465", "#3e4466"],
"shape": ["#f0f3ff", "#d9dffa", "#afb4d4", "#646c9a"]
}
}
};
</script>
<!-- end::Global Config -->
<!--begin::Global Theme Bundle(used by all pages) -->
<script src="{{ asset('assets/plugins/global/plugins.bundle.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/js/scripts.bundle.js') }}" type="text/javascript"></script>
<!--end::Global Theme Bundle -->
<!--begin::Page Scripts(used by this page) -->
<script src="{{ asset('assets/js/pages/custom/login/login-general.js') }}" type="text/javascript"></script>
<script src="{{ asset('assets/js/js.cookie.min.js') }}" type="text/javascript"></script>
<script>
$(document).ready(function() {
Cookies.remove('helpWindow');
})
</script>
<!--end::Page Scripts -->
</body>
<!-- end::Body -->
</html>