<!DOCTYPE html>
{% set lang = app.request.locale|split('_')[0] %}
<html lang="{{ lang }}">
{% if (app.request.locale|split('_'))|length > 1 %}
{% set region = (app.request.locale|split('_')[1])|lower %}
{% else %}
{% set region = 'gb' %}
{% endif %}
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Utixo Pulse Mailer">
<meta name="author" content="Utixo">
<title>
{{ page.main_title }}
{% if status_code is defined %}
- {{ status_code }}
{% elseif page.title is not empty %}
- {{ page.title|trans }}
{% endif %}
</title>
<meta name="author" content="Utixo Ltd" />
<link rel="icon" href="https://utixo.co.uk/wp-content/uploads/2017/03/cropped-logo-utixo-32x32.png" sizes="32x32" />
<link rel="icon" href="https://utixo.co.uk/wp-content/uploads/2017/03/cropped-logo-utixo-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon-precomposed" href="https://utixo.co.uk/wp-content/uploads/2017/03/cropped-logo-utixo-180x180.png" />
<meta name="msapplication-TileImage" content="https://utixo.co.uk/wp-content/uploads/2017/03/cropped-logo-utixo-270x270.png" />
<!-- Favicon -->
<!--<link href="./assets/img/brand/favicon.png" rel="icon" type="image/png">-->
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<!-- Translations -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-messageformat/9.0.2/intl-messageformat.min.js" integrity="sha512-uGIOqaLIi8I30qAnPLfrEnecDDi08AcCrg7gzGp/XrDafLJl/NIilHwAm1Wl2FLiTSf10D5vM70108k3oMjK5Q==" crossorigin="anonymous"></script>
<script src="{{ asset('bundles/bazingajstranslation/js/translator.min.js') }}"></script>
<script src="{{ path('bazinga_jstranslation_js', { 'domain': 'messages', '_format': 'js', 'locales': lang }) }}"></script>
{{ encore_entry_link_tags('main') }}
{% block stylesheets %}
{% endblock %}
</head>
{% block body %}
<body class="c-app" data-app-scheme="{{ app_scheme }}" data-app-hostname="{{ app_hostname }}">
{% include 'common/sidebar.html.twig' %}
<div class="c-wrapper">
{% include 'common/topbar.html.twig' %}
<div class="c-body">
<main class="c-main">
{% if page.notices is defined and page.notices|length > 0 %}
<div class="alert alert-light p-0 border-0" style="margin-top: -2rem">
{% for message in page.notices %}
<div class="px-3 d-flex">
<div class="py-2 px-3">
<span class="text-value text-uppercase font-weight-bold text-warning align-text-top">
<i class="c-icon cil-warning"></i>
</span>
<span class="text-muted small">{{ message|raw }}</span>
</div>
</div>
{% endfor %}
</div>
{% endif %}
<div class="container-fluid">
<div class="fade-in">
{% set modal_flashes = app.flashes(['modal-warning']) %}
{% if modal_flashes['modal-warning'] %}
<div class="modal fade actionModal" id="warningsModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<div class="modal-title h4"><i class="text-warning cil-warning"></i> {{ 'flashes.warning'|trans }}</div>
</div>
<div class="modal-body">
<p>
{% for message in modal_flashes['modal-warning'] %}
{{ message|raw }}
{% endfor %}
</p>
</div>
</div>
</div>
</div>
{% endif %}
{# pass an array argument to get the messages of those types #}
{% for label, messages in app.flashes(['success']) %}
{% for message in messages %}
<div class="alert alert-dismissible alert-light p-0 border-0">
<div class="p-0 d-flex">
<div class="bg-gradient-{{ label }} p-4 mfe-3">
<i class="c-icon cil-check"></i>
</div>
<div class="py-2">
<div class="text-value text-uppercase font-weight-bold text-{{ label }}">{{ 'flashes.success'|trans }}</div>
<div class="text-muted text-uppercase font-weight-bold small">{{ message|raw }}</div>
</div>
</div>
</div>
{% endfor %}
{% endfor %}
{% for label, messages in app.flashes(['warning']) %}
{% for message in messages %}
<div class="alert alert-dismissible alert-light p-0 border-0">
<div class="p-0 d-flex">
<div class="bg-gradient-{{ label }} p-4 mfe-3">
<i class="c-icon cil-warning"></i>
</div>
<div class="py-2">
<div class="text-value text-uppercase font-weight-bold text-{{ label }}">{{ 'flashes.warning'|trans }}</div>
<div class="text-muted text-uppercase font-weight-bold small">{{ message|raw }}</div>
</div>
</div>
</div>
{% endfor %}
{% endfor %}
{% block content %}
{% endblock %}
</div>
</div>
</main>
</div>
<footer class="c-footer">
<div>
<a href="https://utixo.co.uk">Pulse Mailer</a>
{% if page.app_version is defined %}
<span class="small">{{ page.app_version }}</span>
{% endif %}
© {{ "now"|date("Y") }} Utixo
</div>
<div class="ml-auto">Powered by <a href="https://utixo.co.uk">Utixo</a></div>
</footer>
</div>
<!-- CoreUI and necessary plugins-->
{{ encore_entry_script_tags('main') }}
{{ encore_entry_script_tags('notifications') }}
{% block javascripts %}
{% endblock %}
</body>
{% endblock %}
</html>