<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Adelivery on-demand delivery african africa amoney myaconnect myaconect" />
<!-- Favicons-->
<link rel="icon" href="{{ asset('admintemplate/images/logo.png') }}" sizes="32x32"/>
<!-- Favicons-->
{% block meta %} {% endblock %}
<title>{% block title %}{{ site }}{% endblock %}</title>
{% block stylesheets %}
<link href="{{ asset('templatecourse/css/bootstrap.min.css') }}" rel="stylesheet">
<link rel="stylesheet" href="{{ asset('templatecourse/css/select_option1.css') }}">
<link rel="stylesheet" href="{{ asset('templatecourse/css/font-awesome.min.css') }}">
<link rel="stylesheet" href="{{ asset('templatecourse/css/flexslider.css') }}" type="text/css" media="screen" />
<link rel="stylesheet" href="{{ asset('templatecourse/css/fullcalendar.min.css') }}">
<link rel="stylesheet" href="{{ asset('templatecourse/css/animate.css') }}">
<link rel="stylesheet" href="{{ asset('templatecourse/css/magnific-popup.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('templatecourse/css/settings.css') }}" media="screen">
<link rel="stylesheet" type="text/css" href="{{ asset('templatecourse/css/owl.carousel.css') }}" media="screen">
<!-- GOOGLE FONT -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,600italic,400italic,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'>
<!-- CUSTOM CSS -->
<link rel="stylesheet" href="{{ asset('templatecourse/css/style.css') }}">
<link rel="stylesheet" href="{{ asset('templatecourse/css/default.css') }}" id="option_color">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="{{ asset('templatecourse/js/jquery-1.11.1.min.js') }}"></script>
<link rel="stylesheet" href="{{ asset('template/notify/themes/alertify.core.css') }}"/>
<link rel="stylesheet" href="{{ asset('template/notify/themes/alertify.default.css') }}" id="toggleCSS"/>
<script src="{{ asset('template/notify/lib/alertify.min.js') }}"></script>
<script>
function resetNotif(){
$("#toggleCSS").attr("href", "{{ asset('template/notify/themes/alertify.default.css') }}");
alertify.set({
labels : {
ok : "OK",
cancel : "Cancel"
},
delay : 5000,
buttonReverse : false,
buttonFocus : "ok"
});
}
</script>
{% endblock %}
<style>
aside{
position: fixed;
width: 100%;
top: 0;
left: 0;
background: #f4f4f4;
opacity: 0;
visibility: hidden;
transition: all .5s ease;
z-index: 90000!important;
height: 100vh;
}
.open {
opacity: 1;
visibility: visible;
}
.close-nav {
position: fixed;
top: 20px;
left: 15px;
color: white;
z-index: 3;
cursor: pointer;
font-family: sans-serif;
}
.close-nav:hover{
background: red!important;
color: #fff!important;
}
.hiden-scroll-bar-body{
height: 400px;
overflow-y: hidden;
}
.close-nav span,
.close-nav span:before,
.close-nav span:after {
border-radius: 4px;
height: 5px;
width: 35px;
background: white;
position: absolute;
display: block;
content: '';
}
.close-nav span {
background: transparent;
}
.close-nav span:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.close-nav span:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.outer-close {
position: absolute;
right: 0;
top: 0;
width: 85px;
height: 85px;
cursor: pointer;
}
.position-current-user, .position-current-user p{
background: #3565ae!important;
color: #fff!important;
}
.bg-struct{
background: #3565ae!important;
color: #fff!important;
}
.silly_scrollbar {
height: calc(100vh - 60px);
-webkit-box-shadow:0 0 3px #333;
-webkit-box-sizing: border-box;
padding:0 14px;
overflow:auto;
}
.silly_scrollbar::-webkit-scrollbar {
width: 12px;
}
.silly_scrollbar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
.silly_scrollbar::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px red;
}
.silly_scrollbar::-webkit-scrollbar-thumb:hover {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.8);
}
.btn-home {
font-family: "Barlow", sans-serif;
font-weight: 700;
font-size: 18px;
padding: 15px 40px;
background: #fff;
border: none;
cursor: pointer;
transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
position: relative;
z-index: 2;
border-radius: 50px;
overflow: hidden;
}
.btn-home:after {
content: "";
position: absolute;
transition: 0.4s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-4 {
color: #252D4A;
border: 2px solid currentColor;
}
.btn-4:after {
border: solid #5568AA;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px;
transform: rotate(-45deg) translateY(-48%);
top: 48%;
right: 27%;
opacity: 0;
visibility: hidden;
z-index: -1;
}
.btn-4:hover, .btn-4:focus {
color: #5568AA;
border: 2px solid transparent;
padding: 15px 70px;
}
.btn-4:hover:after, .btn-4:focus:after {
opacity: 1;
visibility: visible;
right: 18%;
}
.btn-4:focus {
border-color: currentColor;
}
.btn-4:hover{
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
@media (max-width: 400px) {
.my-panel-souscription {
width: 100%!important;
}
}
@media (min-width: 400px){
.my-panel-souscription{
width: 400px!important;
}
}
.breadcrumbs {
list-style: none;
margin: 0px 0px 16px 0px;
padding: 0;
}
.breadcrumbs li {
list-style: none;
margin: 0;
padding: 0;
display: block;
float: left;
font-family: Montserrat,sans-serif;
text-transform: capitalize;
font-weight: 700;
letter-spacing: .05em;
line-height: 20px;
color: hsl(0, 0%, 30%);
}
.breadcrumbs li a {
display: block;
padding: 0 40px 0 0px;
color: hsl(0, 0%, 30%);
text-decoration: none;
height: 20px;
position: relative;
perspective: 700px;
}
.breadcrumbs li a:after {
content: '';
width: 20px;
height: 20px;
border-color: #333;
border-style: solid;
border-width: 1px 1px 0 0;
-webkit-backface-visibility: hidden;
outline: 1px solid transparent;
position: absolute;
right: 20px;
-webkit-transition: all .15s ease;
-moz-transition: all .15s ease;
-ms-transition: all .15s ease;
transition: all .15s ease;
-webkit-transform: rotateZ(45deg) skew(10deg, 10deg);
-moz-transform: rotateZ(45deg) skew(10deg, 10deg);
-ms-transform: rotateZ(45deg) skew(10deg, 10deg);
transform: rotateZ(45deg) skew(10deg, 10deg);
}
.breadcrumbs li a:hover:after {
right: 15px;
-webkit-transform: rotateZ(45deg) skew(-10deg, -10deg);
-moz-transform: rotateZ(45deg) skew(-10deg, -10deg);
-ms-transform: rotateZ(45deg) skew(-10deg, -10deg);
transform: rotateZ(45deg) skew(-10deg, -10deg);
}
.c-navigation-breadcrumbs__directory {
display: flex;
}
.c-navigation-breadcrumbs__link:link {
color: #007c89;
}
.c-navigation-breadcrumbs__link:link:hover {
background-image: linear-gradient(currentColor, currentColor);
background-size: auto 1px;
background-repeat: repeat-x;
background-position: 0 calc(50% + 1ex);
}
@media (max-width: 500px) {
.c-navigation-breadcrumbs__item:not(:nth-last-child(2)) {
display: none;
}
.c-navigation-breadcrumbs__link:before {
display: inline-block;
content: '\200b';
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23007c89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round%5C'%3E%3Cline x1='19' y1='12' x2='5' y2='12'%3E%3C/line%3E%3Cpolyline points='12 19 5 12 12 5'%3E%3C/polyline%3E%3C/svg%3E") center/16px 16px no-repeat;
width: 16px;
}
}
@media (min-width: 501px) {
.c-navigation-breadcrumbs__item:nth-last-child(n+2):after {
display: inline-block;
content: '\200b';
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23767676' stroke-width='2' stroke-linecap='round' stroke-linejoin='round%5C'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") center/16px 16px no-repeat;
width: 16px;
margin: 0 8px;
}
.c-navigation-breadcrumbs__link {
display: block;
float: left;
}
}
.pagination {
background: #fff;
padding: 20px;
margin-bottom: 20px;
display: block;
border-radius: 7px;
}
.page {
display: inline-block;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171;
text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.page:hover, .page.gradient:hover {
background: #fefefe;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.page.active {
border: none;
background: #616161;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
color: #f0f0f0;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
.page.gradient {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}
.pagination.dark {
background: #414449;
color: #feffff;
}
.page.dark {
border: solid 1px #32373b;
background: #3e4347;
box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
color: #feffff;
text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}
.page.dark:hover, .page.dark.gradient:hover {
background: #3d4f5d;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}
.page.dark.active {
border: none;
background: #2f3237;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}
.page.dark.gradient {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}
.my-div {
width: 100%;
margin-bottom: 10px;
padding: 10px;
background-color: #fff;
border-radius: 1em;
}
.banner{
background: transparent!important;
}
@media (max-width: 700px) {
.my-div {
width: auto;
margin: 0 auto;
border-radius: 0;
padding: 1em;
}
}
.list_block, .sidebar_item, .formArea{
border-top-color: #0060b1!important;
}
.border-secondary{
border: 1px solid #76b4e7!important;
}
.bg-primary{
background: #092759!important;
}
.bg-secondary{
background: #76b4e7!important;
}
.features li{
color: #092759;
}
.features li i{
color: #76b4e7!important;
}
.partnersLogo img{
height: 100px;
}
hr {
display: inline-block!important;
}
/*=============Begin tab pure css Accordio==========*/
.section-left-filter{
min-height: 894px;
background: #FFFFFF;
border: 1px solid #e1e8ed; padding: 15px;
border-radius: 10px;
}
.section-left-filter-title{
font-family: 'MontserratAlternates-Regular';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 20px;
color: #000000;
}
.menu-aside input[type="checkbox"] {
position: absolute;
opacity: 0;
z-index: -1;
}
/* Accordion styles */
.menu-aside .ads-tabs {
border-radius: 8px;
overflow: hidden;
}
.menu-aside .ads-tab {
width: 100%;
color: #333;
overflow: hidden;
}
.menu-aside .tab-label {
display: flex;
justify-content: space-between;
padding: 1em;
/*background: #2c3e50;*/
font-weight: bold;
cursor: pointer;
/* Icon */
}
.menu-aside .tab-label:hover {
/*background: #1a252f;*/
}
.menu-aside .tab-label::after {
content: "❯";
width: 1em;
height: 1em;
text-align: center;
transition: all 0.35s;
}
.menu-aside .tab-content1 {
max-height: 0;
padding: 0 1em;
color: #2c3e50;
background: white;
transition: all 0.35s;
}
.menu-aside .tab-close {
display: flex;
justify-content: flex-end;
padding: 1em;
font-size: 0.75em;
background: #2c3e50;
cursor: pointer;
}
.menu-aside .tab-close:hover {
background: #1a252f;
}
.menu-aside input:checked + .tab-label {
/*background: #1a252f;*/
}
.menu-aside input:checked + .tab-label::after {
transform: rotate(90deg);
}
.menu-aside input:checked ~ .tab-content1 {
max-height: 100vh;
padding: 1em;
}
/*=============End tab pure css Accordio==========*/
.btn-effet {
position: relative;
display: inline-block;
margin: 5px;
padding: 5px 10px;
text-align: center;
font-size: 14px;
letter-spacing: 1px;
text-decoration: none;
color: #999999;
background: #ffffff;
border: 3px solid #999999;
border-radius: 7px;
cursor: pointer;
transition: ease-out 0.5s;
-webkit-transition: ease-out 0.5s;
-moz-transition: ease-out 0.5s;
}
.btn-effet.btn-border-3::after,
.btn-effet.btn-border-3::before {
position: absolute;
content: "";
width: 0;
height: 0;
transition: .5s;
}
.btn-effet.btn-border-3::after {
top: -9px;
left: -9px;
border-top: 3px solid transparent;
border-left: 3px solid transparent;
}
.btn-effet.btn-border-3::before {
bottom: -9px;
right: -9px;
border-bottom: 3px solid transparent;
border-right: 3px solid transparent;
}
.btn-effet.btn-border-3:hover {
color: #222222;
}
.btn-effet.btn-border-3:hover::after,
.btn-effet.btn-border-3:hover::before {
width: 30px;
height: 30px;
border-color: #222222;
}
</style>
</head>
<body class="body-wrapper">
<div class="main_wrapper">
{{ render(controller("App\\Controller\\General\\Template\\MenuController:menubare", {'position': 'home'})) }}
{% block body %}
{% endblock %}
{{ render(controller("App\\Controller\\General\\Template\\MenuController:footer", {'position': 'home', 'hideblock': hideblock|default(false)})) }}
<aside>
<div class="outer-close toggle-overlay">
<a class="close-nav text-center open-scroll-bar-body" style="background: #fff; color: #333; display: inline-block; height: 40px; width: 40px; border-radius: 20px; padding-top: 7px;"><i class="fa fa-arrow-left"></i></a>
<div style="position: fixed; z-index: 3; bottom: 0px; width: 100%; left: 0px; background: #fff; padding: 7px 10px; border-top: 1px solid #ddd;">
<div style="font-size: 12px;">© 2014 - {{ "now"|date('Y') }} - {{ site }}</div>
</div>
</div>
<div class="content-article-tech">
</div>
</aside>
</div>
<script src="{{ asset('templatecourse/js/bootstrap.min.js') }}"></script>
<script src="{{ asset('templatecourse/js/jquery.selectbox-0.1.3.min.js') }}"></script>
<script src="{{ asset('templatecourse/js/jquery.magnific-popup.js') }}"></script>
<script src="{{ asset('templatecourse/js/jquery.counterup.js') }}"></script>
<script src="{{ asset('templatecourse/js/owl.carousel.js') }}"></script>
<script src="{{ asset('templatecourse/js/jquery.flexslider.js') }}"></script>
<script src="{{ asset('templatecourse/js/jquery.themepunch.tools.min.js') }}"></script>
<script src="{{ asset('templatecourse/js/jquery.themepunch.revolution.min.js') }}"></script>
<!-- script src="{{ asset('templatecourse/js/wow.min.js') }}"></script>
<script src="{{ asset('templatecourse/js/moment.min.js') }}"></script>
<script src="{{ asset('templatecourse/js/jquery.syotimer.js') }}"></script>
<script src="{{ asset('templatecourse/js/SmoothScroll.js') }}"></script>
<script src="{{ asset('templatecourse/js/waypoints.min.js') }}"></script -->
<!-- link href="{{ asset('templatecourse/css/optionswitch.css') }}" rel="stylesheet" -->
<!-- script src="{{ asset('templatecourse/js/optionswitcher.js') }}"></script -->
{% block srcjavascript %}
{% endblock %}
<script type="text/javascript">
/*$window.load(
function(){
$('.flexslider').flexslider({animation:'slide',animationLoop:false,itemWidth:228,itemMargin:0,prevText:'',nextText:'',minItems:getGridSize(),maxItems:getGridSize()});
});*/
//$window.resize(function(){var gridSize=getGridSize();flexslider.vars.minItems=gridSize;flexslider.vars.maxItems=gridSize;});
var owl=$('.owl-carousel.success-inner');
owl.owlCarousel(
{loop:true,margin:0,autoplay:true,autoplayTimeout:4000,autoplayHoverPause:true,nav:false,moveSlides:1,dots:true,smartSpeed:1000,responsive:{320:{items:1},768:{items:1},992:{items:1}}}
);
var owl=$('.owl-carousel.banner-slider');
owl.owlCarousel(
{loop:true,margin:0,autoplay:true,autoplayTimeout:2000,autoplayHoverPause:true,nav:false,moveSlides:1,dots:false,smartSpeed:1000,responsive:{320:{items:1},768:{items:1},992:{items:1}}}
);
var owl=$('.owl-carousel.bannerBottom-slider');
owl.owlCarousel(
{loop:true,margin:0,autoplay:false,nav:true,moveSlides:1,dots:false,smartSpeed:1000,responsive:{320:{items:1},768:{items:1},992:{items:1}}}
);
var owl=$('.owl-carousel.partnersLogoSlider');
owl.owlCarousel(
{loop:true,margin:28,autoplay:true,autoplayTimeout:2000,autoplayHoverPause:true,nav:true,dots:false,smartSpeed:500,responsive:{320:{slideBy:1,items:1},480:{slideBy:1,items:2},768:{slideBy:1,items:3},992:{slideBy:1,items:5}}}
);
$(function(){
{% block javascript %}
{% endblock %}
});
</script>
<style>
.side-nav-dashboad {
position: fixed; background: #f0f3f5; padding: 10px 0px; width: 100%; z-index: 50000;
}
#style-4{
box-shadow: 0px -1px 10px rgba(50, 50, 50, 0.2);
}
</style>
<div class="content-alert-action-hosting-user" value="0" name="0" style="display: none;"></div>
<div class="panel-result-action-hosting-user" style="display: none; position: fixed; z-index: 10000; width: 100%; text-align: center; top: 40%;">
<span style="display: inline-block; width: 80px; height: 80px; background: #fff; text-align: center; padding-top: 25px;">
<img src="{{ asset('template/images/loader.gif') }}" alt="Attente" style="height: 30px; width: 30px;"/>
</span>
</div>
{#
<div id="style-4" class="text-center side-nav-dashboad" >
<div style="margin-top: -35px;">
<a href="#!" class="hide-nav-premuim text-center btn"style="opacity: 1!important; color: #fff; display: none; width: 50px; height: 50px; border-radius: 50%; background: #3565ae; padding-top: 15px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);"><span class="fa fa-chevron-down"></span></a>
<a href="#!" class="show-nav-premuim text-center btn" style="opacity: 1!important;position: sticky; color: #fff; width: 50px; height: 50px; border-radius: 50%; background: #3565ae; padding-top: 8px; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);">
<span class="fa fa-chevron-up"></span>
<strong id="DivClignotante" style="display: inline-block; background: red; padding: 2px 7px; height: 25px; width: 25px; border-radius: 50%; font-size: 14px; position: absolute; right: 10px; top: -15px;">0</strong>
</a>
</div>
<div style="height: 100%; overflow: auto; position: sticky; position: -webkit-sticky; position: sticky;">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="card_content_update" style="margin-top: 7px;">
<div class="text-center" style="padding-top: 50px; min-height: 300px;">
<h2>Inscription en cours</h2>
<div>
<span class="fa fa-info-circle"></span> Vérifiez votre commande et cliquez sur suivant pour poursuivre l'inscrption.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
#}
<script type="text/javascript">
var animtail = 0;
if($(window).height() > 600)
{
var panelheight = $(window).height() - 20;
if(panelheight > 800)
{
panelheight = 780;
}
}else{
var panelheight = $(window).height() -20;
}
$(function(){
$('.video_btn').magnificPopup({
type: 'iframe'
});
$('.video_media').magnificPopup({
type: 'iframe'
});
$(".dropdown").hover(function(){
var dropdownMenu = $(this).children(".dropdown-menu");
dropdownMenu.parent().toggleClass("open");
if($(this).hasClass("open"))
{
$(this).find('span.item-caret').html('<span class="fa fa-angle-up"></span>');
}else{
$(this).find('span.item-caret').html('<span class="fa fa-angle-down"></span>');
}
});
$("button.navbar-toggle").click(function(){
$("div.navbar-collapse").toggleClass("collapse");
});
/*
$('#menu-drop-notif').bind('mouseleave.dragged',function(e){
menuDrop.dataset.drop = 'disabled';
menuDrop.classList.remove('active2');
});
*/
$('.side-nav-dashboad').css('height', panelheight+'px');
$('.side-nav-dashboad').css('bottom', -panelheight+'px');
$('.hide-nav-premuim').click(function(){
closeCardPanel();
});
$('.show-nav-premuim').click(function(){
rafraichissementpanier();
});
$("[data-toggle=popover]").each(function(i, obj){
$(this).popover({
html: true,
content: function() {
var id = $(this).attr('id')
return $('#popover-content-' + id).html();
}
});
});
$('.toggle-overlay-article').click(function(){
var id = $(this).attr('value');
openArticleOverlay(id);
});
$('.open-scroll-bar-body').click(function(){
$('aside').toggleClass('open');
$('.content-article-tech').html('');
});
$('.open-liste-formation').click(function(){
$('.list-group-flush').hide();
$('.item-formation-'+$(this).attr('value')).show();
});
});
function openCardPanel()
{
if(animtail == 0)
{
$('.content-alert-action-hosting-user').show();
$('.content-alert-action-hosting-user').html('<div style="position: fixed; top: 0px; margin-bottom: '+$(window).scrollTop()+'px; left: 0px; z-index: 9000; width: '+($(window).width() + 100)+'px; height: '+($(window).height() + $(window).scrollTop())+'px; background: rgba(0,0,0,0.5);"></div>');
$( ".side-nav-dashboad" ).animate({ "bottom": "+="+panelheight+"px" }, "slow" );
$( ".hide-nav-premuim" ).show();
$( ".show-nav-premuim" ).hide();
animtail = panelheight;
}
}
function closeCardPanel()
{
if(animtail == panelheight)
{
$( ".side-nav-dashboad" ).animate({ "bottom": "-="+panelheight+"px"}, "slow");
$( ".hide-nav-premuim" ).hide();
$( ".show-nav-premuim" ).show();
$('.content-alert-action-hosting-user').hide();
animtail = 0;
}
}
function rafraichissementpanier()
{
openCardPanel();
var hauteur = $('.card_content_update').height() + 2;
var largeur = $('.card_content_update').width() + 32;
var padding = Math.round(hauteur/2 - 50);
$('.card_content_update').before('<div class="attente-resultat col-md-12" style="padding-top: 250px; z-index: 10000; height: '+hauteur+'px; text-align: center; vertical-align: center; width: '+largeur+'px; position: absolute; background: rgba(221, 221, 221, 0.48);; margin-top: 15px;"><span><img src="{{ asset('template/images/loader.gif') }}" alt="..." style="width: 30px; height: 30px;" /></span></div>');
$.get('{{ path('produit_produit_reglement_commande_du_panier') }}',function(data){
if(data == 0)
{
resetNotif();
alertify.alert("Echec, Vous n'avez aucune formation valide pour cette section en cours.");
$('.card_content_update').html('<div class="text-center" style="height: 150px padding-top: 70px;"><main style="box-shadow:0px 0px 2px rgba(0,0,0,0.02); background: #fff; margin: 0px; padding: 7px; min-width: 100%; min-height: 250px;"> <h2>Votre panier est vide</h2><a href="{{ path('users_user_acces_plateforme') }}">Ciquez ici pour vous inscrire à une formation</a></main></div>');
}else if(data == 2){
resetNotif();
alertify.alert("Echec, Le panier en cours ne contient aucune formation.");
$('.card_content_update').html('<div class="text-center" style="height: 150px padding-top: 70px;"><main style="box-shadow:0px 0px 2px rgba(0,0,0,0.02); background: #fff; margin: 0px; padding: 7px; min-width: 100%; min-height: 250px;"> <h2>Votre panier est vide</h2><a href="{{ path('users_user_acces_plateforme') }}">Ciquez ici pour vous inscrire à une formation</a></main></div>');
}else{
$('.card_content_update').html(data);
}
$('.attente-resultat').hide();
});
}
function openArticleOverlay(id)
{
var height = ($(window).height() + $(window).scrollTop());
var width = $(window).width() + 100;
var scrolltop = $(window).scrollTop();
$('.panel-result-action-hosting-user').show();
$('.content-alert-action-hosting-user').show();
$('.content-alert-action-hosting-user').html('<div style="position: fixed; top: 0px; margin-bottom: '+scrolltop+'px; left: 0px; z-index: 9000; width: '+width+'px; height: '+height+'px; background: rgba(0,0,0,0.5);"></div>');
$.post('{{ path('produit_service_detail_article_support') }}',{ id: id }, function(data){
if(data != 0)
{
$('.panel-result-action-hosting-user').hide();
$('.content-alert-action-hosting-user').hide();
$('.content-article-tech').html(data);
$('aside').toggleClass('open');
}else{
resetNotif();
alertify.alert("Echec, Une erreur a été rencontrée lors de l\'enregistrement de la commande.");
$('.panel-result-action-hosting-user').hide();
$('.content-alert-action-hosting-user').hide();
}
});
}
$('.commande-offer-formation').click(function(){
var id = $(this).attr('value');
var type = $(this).attr('name');
var height = ($(window).height() + $(window).scrollTop());
var width = $(window).width() + 100;
var scrolltop = $(window).scrollTop();
$('.panel-result-action-hosting-user').show();
$('.content-alert-action-hosting-user').show();
$('.content-alert-action-hosting-user').html('<div style="position: fixed; top: 0px; margin-bottom: '+scrolltop+'px; left: 0px; z-index: 9000; width: '+width+'px; height: '+height+'px; background: rgba(0,0,0,0.5);"></div>');
$.post('{{ path('produit_produit_ajouter_product_panier') }}',{ id: id, type: type }, function(data){
if(data == 1)
{
$('.panel-result-action-hosting-user').hide();
$('.content-alert-action-hosting-user').hide();
rafraichissementpanier();
}else{
resetNotif();
alertify.alert("Echec, Une erreur a été rencontrée lors de l\'enregistrement de la commande.");
$('.panel-result-action-hosting-user').hide();
$('.content-alert-action-hosting-user').hide();
}
});
});
</script>
</body>
</html>