<!doctype html>
{#<html lang="en">#}
<html lang="{{ app.request.locale }}">
<head>
<title>{% block title %}Welcome to the History Explorer{% endblock %}</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
{% block stylesheets %}
{# <link rel="preconnect" href="https://fonts.gstatic.com">#}
{# <link#}
{# href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"#}
{# rel="stylesheet"#}
{# />#}
<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=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" href="{{ asset('css/font-awesome.css') }}">
<link rel="stylesheet" href="{{ asset('css/styles.css') }}">
<link rel="stylesheet" href="{{ asset('css/styles-media.css') }}">
<link rel="stylesheet" href="{{ asset('css/algolia-autocomplete.css') }}" >
{% endblock %}
</head>
{# <body style="{{ get_style_background('images/backgrounds/', 'background-', 8) }}">#}
<body style="{% block body_style %} {{ get_style_background( asset('images/backgrounds/'), 'background-', 8) }} {% endblock %}">
{% if is_granted('ROLE_PREVIOUS_ADMIN') %}
<div class="alert alert-warning" style="margin-bottom: 0;">
You are currently switched to this user.
<a href="{{ path('app_homepage', {'_switch_user': '_exit'}) }}">Exit Impersonation</a>
</div>
{% endif %}
<nav class="navbar navbar-expand-lg navbar-dark navbar-bg {{ app.session.flashbag.peek('success')|length > 0 ? '' : 'mb-2' }}" id="navbar">
<div class="container-fluid">
<a class="navbar-brand space-brand" href="{{ path('app_homepage') }}">History Explorer</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="{{ path('app_homepage') }}">
<i class="fa fa-home"></i> {{ 'base.home' |trans }}
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('pedigree') }}">
<i class="fa fa-share-alt"></i> {{ 'base.pedigree' |trans }}
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('timeline') }}">
<i class="fa fa-clock-o"></i> {{ 'base.timeline' |trans }}
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ path('timemap') }}">
<i class="fa fa-map-o"></i> {{ 'base.timemap' |trans }}
</a>
</li>
<!--li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Events
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><hr class="dropdown-divider"></li>
</ul>
</li-->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{ 'base.lists' |trans }}
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li>
<a class="dropdown-item" href="{{ path('event_list') }}">
<i class="fa fa-calendar"></i> {{ 'base.events' |trans }}
</a>
</li>
<li>
<a class="dropdown-item" href="{{ path('locations') }}">
<i class="fa fa-location-arrow"></i> {{ 'base.locations' |trans }}
</a>
</li>
<li>
<a class="dropdown-item" href="{{ path('persons_list') }}">
<i class="fa fa-user"></i> {{ 'base.persons' |trans }}
</a>
</li>
<li>
<a class="dropdown-item" href="{{ path('travelpaths') }}">
<i class="fa fa-arrows-h"></i> {{ 'base.paths' |trans }}
</a>
</li>
<li>
<a class="dropdown-item" href="{{ path('geoobjects') }}">
<i class="fa fa-globe"></i> {{ 'base.geoobjects' |trans }}
</a>
</li>
<li><hr class="dropdown-divider"></li>
<li>
<a class="dropdown-item" href="{{ path('reference_list') }}">
<i class="fa fa-book"></i> {{ 'base.passagelist' |trans }}
</a>
</li>
<li>
<a class="dropdown-item" href="{{ path('checklist') }}">
<i class="fa fa-check-circle-o"></i> {{ 'base.checklist' |trans }}
</a>
</li>
</ul>
</li>
{% set versions = {lut : 'Luther (LUT)',
elb:'Elberfelder (ELB)',
hfa:'Hoffnung für Alle (HfA)'
} %}
<li id="version-select" class="nav-item dropdown picker-dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdown-version" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{% if app.session.get('version') is not defined or app.session.get('version') is null %}
{{ versions['lut']}}
{% else %}
{{ versions[app.session.get('version')] }}
{% endif %}
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-language">
{% for key, value in versions %}
<a class="dropdown-item" value="{{ key }}" href="#">{{ value }}</a>
{% endfor %}
</div>
</li>
</ul>
<!-- SEARCH FORM -->
<form class="mb-2">
<div class="form-search-item">
<input type="text" id="search-nav" data-general-autocomplete-url="{{ path('utility_general_search') }}" required>
<label for="search-nav">{{ 'base.search' |trans }}...</label>
</div>
<div class="form-search-item">
<button type="submit" class="btn btn-sm btn-link"><i class="fa fa-search"></i></button>
</div>
</form>
<ul class="navbar-nav ml-auto">
{% if is_granted('ROLE_USER') %}
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<img class="nav-profile-img" src="/images/person.svg">
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="{{ path('app_account') }}">
<i class="fa fa-user-circle"></i> {{ 'base.profile' |trans }}
</a>
{% if is_granted('ROLE_ADMIN') %}
<hr class="dropdown-divider">
<a class="dropdown-item" href="{{ path('admin_users_list') }}">
<i class="fa fa-users"></i> {{ 'base.users' |trans }}
</a>
{% endif %}
{% if is_granted('ROLE_ACCEPT_CHANGES') %}
<a class="dropdown-item" href="{{ path('admin_changes_list') }}">
<i class="fa fa-pencil"></i> {{ 'base.changes' |trans }}
</a>
{% endif %}
{% if is_granted('ROLE_EDIT_ENTITY') %}
{% endif %}
<hr class="dropdown-divider">
<a class="dropdown-item" href="{{ path('app_logout') }}">
<i class="fa fa-sign-out" aria-hidden="true"></i> {{ 'base.logout' |trans }}
</a>
</div>
</li>
{% else %}
<li class="nav-item">
<a style="color: #fff;" class="nav-link" href="{{ path('app_login') }}">{{ 'base.login' |trans }}</a>
</li>
<li class="nav-item">
<a style="color: #fff;" class="nav-link" href="{{ path('app_register') }}">{{ 'base.register' |trans }}</a>
</li>
{% endif %}
<li class="nav-item dropdown picker-dropdown">
<a class="nav-link dropdown-toggle" href="#" id="dropdown-language" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{{'index.language'|trans}}
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-language">
<a class="dropdown-item" href="{{ path('app_homepage', {_locale: 'en'}) }}">🇬🇧</a>
<a class="dropdown-item" href="{{ path('app_homepage', {_locale: 'de'}) }}">🇩🇪</a>
</div>
</li>
{# <li class="nav-item">
<select id="version-selection" class="nav-item dropdown picker-dropdown" aria-label="Default select example" onchange="getVersion(this)">
{% for version, key in versions %}
{% set selected = '' %}
{% if (version == app.session.get('version') ) %}
{% set selected = 'selected' %}
{% endif %}
<option value="{{ version }}" {{ selected }}> {{ key }}</option>
{% endfor %}
</select>
</li>#}
</ul>
</div>
</div>
</nav>
{% for message in app.flashes('success') %}
<div class="alert alert-success">
{{ message }}
</div>
{% endfor %}
{% for message in app.flashes('error') %}
<div class="alert alert-danger">
{{ message }}
</div>
{% endfor %}
{% block body %}
{% endblock %}
<footer class="footer">
<div class="container text-center">
<span class="text-muted">Made with <i class="fa fa-heart" style="color: red;"></i> by <a href="http://martinbrake.de">Martin Brake</a></span>
</div>
</footer>
{% block javascripts %}
<script src="{{ asset('js/jquery-3.2.1.min.js') }}" ></script>
{# <script src="{{ asset('js/jquery-ui.min.js') }}" ></script>#}
{# <script src="{{ asset('js/jquery.ui.touch-punch.js') }}"></script>#}
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/autocomplete.js/0/autocomplete.jquery.min.js"></script>
<script>
$('.dropdown-toggle').dropdown();
/* $('.custom-file-input').on('change', function (event) {
var inputFile = event.currentTarget;
console.log(inputFile);
$(inputFile).parent()
.find('.custom-file-label')
.html(inputFile.files[0].name);
$(inputFile).parent().parent()
.find('.show-article-img')
.attr('src', inputFile.files[0].name);
});*/
</script>
<script src="{{ asset('js/app.js') }}"></script>
{% endblock %}
</body>
</html>