<!DOCTYPE html>
<html lang="fr" >
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="keywords" content="">
<!-- Web Fonts -->
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&display=swap" rel="stylesheet">
<!-- ======= BEGIN GLOBAL MANDATORY STYLES ======= -->
{# <meta name="p:domain_verify" content="59abb365592278c9b3624b621c108b7f"/> #}
{% block metas %}{% endblock %}
<title>{% block title %}OSE{% endblock %}</title>
<!-- Favicon -->
<link rel="shortcut icon" href="{{ asset('assets/images/fav/Fichier-16-2x.png') }}">
<link rel="stylesheet" href="{{ asset('assets/fontawesome-free-6.0.0-web/css/all.css') }}" />
{# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
<link rel="stylesheet" href="{{ asset('assets/fontawesome-free-6.0.0-web/css/all.css') }}" />
<link rel="stylesheet" href="{{ asset('assets/template/dashmin/assets/bootstrap/css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{ asset('assets/template/dashmin/assets/fonts/icofont/icofont.min.css')}}">
<link rel="stylesheet" href="{{ asset('assets/template/dashmin/assets/plugins/perfect-scrollbar/perfect-scrollbar.min.css')}}">
<!-- ======= END BEGIN GLOBAL MANDATORY STYLES ======= -->
<!-- ======= BEGIN PAGE LEVEL PLUGINS STYLES ======= -->
<link rel="stylesheet" href="{{ asset('assets/template/dashmin/assets/plugins/apex/apexcharts.css')}}">
<!-- ======= END BEGIN PAGE LEVEL PLUGINS STYLES ======= -->
<!-- ======= MAIN STYLES ======= -->
<link rel="stylesheet" href="{{ asset('assets/template/dashmin/assets/css/style.css')}}">
<!-- ======= END MAIN STYLES ======= -->
<link rel="stylesheet" href="{{ asset('assets/css/custom/auth.css')}}">
{{ encore_entry_link_tags('app_style') }}
<link rel="stylesheet" href="{{ asset('assets/template/dashmin/assets/plugins/sweetalert2/sweetalert2.min.css')}}">
{% endblock %}
<style>
</style>
<body class="d-flex align-items-center">
<div class="wrapper">
<!-- <div id="google_translate_element" class="text-right m-4"></div> -->
<div class="auth-content mb-3">
<div class="login-container row">
{# <div class="col-md-5 d-md-block d-none login-image wave" > #}
<div class="col-md-5 d-md-block d-none login-image" style="background-image:url('{{asset('assets/images/ose/Image-1.png') }}')">
<!-- Image content here, such as an img tag or background image -->
</div>
<div class="col-md-7 login-form">
{% set route = app.request.attributes.get('_route') %}
{% set route_params = app.request.attributes.get('_route_params') %}
{% set params = route_params|merge(app.request.query.all) %}
<ul class="d-flex align-items-center flex-end " style="padding:5px; list-style-type:none; justify-content:flex-end;">
<li><a href="{{ path(route, params|merge({ lang: 'fr' })) }}"><img src="{{asset( "assets/flags/fr.png" ) }}" style="height: 15px;" alt="FR" /></a></li>
<li style="margin-left:10px; margin-right:10px"> | </li>
<li><a href="{{ path(route, params|merge({ lang: 'en' })) }}"><img src="{{asset( "assets/flags/en.png" ) }}" style="height: 15px;" alt="EN" /></a></li>
</ul>
{% block body %}
{% endblock %}
</div>
</div>
</div>
</div>
</body>
{% block javascripts %}
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'fr', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!-- ======= BEGIN GLOBAL MANDATORY SCRIPTS ======= -->
<script src="{{asset('assets/template/dashmin_dark/assets/js/jquery.min.js')}}"></script>
<script src="{{asset('assets/template/dashmin_dark/assets/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('assets/template/dashmin_dark/assets/plugins/perfect-scrollbar/perfect-scrollbar.min.js')}}"></script>
<script src="{{asset('assets/template/dashmin_dark/assets/js/script.js')}}"></script>
<!-- ======= BEGIN GLOBAL MANDATORY SCRIPTS ======= -->
<!-- ======= BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS ======= -->
<script src="{{asset('assets/template/dashmin_dark/assets/plugins/apex/apexcharts.min.js')}}"></script>
<script src="{{asset('assets/template/dashmin_dark/assets/plugins/apex/custom-apexcharts.js')}}"></script>
<script src="{{asset('assets/template/dashmin/assets/plugins/sweetalert2/sweetalert2.all.min.js')}}"></script>
<script src="{{asset('assets/template/dashmin/assets/plugins/sweetalert2/sweetalerts.js')}}"></script>
<!-- ======= End BEGIN PAGE LEVEL PLUGINS/CUSTOM SCRIPTS ======= -->
{% for message in app.flashes('success_message') %}
<script>
// SweetAlert code to display the success message
Swal.fire({
title: "Succès",
text: '{{ message | raw }}',
type: "success",
confirmButtonClass: "btn long",
buttonsStyling: !1
});
</script>
{% endfor %}
{% for message in app.flashes('error_message') %}
<script>
// SweetAlert code to display the success message
Swal.fire({
title: "Erreur!",
text: '{{ message | raw }}',
type: "error",
confirmButtonClass: "btn long",
buttonsStyling: !1
});
</script>
{% endfor %}
{% endblock %}
</html>