<!DOCTYPE html>
<html lang="{{ app.request.locale }}" style="height: 100%; min-height: 100%;">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}Welcome!{% endblock %}</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- default icons used in the plugin are from Bootstrap 5.x icon library (which can be enabled by loading CSS below) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.min.css"
crossorigin="anonymous">
{% block stylesheets %}
<link href="/css/global.css" rel="stylesheet">
<link href="/styles/intlTelInput.min.css" rel="stylesheet">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/eonasdan-bootstrap-datetimepicker/4.17.49/css/bootstrap-datetimepicker.min.css"
integrity="sha512-ipfmbgqfdejR27dWn02UftaAzUfxJ3HR4BDQYuITYSj6ZQfGT1NulP4BOery3w/dT2PYAe3bG5Zm/owm7MuFhA=="
crossorigin="anonymous" referrerpolicy="no-referrer"/>
<!-- the fileinput plugin styling CSS file -->
<link href="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.2.5/css/fileinput.min.css" media="all"
rel="stylesheet" type="text/css"/>
{% endblock %}
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/ff656e5189.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js"></script>
<script>
$(function () {
//$('.content-container').height('100%');
})
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment-with-locales.min.js"
integrity="sha512-LGXaggshOkD/at6PFNcp2V2unf9LzFq6LE+sChH7ceMTDP0g2kn6Vxwgg7wkPP7AAtX+lmPqPdxB47A0Nz0cMQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<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=Cuprum&family=Montserrat:wght@300;400;700&display=swap"
rel="stylesheet">
<style type="text/css">
.logo img {
height: 56px;
}
.btn-primary {
background: #273d97;
border-color: #273d97 !important;
}
.btn-primary:hover, .btn.btn-primary.btn-file:hover {
background: #ffffff !important;
color: #273d97 !important;
}
.btn-danger:hover {
background: #ffffff;
color: #dc3545;
}
li[data-country-code="eh"] {
display: none !important;
}
</style>
<link rel="icon" type="image/png" href="{{ asset('favicon.png') }}">
</head>
<body style="display: flex; flex-direction: column; height: 100%; min-height: 100%;">
<div style="background: #2d2c8b;">
<div class="top container d-md-block">
<div class="row">
<div class="col-sm-4 pt-4">
<a href="/" class="logo"><img src="https://admission.fgses-um6p.ma/images/logo.svg?v3=_" style=""/></a>
</div>
<div class="col-sm-8 text-right menux">
<ul class="pt-5 menu">
<li>
<a href="{{ path('locale_app_login', {'_locale': app.request.locale}) }}">{{ 'menu.home'|trans }}</a>
</li>
<li>
<a href="https://www.fgses-um6p.ma/faq" target="_blank">FAQ</a>
</li>
<li>
<a href="https://www.fgses-um6p.ma/admission-et-criteres-de-selection#cnt" target="_blank">Contact</a>
</li>
<li>
<div class="dropdown">
<a href="{{ path('locale_'~app.request.attributes.get('_route')|replace({'locale_': ''}), app.request.attributes.get('_route_params')|merge({'_locale': app.request.locale|default('en')})) }}"
class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<img src="/images/{{ app.request.locale|default('en') is same as('fr') ? 'fr' : 'uk' }}.png"/>
</a>
<ul class="dropdown-menu">
<li>
<a style="padding: 0; margin: 0;"
href="{{ path('locale_'~app.request.attributes.get('_route')|replace({'locale_': ''}), app.request.attributes.get('_route_params')|merge({'_locale': app.request.locale|default('en') is same as('fr') ? 'en' : 'fr' })) }}"
class="dropdown-item">
<img src="/images/{{ app.request.locale|default('en') is same as('fr') ? 'uk' : 'fr' }}.png"/>
</a>
</li>
</ul>
</div>
</li>
</ul>
<!--<div class="input-group py-5">
<span class="input-group-text" onclick="sendQs()">
<i class="bi bi-search"></i>
</span>
<input type="text" id="s" class="form-control" placeholder="Search by keywords">
</div>-->
</div>
</div>
</div>
</div>
<div class="content-container py-5" style="flex: 1 1 auto;">
{% if app.user %}
<div class="container pt-5 pb-2">
<div class="row">
<div class="col-md-4 offset-md-8 text-right usermenu">
{# <button type="button" class="btn position-relative p-1 py-0" style="font-size: 1.2rem;">
<i class="fas fa-bell" aria-hidden="true"></i>
<span class="position-absolute top-1 start-87 translate-middle p-1 bg-danger border border-light rounded-circle d-none">
<span class="visually-hidden d-none">New alerts</span>
</span>
</button>
<button type="button" class="btn position-relative p-1 py-0" style="font-size: 1.2rem;">
<i class="fas fa-envelope" aria-hidden="true"></i>
<span class="position-absolute top-1 start-87 translate-middle p-1 bg-danger border border-light rounded-circle d-none">
<span class="visually-hidden d-none">New alerts</span>
</span>
</button> #}
<div class="dropdown" style="display: inline-block">
<button class="btn dropdown-toggle" type="button" id="dropdownMenuButton1"
data-bs-toggle="dropdown"
aria-expanded="false">
{% if app.user and app.user.profile %}<img
src="{{ app.user and app.user.profile ? asset('files/'~app.user.id~'/'~app.user.profile) : '' }}"
class="rounded" width="28"
height="28"/>{% endif %} {{ submission is defined and (submission.fname or submission.lname) ? submission.fname~' '~submission.lname : app.user.fname~' '~app.user.lname }}
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
<li>
<a class="dropdown-item"
href="{{ path('submissions', {'_locale': app.request.locale}) }}">
{{ 'My submission'|trans }}
</a>
</li>
<li><a class="dropdown-item"
href="{{ path('locale_user_profile_index', {'_locale': app.request.locale}) }}">{{ 'Profile'|trans }}</a>
</li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item"
href="{{ path('app_logout') }}">{{ 'Logout'|trans }}</a>
</li>
</ul>
</div>
</div>
</div>
</div>
{% endif %}
{% block body %}{% endblock %}
</div>
<footer>
<div class="container py-4">
<div class="row">
<div class="col-md-7">
<p style="margin-bottom: 13px;"><strong>FGSES - Recruitment <span>|</span> +212 530 43 12 46</strong></p>
<p style="margin-bottom: 3px;">© 2024 - The Social Sciences, Economics and Humanities -
UM6P - Campus Rabat. Inc. All rights reserved</p>
</div>
<div class="col-md-5 text-right">
<ul class="socials">
<li>
<a href="https://www.facebook.com/um6p.fgses/" target="_blank"><i class="fab fa-facebook-f"
aria-hidden="true"></i></a>
</li>
<li>
<a href="https://www.instagram.com/fgses.um6p/" target="_blank"><i class="fab fa-instagram"
aria-hidden="true"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/school/fgses-um6p/" target="_blank"><i
class="fab fa-linkedin-in" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://twitter.com/FGSES_UM6P" target="_blank"><i class="fab fa-twitter"
aria-hidden="true"></i></a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCTCjGsHVA47yqMHesJsw8pA" target="_blank">
<i class="fab fa-youtube" aria-hidden="true"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script src="/js/intlTelInput-jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/eonasdan-bootstrap-datetimepicker/4.17.49/js/bootstrap-datetimepicker.min.js"
integrity="sha512-jPwanAeILSRxZLeyP1XYBOo67+how4C1Ij54LQSa8xIOP3hKyeWRe24C0scI4QrTeQywKd1meF4Pak/Glv34vA=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- piexif.min.js is needed for auto orienting image files OR when restoring exif data in resized images and when you
wish to resize images before upload. This must be loaded before fileinput.min.js -->
<script src="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.2.5/js/plugins/piexif.min.js"
type="text/javascript"></script>
<!-- sortable.min.js is only needed if you wish to sort / rearrange files in initial preview.
This must be loaded before fileinput.min.js -->
<script src="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.2.5/js/plugins/sortable.min.js"
type="text/javascript"></script>
<!-- the main fileinput plugin script JS file -->
<script src="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.2.5/js/fileinput.min.js"></script>
<!-- following theme script is needed to use the Font Awesome 5.x theme (`fas`). Uncomment if needed. -->
<!-- script src="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.2.5/themes/fas/theme.min.js"></script -->
<!-- optionally if you need translation for your language then include the locale file as mentioned below (replace LANG.js with your language locale) -->
<script src="https://cdn.jsdelivr.net/gh/kartik-v/bootstrap-fileinput@5.2.5/js/locales/{{ app.request.locale }}.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@3.6.0/dist/chart.min.js"></script>
<script>
$(function () {
$('body').on('input past', ".word-limit", function (e) {
let res = [];
let str = this.value.replace(/[\t\n\r\.\?\!]/gm, " ").split(" ");
str.map((s) => {
let trimStr = s.trim();
if (trimStr.length > 0) {
res.push(trimStr);
}
});
var help_text_element = $(this).parent().find('p.help-text');
help_text_element.html(help_text_element.html().replace(/\-?[0-9]+/, $(this).data('limit') - res.length));
if ($(this).data('limit') - res.length < 0) {
help_text_element.css('color', '#dc3545');
$(this).addClass('err')
} else {
help_text_element.css('color', '');
$(this).removeClass('err')
}
})
})
</script>
{% block javascripts %}{% endblock %}
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87313887-6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-87313887-6');
</script>
<!--Start of Tawk.to Script
<div class="chat">
<script type="text/javascript">
var Tawk_API = Tawk_API || {}, Tawk_LoadStart = new Date();
(function () {
var s1 = document.createElement("script"), s0 = document.getElementsByTagName("script")[0];
s1.async = true;
s1.src = 'https://embed.tawk.to/61ace691c82c976b71bfbd35/1fm5m9bhd';
s1.charset = 'UTF-8';
s1.setAttribute('crossorigin', '*');
s0.parentNode.insertBefore(s1, s0);
})();
</script>
</div>-->
<!--End of Tawk.to Script-->
<style type="text/css">
.red {
color: red !important;
}
.err {
border-color: #dc3545;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
</style>
</body>
</html>