<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,minimal-ui" />
        <title>Admin CheckAuto</title>

        <base href="<?php echo BASEURL;?>">
        <meta content="Admin Dashboard" name="description" />
        <meta content="Themesbrand" name="author" />
        <link rel="shortcut icon" href="assets/images/logo-sm.png"/>
        <link rel="stylesheet" href="plugins/summernote/summernote-bs4.css" />
        <!--Chartist Chart CSS -->
        <link rel="stylesheet" href="plugins/chartist/css/chartist.min.css" />
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/metismenu.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <!-- Begin page -->
        <div id="wrapper">
            <!-- Top Bar Start -->
            <div class="topbar">
                <!-- LOGO -->
                <div class="topbar-left" style="background: #ffffff;">
                    <a href="index.html" class="logo">
                        <span>
                            <img src="assets/images/logo.png" alt="" height="18" style="height: 50px;"/>
                        </span>
                        <i>
                            <img src="assets/images/logo.png" alt="" height="22" />
                        </i>
                    </a>
                </div>
                <nav class="navbar-custom">
                    <ul class="navbar-right d-flex list-inline float-right mb-0">
                        <li class="dropdown notification-list">
                            <div class="dropdown notification-list nav-pro-img">
                                <a class="dropdown-toggle nav-link arrow-none waves-effect nav-user" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                                    <img src="assets/images/profile.jpg" alt="user" class="rounded-circle" />
                                </a>
                                <div class="dropdown-menu dropdown-menu-right profile-dropdown">
                                    <a class="dropdown-item text-danger" href="logout"><i class="mdi mdi-power text-danger"></i> Se déconnecter</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </nav>
            </div>
            <!-- Top Bar End -->
            <!-- ========== Left Sidebar Start ========== -->
            <div class="left side-menu">
                <div class="slimscroll-menu" id="remove-scroll">
                    <!--- Sidemenu -->
                    <div id="sidebar-menu">
                        <!-- Left Menu Start -->
                        <ul class="metismenu" id="side-menu">
                            <li>
                                <a href="service" class="waves-effect"><i class="ti-file"></i> <span>Service</span></a>
                            </li>
                            <li>
                                <a href="produit" class="waves-effect"><i class="ti-file"></i> <span>Produit</span></a>
                            </li>
                            <li>
                                <a href="actualite" class="waves-effect"><i class="ti-file"></i> <span>Acualité</span></a>
                            </li>
                            <li>
                                <a href="javascript:;" class="waves-effect"><i class="ti-file"></i><span>A propos de nous</span></a>
                                <ul>
                                    <li>
                                        <a href="apropos/rejoindre" class="waves-effect">Nous rejoindre</a>
                                    </li>
                                    <li>
                                        <a href="apropos/objectif" class="waves-effect">Objectif</a>
                                    </li>
                                    <li>
                                        <a href="apropos/adn" class="waves-effect">ADN</a>
                                    </li>
                                    <li>
                                        <a href="apropos/gouvernance" class="waves-effect">Gouvernance</a>
                                    </li>
                                    <li>
                                        <a href="apropos/plaquette" class="waves-effect">Plaquette</a>
                                    </li>
                                    <li>
                                        <a href="apropos/choisir" class="waves-effect">Pourquoi nous choisir?</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="foire" class="waves-effect"><i class="ti-file"></i><span>Foire aux questions</span></a>
                            </li>
                            <!-- <li>
                                <a href="galerie" class="waves-effect"><i class="ti-file"></i><span>Mediatheque</span></a>
                            </li>
                            <li>
                                <a href="client" class="waves-effect"><i class="ti-file"></i><span>Ils nous font confiance</span></a>
                            </li> -->
                            <li>
                                <a href="temoignage" class="waves-effect"><i class="ti-file"></i><span>Temoignage</span></a>
                            </li>
                        </ul>
                    </div>
                    <!-- Sidebar -->
                    <div class="clearfix"></div>
                </div>
                <!-- Sidebar -left -->
            </div>
            <!-- Left Sidebar End -->
            <div class="modal fade text-left" id="modaldelete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel10" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                    <div class="modal-header bg-danger white">
                        <h4 class="modal-title" id="myModalLabel10">Confirmation</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <h5 style="text-align: center;padding: 30px 0px">Voulez-vous vraiment supprimer cet élément</h5>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn grey btn-outline-secondary" data-dismiss="modal">Fermer</button>
                        <button type="button" id="delete" class="btn btn-danger">Supprimer</button>
                    </div>
                    </div>
                </div>
            </div>
            <div class="modal fade text-left" id="modalAll" tabindex="-1" role="dialog" aria-labelledby="myModalLabel10" aria-hidden="true">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        
                    </div>
                </div>
            </div>
        <style>
            .side-menu{
                background: #004a24 !important;
            }
            .navbar-custom{
                background-color: #fff !important;
            }
            #sidebar-menu>ul>li>a.active {
                color: #000000!important;
                background-color: #ffe500 !important;
            }
            body {
                background: #3f3f3f !important
            }
            .bootstrap-tagsinput input{
                width: 100%;
            }
            #sidebar-menu>ul>li>a{
                color: white;
            }
            .metismenu .collapse{
                padding-left: 35px;
            }
            .bg-primary,.btn-primary{
                background-color: #ffe500!important;
                color: black !important;
                border-color: #ffe500 !important;
            }
            #modalAll .modal-dialog{
                max-width: 750px;
            }
            .metismenu .collapse a{
                padding: 10px;
                width: 100%;
            }
            .metismenu .collapse a.active{
                background: #3f3f3f;
            }
        </style>