<!DOCTYPE html>
<html lang="en">
<head>
<title>
{% set customerAccountTitle = 'Overseas Network' %}
{% if app.session.get("customerAccountDomain") %}
{% set customerAccountDomain = app.session.get("customerAccountDomain") %}
{% set customerAccountTitle = customerAccountDomain.name %}
{% endif %}
{% block title %} {{customerAccountTitle}} - Login {% endblock %}
</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="description" content="" />
<meta name="keywords" content="">
<meta name="author" content="Ronald" />
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<link rel="stylesheet" href="{{ asset('css/style.css') }}">
<link rel="stylesheet" href="{{ asset('css/styles.css') }}">
<link rel="stylesheet" href="{{ asset('css/login.css') }}">
{% include 'reusable/_domainCss.html.twig'%}
{% endblock %}
{% include 'reusable/favico.html.twig' %}
</head>
<body>
<!-- System Messages -->
{#{% for message in app.flashes('error') %}#}
{# <div class="alert alert-danger">{{ message }}</div>#}
{#{% endfor %}#}
{#{% for message in app.flashes('success') %}#}
{# <div class="alert alert-success">{{ message }}</div>#}
{#{% endfor %}#}
{% if app.session.getFlashBag.has('info') %}
<div class="wrapper alert alert-info alert-dismissible fade show" role="alert">
<strong><i class="fas fa-info-circle"></i> Info!</strong>
{% for msg in app.session.getFlashBag.get('info') %}
<p> {{ msg }} </p>
{% endfor %}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
{% endif %}
{% if app.session.getFlashBag.has('success') %}
<div class="wrapper alert alert-success alert-dismissible fade show" role="alert">
<strong><i class="fas fa-check-circle"></i> Success!</strong>
{% for msg in app.session.getFlashBag.get('success') %}
<p> {{ msg }} </p>
{% endfor %}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
{% endif %}
{% if app.session.getFlashBag.has('error') %}
<div class="wrapper alert alert-error alert-dismissible fade show" role="alert">
<strong><i class="fas fa-exclamation-circle"></i> Error!</strong>
{% for msg in app.session.getFlashBag.get('error') %}
<p> {{ msg }} </p>
{% endfor %}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
{% endif %}
{% if app.session.getFlashBag.has('warning') %}
<div class="wrapper alert alert-warning alert-dismissible fade show" role="alert">
<strong><i class="fas fa-exclamation-triangle"></i> Warning!</strong>
{% for msg in app.session.getFlashBag.get('warning') %}
<p> {{ msg }} </p>
{% endfor %}
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
{% endif %}
<!-- End System Messages -->
{% block body %}
{% endblock %}
{% include 'login/_footerSection.html.twig'%}
{#{% include "appParts/footer.html.twig" %}#}
{% block javascripts %}
{% include "reusable/baseJs.html.twig" %}
<!-- Required Js -->
<script src="{{ asset('js/plugins/bootstrap.min.js') }}"></script>
<script src="{{ asset('js/plugins/bootstrap-slider.min.js') }}"></script>
<script>
$(".alert-success").fadeTo(10000, 500).slideUp(500, function(){
$("#success-alert").slideUp(500);
});
</script>
{% endblock %}
</body>
</html>