<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>HEY:LOTTE!</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="{{asset('assets/img/favicon.png')}}" rel="icon">
<link href="{{asset('assets/img/apple-touch-icon.png')}}" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="{{asset('assets/vendor/animate.css/animate.min.css')}}" rel="stylesheet">
<link href="{{asset('assets/vendor/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">
<link href="{{asset('assets/vendor/bootstrap-icons/bootstrap-icons.css')}}" rel="stylesheet">
<link href="{{asset('assets/vendor/boxicons/css/boxicons.min.css')}}" rel="stylesheet">
<link href="{{asset('assets/vendor/glightbox/css/glightbox.min.css')}}" rel="stylesheet">
<link href="{{asset('assets/vendor/swiper/swiper-bundle.min.css')}}" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="{{asset('assets/css/style.css')}}" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="d-flex align-items-center">
<div class="container d-flex justify-content-between align-items-center">
<div class="logo">
<h1><a href="{{path('app_home')}}">HEY:LOTTE!</a></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <a href="index.html"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->
</div>
<nav id="navbar" class="navbar">
<ul>
<li><a {% if (app.request.get('_route') == 'app_home') %}class="active"{% endif %} href="{{path('app_home')}}">Startseite</a></li>
{% if is_granted("ROLE_USER") %}
<li><a {% if (app.request.get('_route') == 'app_library_overview'
or app.request.get('_route') == 'app_library_pool'
or app.request.get('_route') == 'app_pool'
or app.request.get('_route') == 'app_pool2'
or app.request.get('_route') == 'app_pool3') %}
class="active"{% endif %}
href="{{path('app_library_overview')}}">Bibliothek</a></li>
{% if app.request.get('_route') == 'app_library_pool'
or app.request.get('_route') == 'app_pool'
or app.request.get('_route') == 'app_pool2'
or app.request.get('_route') == 'app_pool3'
or app.request.get('_route') == 'app_search'
%}
<li><a {% if (app.request.get('_route') == 'app_search') %}class="active"{% endif %} href="{{path('app_search',{libId: libId})}}">Suche</a></li>
{% endif %}
<li class="dropdown"><a href="#"><span>Profil</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="{{path('app_profile')}}">Profil bearbeiten</a></li>
<li class="dropdown"><a href="#"><span>Einstellungen</span> <i class="bi bi-chevron-right"></i></a>
<ul>
<li><a href="{{path('app_props')}}">Allgemein</a></li>
<li><a href="{{path('app_libprops')}}">Karteikasten</a></li>
<li><a href="{{path('app_poolprops')}}">Fächer</a></li>
</ul>
</li>
<li><a href="{{path('app_logout')}}">Logout</a></li>
</ul>
</li>
{% else %}
<li><a href="{{path('app_pricing')}}">Preise</a></li>
<li><a href="{{path('app_login')}}">Login</a></li>
{% endif %}
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
{%block body%}{%endblock%}
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-newsletter">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h4>Newsletter</h4>
<p>Erhalte Informationen über den Startzeitpunkt und neue Features dieser Lern-Plattform. </p>
</div>
<div class="col-lg-6">
<form action="" method="post">
<input type="email" name="email"><input type="submit" value="Subscribe">
</form>
</div>
</div>
</div>
</div>
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 footer-links">
<h4>Wichtige Links</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="{{path('app_home')}}">Startseite</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Über uns </a></li>
<li><i class="bx bx-chevron-right"></i> <a href="{{path('app_pricing')}}">Preise</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="{{path('app_impressum')}}">Impressum</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="{{path('app_datenschutz')}}">Datenschutz</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Unser Angebot</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#">Karteikasten</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Lernmethode</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Karteikarten Sharing</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Karteikarten Templates</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-contact">
<h4>Hier findest Du uns</h4>
<p>
webkombinat<br>
Heidberg 5<br>
22301 Hamburg<br>
Germany<br><br>
<strong>E-Mail:</strong> info@webkombinat.net<br>
<strong>Web:</strong> www.webkombinat.net<br>
</p>
</div>
<div class="col-lg-3 col-md-6 footer-info">
<h3>Über HEY:LOTTE!</h3>
<p>Dies ist eine Lernplattform für Sprachen. Erstelle Karteikarten und fange an zu lernen.<br>Der Einstieg ist super leicht. Teile deine Inhalte mit anderen oder übernehme Karten von anderen. Werde Teil einer Lern-Community.</p>
<!--
<div class="social-links mt-3">
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
</div>
-->
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
© Copyright <strong><span>webkombinat</span></strong>. All Rights Reserved
</div>
</div>
</footer><!-- End Footer -->
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="{{asset('assets/vendor/purecounter/purecounter_vanilla.js')}}"></script>
<script src="{{asset('assets/vendor/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('assets/vendor/glightbox/js/glightbox.min.js')}}"></script>
<script src="{{asset('assets/vendor/isotope-layout/isotope.pkgd.min.js')}}"></script>
<script src="{{asset('assets/vendor/swiper/swiper-bundle.min.js')}}"></script>
<script src="{{asset('assets/vendor/waypoints/noframework.waypoints.js')}}"></script>
<!-- Template Main JS File -->
<script src="{{asset('assets/js/main.js')}}"></script>
</body>
</html>