<!doctype html>
<html lang="en" class="h-100">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<title>{% block title %}{% endblock %} ยท Talk-A-Bot</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA==" crossorigin="anonymous" />
<style>
body {
background-color: #FAFBFE;
height: 100%;
}
.docs-section .container {
height: 100%;
}
.menu img {
width: 30px;
height: 30px;
}
.menu img[class=flag] {
width: auto;
height: auto;
}
.menu .company-name {
font-weight: bold;
}
</style>
<style>
{% block extrastyle %}{% endblock %}
</style>
</head>
<body>
<!-- <div class="row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm menu align-middle"> -->
<div class="row m-0 align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm menu align-middle">
<div class="col-4">
<img src="/assets/images/tab.png" alt="Talk-a-Bot Logo" class="d-inline-block align-middle">
<span class="company-name align-middle">Talk-A-Bot</span>
</div>
<div class="col-4 align-middle text-center">
<a href="{{ path('index', {_locale: 'hu'}) }}"><img class="flag" src="{{ asset('assets/images/flags/hungary-flag-icon-32.png') }}" alt="๐ญ๐บ" title="{% trans %}language.hungarian{% endtrans %}"></a>
<a href="{{ path('index', {_locale: 'en'}) }}"><img class="flag" src="{{ asset('assets/images/flags/united-states-of-america-flag-icon-32.png') }}" alt="๐บ๐ธ" title="{% trans %}language.english{% endtrans %}"></a>
</div>
<div class="col-4 text-right">
<span class="company-name align-middle">CHEQ</span>
<img src="/assets/images/CHEQ_logo.png" alt="CHEQ Logo" class="d-inline-block align-middle">
</div>
</div>
{% block content %}{% endblock %}
<footer class="footer mt-auto py-3">
<div class="container text-center">
<span class="text-muted">© Talk-A-Bot Kft. | <a href="{{ path('saml_login') }}">{% trans %}global.login{% endtrans %}</a></span>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script>
{% block extrajs %}{% endblock %}
</script>
</body>
</html>