<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Jewelry Rewards :: {% block title %}{% endblock %}</title>
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('build/images/favicon/apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('build/images/favicon/favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('build/images/favicon/favicon-16x16.png') }}">
<link rel="manifest" href="{{ asset('build/images/favicon/site.webmanifest') }}">
<link rel="mask-icon" href="{{ asset('build/images/favicon/safari-pinned-tab.svg') }}" color="#5bbad5">
<link rel="shortcut icon" href="{{ asset('build/images/favicon/favicon.ico') }}">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="{{ asset('build/images/favicon/browserconfig.xml') }}">
<meta name="theme-color" content="#ffffff">
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
</head>
<body>
{% include('layout/header.html.twig') %}
{% set flashMessages = [] %}
{% for type, messages in app.flashes(['success', 'danger', 'warning']) %}
{% for message in messages %}
{% set flashMessages = flashMessages|merge([{type, message}]) %}
{% endfor %}
{% endfor %}
{% if flashMessages|length > 0 %}
<div class="container mt-3">
<div class="row flash-messages">
<div class="col-12">
{% for flashItem in flashMessages %}
<div class="alert alert-{{ flashItem.type }}">
{{ flashItem.message }}
</div>
{% endfor %}
</div>
</div>
</div>
{% endif %}
{% if app.request.get('_route') == 'homepage' %}
{% include "layout/hero.html.twig" with {'hero': block("hero")} %}
{% endif %}
<main class="{% if app.request.get('_route') != 'homepage' %}inner-page{% endif %}">
<div class="container">
{% block body %}{% endblock %}
</div>
</main>
{% include('layout/footer.html.twig') %}
</body>
</html>