<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %} {{ title|default('') }}{% endblock %}</title>
{# Run `composer require symfony/webpack-encore-bundle`
and uncomment the following Encore helpers to start using Symfony UX #}
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="{% block description %}{% endblock %}">
<meta property="og:image" content="https://prozili.greendot.cz/build/img/02-desktop.jpg" />
<link rel="apple-touch-icon" sizes="180x180" href="/build/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/build/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/build/img/favicon-16x16.png">
<link rel="manifest" href="/build/img/site.webmanifest">
<link rel="mask-icon" href="/build/img/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ff0000">
{#
<link rel="icon" type="image/x-icon" href="{{ asset('build/img/favico.ico') }}">
#}
<!-- Google Fonts -->
{# <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com"> #}
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{{ encore_entry_script_tags('main') }}
{% endblock %}
</head>
<body>
<header class="p-fixed">
<div class="header">
<a class="header__logo" href="/">
<img src="{{ asset("build/svg/logo.svg") }}" class="header__logo-icon" alt="Tohle jsme prožili logo">
</a>
<nav class="nav">
<div class="nav-top">
<!--<div class="search">
<form action="#" class="search__form">
<input type="text" class="search__input" placeholder="Zadejte hledaný výraz">
<button type="submit" class="search__btn">
<img src="{{ asset("build/svg/search-icon.svg") }}" alt="Hledat">
</button>
</form>
</div>-->
{#
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<a href="{{ path('app_logout') }}" class=" btn-transparent">Odhlásit se</a>
{% else %}
<a href="#" class="nav-top__login btn-transparent">Přihlásit se</a>
{% endif %}
#}
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<div class="nav-logged d-none d-lg-block">
<div class="nav-logged__user">
<div class="nav-logged__user-icon">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20" cy="20" r="20" fill="#1A1B1C"/>
<path d="M20 19C20.7911 19 21.5645 18.7654 22.2223 18.3259C22.8801 17.8864 23.3928 17.2616 23.6955 16.5307C23.9983 15.7998 24.0775 14.9956 23.9231 14.2196C23.7688 13.4437 23.3878 12.731 22.8284 12.1716C22.269 11.6122 21.5563 11.2312 20.7804 11.0769C20.0044 10.9225 19.2002 11.0017 18.4693 11.3045C17.7384 11.6072 17.1136 12.1199 16.6741 12.7777C16.2346 13.4355 16 14.2089 16 15C16 16.0609 16.4214 17.0783 17.1716 17.8284C17.9217 18.5786 18.9391 19 20 19ZM20 13C20.3956 13 20.7822 13.1173 21.1111 13.3371C21.44 13.5568 21.6964 13.8692 21.8478 14.2346C21.9991 14.6001 22.0387 15.0022 21.9616 15.3902C21.8844 15.7781 21.6939 16.1345 21.4142 16.4142C21.1345 16.6939 20.7781 16.8844 20.3902 16.9616C20.0022 17.0387 19.6001 16.9991 19.2346 16.8478C18.8692 16.6964 18.5568 16.44 18.3371 16.1111C18.1173 15.7822 18 15.3956 18 15C18 14.4696 18.2107 13.9609 18.5858 13.5858C18.9609 13.2107 19.4696 13 20 13Z" fill="white"/>
<path d="M20 21C18.1435 21 16.363 21.7375 15.0503 23.0503C13.7375 24.363 13 26.1435 13 28C13 28.2652 13.1054 28.5196 13.2929 28.7071C13.4804 28.8946 13.7348 29 14 29C14.2652 29 14.5196 28.8946 14.7071 28.7071C14.8946 28.5196 15 28.2652 15 28C15 26.6739 15.5268 25.4021 16.4645 24.4645C17.4021 23.5268 18.6739 23 20 23C21.3261 23 22.5979 23.5268 23.5355 24.4645C24.4732 25.4021 25 26.6739 25 28C25 28.2652 25.1054 28.5196 25.2929 28.7071C25.4804 28.8946 25.7348 29 26 29C26.2652 29 26.5196 28.8946 26.7071 28.7071C26.8946 28.5196 27 28.2652 27 28C27 26.1435 26.2625 24.363 24.9497 23.0503C23.637 21.7375 21.8565 21 20 21Z" fill="white"/>
</svg>
</div>
<div class="nav-logged__user-name">
{{app.user.name}} ({{ app.user.mail }})
</div>
</div>
<ul class="nav-logged__dropdown">
<li>
<a href=" {{ path('app_profile') }} " class="nav-logged__dropdown-link">Můj profil</a>
</li>
<li>
<a href="{{ path('app_logout') }}" class="nav-logged__dropdown-link">Odhlásit se</a>
</li>
</ul>
</div>
{% else %}
<a href="#" class="nav-top__login btn-transparent d-none d-lg-inline-block">Přihlásit se</a>
{% endif %}
<button class="nav-top__textsize textsize-trigger btn-link">
<svg width="26" height="28" viewBox="0 0 26 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.594 19.578H2.702L1.82 22H0.28L3.766 12.76H5.558L9.044 22H7.462L6.594 19.578ZM6.146 18.36L5.082 15.392L4.662 14.062H4.62L4.228 15.364L3.136 18.36H6.146Z" />
<path d="M21.304 17.848H14.632L13.12 22H10.48L16.456 6.16H19.528L25.504 22H22.792L21.304 17.848ZM20.536 15.76L18.712 10.672L17.992 8.392H17.92L17.248 10.624L15.376 15.76H20.536Z" />
</svg>
</button>
<button class="nav-top__menu btn-link" >
<span class="menu-trigger">
<span class="nav-mobile__icon"></span>
Menu
</span>
</button>
</div>
<div class="nav-mobile">
{# <button class="nav-mobile__search btn-link" onclick="toggleSearch();">
<span class="nav-mobile__search-icon"></span>
<span class="nav-mobile__search-text">Hledat</span>
</button> #}
<!-- <button class="nav-mobile__textsize textsize-trigger btn-link">
<svg width="26" height="28" viewBox="0 0 26 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.594 19.578H2.702L1.82 22H0.28L3.766 12.76H5.558L9.044 22H7.462L6.594 19.578ZM6.146 18.36L5.082 15.392L4.662 14.062H4.62L4.228 15.364L3.136 18.36H6.146Z" />
<path d="M21.304 17.848H14.632L13.12 22H10.48L16.456 6.16H19.528L25.504 22H22.792L21.304 17.848ZM20.536 15.76L18.712 10.672L17.992 8.392H17.92L17.248 10.624L15.376 15.76H20.536Z" />
</svg>
</button> -->
{% if is_granted('IS_AUTHENTICATED_FULLY') %}
<div class="nav-logged d-none d-lg-block">
<div class="nav-logged__user">
<div class="nav-logged__user-icon">
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20" cy="20" r="20" fill="#1A1B1C"/>
<path d="M20 19C20.7911 19 21.5645 18.7654 22.2223 18.3259C22.8801 17.8864 23.3928 17.2616 23.6955 16.5307C23.9983 15.7998 24.0775 14.9956 23.9231 14.2196C23.7688 13.4437 23.3878 12.731 22.8284 12.1716C22.269 11.6122 21.5563 11.2312 20.7804 11.0769C20.0044 10.9225 19.2002 11.0017 18.4693 11.3045C17.7384 11.6072 17.1136 12.1199 16.6741 12.7777C16.2346 13.4355 16 14.2089 16 15C16 16.0609 16.4214 17.0783 17.1716 17.8284C17.9217 18.5786 18.9391 19 20 19ZM20 13C20.3956 13 20.7822 13.1173 21.1111 13.3371C21.44 13.5568 21.6964 13.8692 21.8478 14.2346C21.9991 14.6001 22.0387 15.0022 21.9616 15.3902C21.8844 15.7781 21.6939 16.1345 21.4142 16.4142C21.1345 16.6939 20.7781 16.8844 20.3902 16.9616C20.0022 17.0387 19.6001 16.9991 19.2346 16.8478C18.8692 16.6964 18.5568 16.44 18.3371 16.1111C18.1173 15.7822 18 15.3956 18 15C18 14.4696 18.2107 13.9609 18.5858 13.5858C18.9609 13.2107 19.4696 13 20 13Z" fill="white"/>
<path d="M20 21C18.1435 21 16.363 21.7375 15.0503 23.0503C13.7375 24.363 13 26.1435 13 28C13 28.2652 13.1054 28.5196 13.2929 28.7071C13.4804 28.8946 13.7348 29 14 29C14.2652 29 14.5196 28.8946 14.7071 28.7071C14.8946 28.5196 15 28.2652 15 28C15 26.6739 15.5268 25.4021 16.4645 24.4645C17.4021 23.5268 18.6739 23 20 23C21.3261 23 22.5979 23.5268 23.5355 24.4645C24.4732 25.4021 25 26.6739 25 28C25 28.2652 25.1054 28.5196 25.2929 28.7071C25.4804 28.8946 25.7348 29 26 29C26.2652 29 26.5196 28.8946 26.7071 28.7071C26.8946 28.5196 27 28.2652 27 28C27 26.1435 26.2625 24.363 24.9497 23.0503C23.637 21.7375 21.8565 21 20 21Z" fill="white"/>
</svg>
</div>
<div class="nav-logged__user-name">
{{app.user.name}} ({{ app.user.mail }})
</div>
</div>
<ul class="nav-logged__dropdown">
<li>
<a href=" {{ path('app_profile') }} " class="nav-logged__dropdown-link">Můj profil</a>
</li>
<li>
<a href="{{ path('app_logout') }}" class="nav-logged__dropdown-link">Odhlásit se</a>
</li>
</ul>
</div>
{% else %}
<a href="#" class="nav-top__login btn-transparent d-lg-none">Přihlásit se</a>
{% endif %}
<button class="nav-mobile__menu btn-link" >
<span class="menu-trigger">
<span class="nav-mobile__icon"></span>
Menu
</span>
</button>
</div>
<ul class="nav-main mt-0 mt-lg-5">
<li class="nav-main__item">
<a href="/" class="nav-main__link">Úvod</a>
</li>
<li class="nav-main__item">
<a href="/tohle-jsme-prozili" class="nav-main__link">Tohle jsme prožili</a>
</li>
<li class="nav-main__item">
<a href="/prameny-online" class="nav-main__link">Prameny online</a>
</li>
<li class="nav-main__item">
<a href="/diskuse" class="nav-main__link">Diskuse</a>
</li>
<li class="nav-main__item">
<a href="/sdilet-vzpominky" class="nav-main__link">Sdílet vzpomínky</a>
</li>
<li class="nav-main__item">
<a href="/o-projektu" class="nav-main__link">O projektu</a>
</li>
</ul>
{# <ul class="nav-main">
{% for category in menu_categories %}
<li class="nav-main__item">
<a href="{{ path('web_get_page', {slug: category.slug}) }}" class="nav-main__link">
{% if category.menuName %}
{{ category.menuName }}
{% else %}
{{ category.name }}
{% endif %}
</a>
</li>
{% endfor %}
<li class="nav-main__item nav-main__login">
<a href="#" class="btn-transparent w-100">Přihlásit se</a>
</li>
</ul> #}
</nav>
</div>
</header>
<div class="fixed-header-fix">
</div>
<!-- MODAL BOX log in -->
{#
{% for flash in app.flashes('loginError') %}
{{ flash }}
{% endfor %}
#}
{% set loginError = app.flashes('loginError') %}
<div id="myModal" class="modal" {{ loginError is not empty ? 'style="display: block"' }}>
<!-- Modal content -->
<div class="modal__content">
<span class="modal__close">×</span>
<div class="modal__inner">
<h2 class="mb-5">Přihlášení</h2>
{% if loginError is not empty %}
<p class="mb-5" style="color: red">
{{ loginError[0] }}
</p>
{% endif %}
<form method="post" action="{{ path('app_login') }}">
<label for="loginMail" class="modal__label">Váš e-mail</label>
<input type="email" class="input mb-5" name="email" id="inputLogin" required autofocus>
<label for="loginMail" class="modal__label">Heslo</label>
<input type="password" name="password" id="inputPassword" class="input mb-5" required>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
<button class="btn-black btn-black--border w-100" type="submit">Přihlásit se</button>
{#
<a class="d-block link w-100 text-center mt-5 mb-7" href="#">Zapomněli jste heslo?</a>
#}
<p class="text-center mt-5 mb-3">Nemáte svůj účet?</p>
<a class="d-block link w-100 text-center nav-main__signin font-weight-bold" href="#">Zaregistrujte se</a>
</form>
{#
{{ render (controller('App\\Controller\\SecurityController::login')) }}
#}
</div>
{#
{% if login_form is defined %}
{{ form(login_form) }}
{% endif %}
<form method="post" action="{{ path('app_login') }}">
{% if app.user %}
<div class="mb-3">
You are logged in as {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
</div>
{% endif %}
<h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
<label for="inputLogin">Login</label>
<input type="text" name="email" id="inputLogin" class="form-control" required autofocus>
<label for="inputPassword">Password</label>
<input type="password" name="password" id="inputPassword" class="form-control" required>
<input type="hidden" name="_csrf_token"
value="{{ csrf_token('authenticate') }}"
>
<button class="btn btn-lg btn-primary" type="submit">
Sign in
</button>
</form>
#}
</div>
</div>
<!-- END MODAL BOX -->
<!-- MODAL BOX sign in -->
<div id="myModalSignIn" class="modal">
<!-- Modal content -->
<div class="modal__content">
<span class="modal__close">×</span>
<div class="modal__inner">
<h2 class="mb-5">Registrace</h2>
<form method="post" action="{{ path('app_register') }}">
<label for="loginMail" class="modal__label">Váš e-mail</label>
<input type="email" class="input" name="mail" id="inputLogin" required autofocus>
<p class="mb-5 text-small">(Používá se jen pro přihlášení, nebude nikde zveřejněno)</p>
<label for="loginMail" class="modal__label">Heslo</label>
<input type="password" name="password" id="inputPassword" class="input" required>
<p class="mb-5 text-small">(Minimálně 6 znaků)</p>
<label for="loginMail" class="modal__label">Zopakovat heslo</label>
<input type="password" name="passwordAgain" id="inputPassword" class="input mb-5" required>
<label for="loginMail" class="modal__label">Vaše jméno nebo přezdívka</label>
<input type="text" class="input" name="name" id="inputNickname" required autofocus>
<p class="mb-5 text-small">(Bude zveřejněno u diskuzního přispěvku)</p>
<label for="agree" class="d-flex align-items-center gap-2">
<input type="checkbox" name="agreeTerms" id="agree" required autofocus>
<p>Souhlasím se zpracováním osobních údajů</p>
</label>
<button class="btn-black btn-black--border mt-5 w-100" type="submit">Dokončit registraci</button>
</form>
</div>
{#
{% if login_form is defined %}
{{ form(login_form) }}
{% endif %}
<form method="post" action="{{ path('app_login') }}">
{% if app.user %}
<div class="mb-3">
You are logged in as {{ app.user.username }}, <a href="{{ path('app_logout') }}">Logout</a>
</div>
{% endif %}
<h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
<label for="inputLogin">Login</label>
<input type="text" name="email" id="inputLogin" class="form-control" required autofocus>
<label for="inputPassword">Password</label>
<input type="password" name="password" id="inputPassword" class="form-control" required>
<input type="hidden" name="_csrf_token"
value="{{ csrf_token('authenticate') }}"
>
<button class="btn btn-lg btn-primary" type="submit">
Sign in
</button>
</form>
#}
</div>
</div>
<!-- END MODAL BOX -->
{% block body %}{% endblock %}
<footer class="footer">
<div class="container">
{# <div class="row">
<div class="col-12 col-lg-6">
<div class="footer__col">
<div class="footer__heading">Partneři projektu</div>
<div class="footer__logos">
<img src="{{ asset("build/img/tacr-l.png") }}" alt="">
<img src="{{ asset("build/svg/mua-logo.svg") }}" alt="">
<img src="{{ asset("build/img/au3v_logo.png") }}" alt="">
</div>
</div>
</div>
<div class="col-12 col-lg-3 d-md-flex justify-content-center">
<div class="footer__col">
<div class="footer__heading">YouTube kanál</div>
<a href="https://www.youtube.com/channel/UCRJOqpnzIgwg1ekh78ecYJA"><img src="{{ asset("build/svg/yt-icon.svg") }}" alt=""></a>
</div>
</div>
<div class="col-12 col-lg-3">
<div class="footer__col">
<p class="footer__address">
Masarykův ústav a Archiv AV ČR, v. v. i., Gabčíkova 2362/10, 182 00 Praha 8
</p>
</div>
</div>
</div> #}
<div class="footer-inner">
<div class="footer__col">
<a href="https://www.mua.cas.cz/cs" target="_blank">
<img src="{{ asset("build/svg/mua-logo.svg") }}" alt="">
</a>
<p class="footer__text mt-5">
Masarykův ústav a Archiv AV ČR, v. v. i. <br>
Gabčíkova 2362/10 <br>
182 00 Praha 8
</p>
</div>
<div class="footer__col">
<a href="https://www.tacr.cz" target="_blank">
<img src="{{ asset("build/img/tacr-l.png") }}" alt="">
</a>
</div>
<div class="footer__col">
<a class="footer__yt" target="_blank" href="https://www.youtube.com/channel/UCRJOqpnzIgwg1ekh78ecYJA">
<img src="{{ asset("build/svg/yt-icon.svg") }}" alt="">
YouTube kanál
</a>
<br>
<br>
<a href="/partneri-projektu">Partneři projektu</a>
</div>
</div>
<div class="text-center mt-5">© <span id="current_year"></span>, Tohle jsme prožili</div>
</div>
</footer>
</body>