<?php
session_start();
include('config/config_DB.php');
include('config/checklogin.php');
check_login();
?>
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<!--
<head>
<!--
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><?php echo "bidulle ......"; ?></title>
<!-- Tell the browser to be responsive to screen width -->
<!-- <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap 5 CSS -->
<!--<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<!-- jQuery -->
<!--
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/css/adminlte.min.css">
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<link rel="stylesheet" href="adminlte.min.css">
</head>
-->
<!--
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
-->
<!--
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs5.min.css" />
-->
<style>
/* Profile Picture */
.profile-pic{
display: inline-block;
vertical-align: middle;
width: 50px;
height: 50px;
overflow: hidden;
border-radius: 50%;
}
.profile-pic img{
width: 100%;
height: auto;
object-fit: cover;
}
.profile-menu .dropdown-menu {
right: 0;
left: unset;
}
.profile-menu .fa-fw {
margin-right: 10px;
}
.toggle-change::after {
border-top: 0;
border-bottom: 0.3em solid;
}
</style>
<script>
$(document).ready(function() {
$('.summernote').summernote();
});
</script>
<script type="text/javascript" src="//code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" />
<script type="text/javascript" src="cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
<!--
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
-->
<?php include("head.php"); ?>
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.19/summernote-bs5.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs5.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<!-- include summernote css/js -->
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
<body class="hold-transition sidebar-mini layout-fixed layout-navbar-fixed">
<div class="wrapper">
<!--
<nav class="main-header navbar navbar-expand navbar-white navbar-light">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
</li>
</ul>
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<!--
<div class="profile-pic">
<img src="https://source.unsplash.com/250x250?girl" alt="Profile Picture">
</div>
-->
<!-- You can also use icon as follows: -->
<!--
<i class="fas fa-user"> <span style="padding-left:10px" /> Patrice</i>
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#"><i class="fas fa-sliders-h fa-fw"></i> Account</a></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-cog fa-fw"></i> Settings</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#"><i class="fas fa-sign-out-alt fa-fw"></i> Log Out</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link" data-toggle="dropdown" href="#">
<i class="far fa-bell"></i>
<span class="badge badge-danger navbar-badge"><?php echo "25"; ?></span>
</a>
</li>
</ul>
</nav>
-->
<?php include("navigation02.php"); ?>
<?php include("menu03.php"); ?>
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1 class="m-0 text-dark">Admin Dashboard</h1>
</div><!-- /.col -->
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active">Dashboard</li>
</ol>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.container-fluid -->
</div> <!-- /.content-header -->
<!-- Main content -->
<section class="content">
<div class="container-fluid">
<!-- -->
<div class="row">
<!-- ./ iBank Clients -->
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-info elevation-1"><i class="fas fa-users"></i></span>
<div class="info-box-content">
<span class="info-box-text">Clients</span>
<span class="info-box-number"><?php echo "123"; ?></span>
</div>
</div>
</div>
</div><!-- ./ iBank Clients -->
<!-- -->
<div class="row">
<div class="col-md-12">
<div class="card card-purple">
<div class="card-header">
<h3 class="card-title">Création d'une catégorie</h3>
</div>
<!-- form start -->
<form method="post" enctype="multipart/form-data" role="form">
<div class="card-body">
<div class="row">
<div class=" col-md-6 form-group">
<label for="exampleInputEmail1">Nom</label>
<input type="text" name="name" required class="form-control" id="exampleInputEmail1">
</div>
</div>
<div class="row">
<div class=" col-md-6 form-group">
<label for="exampleInputEmail1">Staff Phone Number</label>
<input type="text" name="phone" required class="form-control" id="exampleInputEmail1">
</div>
</div>
<div class="row">
<div class=" col-md-6 form-group">
<label for="exampleInputEmail1">Staff Email</label>
<input type="email" name="email" required class="form-control" id="exampleInputEmail1">
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="card-box">
<h4 class="m-b-30 m-t-0 header-title"><b>Post Details</b></h4>
<!--
<div id="summernote"></div>
-->
<textarea class="summernote" id="summernote" name="summernote" required></textarea>
</div>
</div>
</div>
<!--
<div class="mt-2">
<label class="control-label" for="textarea">Descrizione breve:</label>
<textarea class="summernote" name="content_abstract">blabla</textarea>
</div>
-->
</div> <!-- /.card-body -->
<div class="card-footer">
<button type="submit" name="create_staff_account" class="btn btn-success">Add Staff</button>
</div>
</form>
</div> <!-- /.card -->
</div><!-- /.col -->
<!-- -->
<!-- -->
<!-- -->
</div> <!-- /.row -->
</div><!--/. container-fluid -->
</section> <!-- /.content -->
</div> <!-- /.content-wrapper -->
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
<?php include("footer.php"); ?>
<!-- Main Footer -->
<!--
<footer class="main-footer">
<strong>© <?php echo date('Y'); ?> - Designed by Patoche.</strong>
All rights reserved.
<div class="float-right d-none d-sm-inline-block">
<b>Version</b> 1.0.0.0.0.0.0
</div>
</footer>
-->
</div> <!-- ./wrapper -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<!--
<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/js/adminlte.min.js"></script>
-->
<!--
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-lite.min.js"></script>
-->
<!--
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs5.min.js"></script>
-->
<!--
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<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://cdn.jsdelivr.net/npm/admin-lte@3.1/dist/js/adminlte.min.js"></script>
<script src="adminlte.js"></script>
-->
<script>
document.querySelectorAll('.dropdown-toggle').forEach(item => {
item.addEventListener('click', event => {
if(event.target.classList.contains('dropdown-toggle') ){
event.target.classList.toggle('toggle-change');
}
else if(event.target.parentElement.classList.contains('dropdown-toggle')){
event.target.parentElement.classList.toggle('toggle-change');
}
})
});
/*
$(document).ready(function() {
$('.summernote').summernote();
});
/*
$('#summernote').summernote({
placeholder: 'Hello Bootstrap 5',
tabsize: 2,
height: 400,
toolbar: [
['style', ['style']],
['font', ['bold', 'underline', 'clear']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['table', ['table']],
['insert', ['link', 'picture', 'video']],
['view', ['fullscreen', 'codeview', 'help']]
]
});*/
</script>
</body>
</html>