<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <!-->
<html lang="zxx">
<!--
<![endif]-->

<head>
    <!-- TITLE OF SITE -->
    <title> @yield('title')</title>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="AfricaWebStudent E-Services" />
    <meta name="keywords"
        content="AfricaWebStudent GestBook GesteLearning GestBookcase" />
    <meta name="author" content="IITECH SARL">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- Favicons --> 
    <link rel="icon" type="image/png" href="images/favicon.png">


    <!-- CSS Begins 
================================================== -->
    <!--Animate Effect-->
    <link href="{!! asset('css/animate.css') !!}" rel="stylesheet">
    <link href="{!! asset('css/hover.css') !!}" rel="stylesheet">

    <!-- For Image Preview -->
    <link rel="stylesheet" href="{!! asset('css/magnific-popup.css') !!}">

    <!--Owl Carousel -->
    <link href="{!! asset('css/owl.carousel.css') !!}" rel="stylesheet">

    <link rel="stylesheet" href="{!! asset('css/slick.css') !!}">

    <!--BootStrap -->
    <link href="{!! asset('css/bootstrap.min.css') !!}" rel="stylesheet">
    <link href="{!! asset('css/normalize.css') !!}" rel="stylesheet">

    <!-- Main Style -->
    <link href="{!! asset('css/style.css') !!}" rel="stylesheet">
    <script >
        var r = document.querySelector(':root');
        r.style.setProperty('--first-color', '{{ $couleur }}');
        r.style.setProperty('--second-color', '{{ $couleur3 }}');
        r.style.setProperty('--header-color', '{{ $couleur2 }}');
    </script>
    <link href="{!! asset('css/responsive.css') !!}" rel="stylesheet">
    <script type="text/javascript">
        (function(d, m){
            var kommunicateSettings = {
                "appId":"7e31307d24d1eef9ac9bc33e1025485b",
                "askUserDetails": ["name", "email", "phone"],
                "onInit": function (){
                    setTimeout(function() { Kommunicate.logout();}, 7200000 )
                },
                "labels": {
                    'closed.conversation.message': 'Conversation marquée résolue',
                    'start.new': 'Nouvelle conversation',
                    'online': 'En ligne',
                    'offline': 'Hors ligne',
                    'lead.collection': {
                        'email':'Email',
                        'name':'Entrer votre nom ici',
                        'phone':'Entrer votre contact ',
                        'heading':'Avant de commencer, nous avons juste besoin de quelques détails pour que nous puissions mieux vous servir',
                        'submit':'Lancer une conversation',
                    },
                    'filter.conversation.list': {
                        'ALL_CONVERSATIONS': 'All conversations',
                        'ACTIVE_CONVERSATIONS': ' ',
                        'HIDE_RESOLVED': ' Cacher les conversations résolues ',
                        'SHOW_RESOLVED': ' Montrer les conversations résolues '
                    },
                    'csat.rating': {
                        'CONVERSATION_RATED': ' Vous avez noté cette discussion',
                        'RATE_CONVERSATION': ' Notez cette discussion',
                        'RESTART_CONVERSATION': ' ',
                        'OTHER_QUERIES': ' Délai de réponse épuisé. La conversation a été marquée résolue',
                        'SUBMIT_RATING' : 'Soumettre'
                    }
                }
            };
            /----------------- Kommunicate settings end ------------------/
            var s = document.createElement("script"); s.type = "text/javascript"; s.async = true;
            s.src = "https://widget.kommunicate.io/v2/kommunicate.app";
            var h = document.getElementsByTagName("head")[0]; h.appendChild(s);
            window.kommunicate = m; m._globals = kommunicateSettings;
        })(document, window.kommunicate || {});
        /* NOTE : Use web server to view HTML files as real-time update will not work if you directly open the HTML file in the browser. */
    </script>


    <!--[if IE]>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- ::::::::::::::::::::::::::: Start: Preloader section ::::::::::::::::::::::::::: -->
    <div id="preloader"></div>
    <!-- ::::::::::::::::::::::::::: End: Preloader section ::::::::::::::::::::::::::: -->

    <!-- Start: Header Section
    ==================================================-->
    @include('partials.header')
    <!-- End: header navigation
    ==================================================-->

    @yield('content')

    <!-- Start:Footer Section
==================================================-->
    @include('partials.footer')
    <!-- End:Footer Section
========================================-->


    <!-- Scripts
========================================-->
    <!-- jquery -->
    <script src="{!! asset('js/jquery-1.12.4.min.js') !!}"></script>
    <!-- plugins -->
    <script src="{!! asset('js/plugins.js') !!}"></script>
    <!-- Bootstrap -->
    <script src="{!! asset('js/bootstrap.min.js') !!}"></script>
    <script src="{!! asset('js/slick.min.js') !!}"></script>
    <script src="{!! asset('js/jquery.stellar.min.js') !!}"></script>


    <!-- Custom Scripts
========================================-->
    <script src="{!! asset('js/main.js') !!}"></script>
</body>

</html>