vyme-fr/MercuryCloud_Dashboard
1
0
Fork 0
mirror of https://github.com/vyme-fr/MercuryCloud_Dashboard.git synced 2026-01-18 16:47:30 +01:00
Code Issues Packages Projects Releases Wiki Activity
Files
d884f18908cf417f6f812f1d6630927bc3eb51d9
MercuryCloud_Dashboard/dashboard/users/create-user.html
SavaletDev d884f18908 Update
2022-09-03 20:13:59 +02:00

847 lines
50 KiB
HTML
Raw Blame History

<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mercury Cloud | Création utilisateur</title>
<!-- Favicon -->
<link rel="shortcut icon" href="../../assets/images/favicon.ico" />
<!-- Library / Plugin Css Build -->
<link rel="stylesheet" href="../../assets/css/core/libs.min.css" />
<!-- Mercury Cloud Design System Css -->
<link rel="stylesheet" href="../../assets/css/dashboard.css?v=1.2.0" />
<!-- Custom Css -->
<link rel="stylesheet" href="../../assets/css/custom.min.css?v=1.2.0" />
<!-- Dark Css -->
<link rel="stylesheet" href="../../assets/css/dark.min.css" />
<!-- Customizer Css -->
<link rel="stylesheet" href="../../assets/css/customizer.min.css" />
<!-- RTL Css -->
<link rel="stylesheet" href="../../assets/css/rtl.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" />
</head>
<body class=" ">
<!-- loader Start -->
<div id="loading">
<div class="loader simple-loader">
<div class="loader-body"></div>
</div>
</div>
<!-- loader END -->
<aside class="sidebar sidebar-default navs-rounded-all ">
<div class="sidebar-header d-flex align-items-center justify-content-start">
<a href="../../dashboard/index.html" class="navbar-brand">
<!--Logo start-->
<img src="../../assets/images/icon_flat.png" width="35" height="35" alt="Icon">
<!--logo End-->
<h4 class="logo-title">Mercury Cloud</h4>
</a>
<div class="sidebar-toggle" data-toggle="sidebar" data-active="true">
<i class="icon">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.25 12.2744L19.25 12.2744" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round"></path>
<path d="M10.2998 18.2988L4.2498 12.2748L10.2998 6.24976" stroke="currentColor" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</i>
</div>
</div>
<div class="sidebar-body pt-0 data-scrollbar">
<div class="sidebar-list">
<!-- Sidebar Menu Start -->
<ul class="navbar-nav iq-main-menu" id="sidebar-menu">
<li class="nav-item static-item">
<a class="nav-link static-item disabled" href="#" tabindex="-1">
<span class="default-icon">Home</span>
<span class="mini-icon">-</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link " aria-current="page" href="../../dashboard/index.html">
<i class="icon">
<svg width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4"
d="M16.0756 2H19.4616C20.8639 2 22.0001 3.14585 22.0001 4.55996V7.97452C22.0001 9.38864 20.8639 10.5345 19.4616 10.5345H16.0756C14.6734 10.5345 13.5371 9.38864 13.5371 7.97452V4.55996C13.5371 3.14585 14.6734 2 16.0756 2Z"
fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M4.53852 2H7.92449C9.32676 2 10.463 3.14585 10.463 4.55996V7.97452C10.463 9.38864 9.32676 10.5345 7.92449 10.5345H4.53852C3.13626 10.5345 2 9.38864 2 7.97452V4.55996C2 3.14585 3.13626 2 4.53852 2ZM4.53852 13.4655H7.92449C9.32676 13.4655 10.463 14.6114 10.463 16.0255V19.44C10.463 20.8532 9.32676 22 7.92449 22H4.53852C3.13626 22 2 20.8532 2 19.44V16.0255C2 14.6114 3.13626 13.4655 4.53852 13.4655ZM19.4615 13.4655H16.0755C14.6732 13.4655 13.537 14.6114 13.537 16.0255V19.44C13.537 20.8532 14.6732 22 16.0755 22H19.4615C20.8637 22 22 20.8532 22 19.44V16.0255C22 14.6114 20.8637 13.4655 19.4615 13.4655Z"
fill="currentColor"></path>
</svg>
</i>
<span class="item-name">Tableau de Bord</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/dashboard/services/services.html">
<i class="icon">
<svg width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4"
d="M16.191 2H7.81C4.77 2 3 3.78 3 6.83V17.16C3 20.26 4.77 22 7.81 22H16.191C19.28 22 21 20.26 21 17.16V6.83C21 3.78 19.28 2 16.191 2Z"
fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M8.07996 6.6499V6.6599C7.64896 6.6599 7.29996 7.0099 7.29996 7.4399C7.29996 7.8699 7.64896 8.2199 8.07996 8.2199H11.069C11.5 8.2199 11.85 7.8699 11.85 7.4289C11.85 6.9999 11.5 6.6499 11.069 6.6499H8.07996ZM15.92 12.7399H8.07996C7.64896 12.7399 7.29996 12.3899 7.29996 11.9599C7.29996 11.5299 7.64896 11.1789 8.07996 11.1789H15.92C16.35 11.1789 16.7 11.5299 16.7 11.9599C16.7 12.3899 16.35 12.7399 15.92 12.7399ZM15.92 17.3099H8.07996C7.77996 17.3499 7.48996 17.1999 7.32996 16.9499C7.16996 16.6899 7.16996 16.3599 7.32996 16.1099C7.48996 15.8499 7.77996 15.7099 8.07996 15.7399H15.92C16.319 15.7799 16.62 16.1199 16.62 16.5299C16.62 16.9289 16.319 17.2699 15.92 17.3099Z"
fill="currentColor"></path>
</svg>
</i>
<span class="item-name">Services</span>
</a>
</li>
<li class="nav-item">
<a id="pricings active" class="nav-link" data-bs-toggle="collapse" href="#sidebar-pricings" role="button"
aria-expanded="false" aria-controls="sidebar-pricings">
<i class="icon">
<svg width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4"
d="M2 11.0786C2.05 13.4166 2.19 17.4156 2.21 17.8566C2.281 18.7996 2.642 19.7526 3.204 20.4246C3.986 21.3676 4.949 21.7886 6.292 21.7886C8.148 21.7986 10.194 21.7986 12.181 21.7986C14.176 21.7986 16.112 21.7986 17.747 21.7886C19.071 21.7886 20.064 21.3566 20.836 20.4246C21.398 19.7526 21.759 18.7896 21.81 17.8566C21.83 17.4856 21.93 13.1446 21.99 11.0786H2Z"
fill="currentColor"></path>
<path
d="M11.2451 15.3843V16.6783C11.2451 17.0923 11.5811 17.4283 11.9951 17.4283C12.4091 17.4283 12.7451 17.0923 12.7451 16.6783V15.3843C12.7451 14.9703 12.4091 14.6343 11.9951 14.6343C11.5811 14.6343 11.2451 14.9703 11.2451 15.3843Z"
fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M10.211 14.5565C10.111 14.9195 9.762 15.1515 9.384 15.1015C6.833 14.7455 4.395 13.8405 2.337 12.4815C2.126 12.3435 2 12.1075 2 11.8555V8.38949C2 6.28949 3.712 4.58149 5.817 4.58149H7.784C7.972 3.12949 9.202 2.00049 10.704 2.00049H13.286C14.787 2.00049 16.018 3.12949 16.206 4.58149H18.183C20.282 4.58149 21.99 6.28949 21.99 8.38949V11.8555C21.99 12.1075 21.863 12.3425 21.654 12.4815C19.592 13.8465 17.144 14.7555 14.576 15.1105C14.541 15.1155 14.507 15.1175 14.473 15.1175C14.134 15.1175 13.831 14.8885 13.746 14.5525C13.544 13.7565 12.821 13.1995 11.99 13.1995C11.148 13.1995 10.433 13.7445 10.211 14.5565ZM13.286 3.50049H10.704C10.031 3.50049 9.469 3.96049 9.301 4.58149H14.688C14.52 3.96049 13.958 3.50049 13.286 3.50049Z"
fill="currentColor">
</path>
</svg>
</i>
<span class="item-name">Commander</span>
<i class="right-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="18" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</i>
</a>
<ul class="sub-nav collapse" id="sidebar-pricings" data-bs-parent="#sidebar-menu">
<li class="nav-item">
<a id="vps-pricings" class="nav-link" href="/dashboard/products/vps-pricings.html">
<i class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="10" viewBox="0 0 24 24" fill="currentColor">
<g>
<circle cx="12" cy="12" r="8" fill="currentColor"></circle>
</g>
</svg>
</i>
<i class="sidenav-mini-icon"> U </i>
<span class="item-name">VPS</span>
</a>
<a id="game-pricings" class="nav-link" href="/dashboard/products/game-pricings.html">
<i class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="10" viewBox="0 0 24 24" fill="currentColor">
<g>
<circle cx="12" cy="12" r="8" fill="currentColor"></circle>
</g>
</svg>
</i>
<i class="sidenav-mini-icon"> U </i>
<span class="item-name">Serveur de Jeux</span>
</a>
</li>
</ul>
</li>
<li>
<hr class="hr-horizontal">
</li>
<div id="admin_navbar">
</div>
</ul>
<!-- Sidebar Menu End -->
</div>
</div>
<div class="sidebar-footer"></div>
</aside>
<main class="main-content">
<div class="position-relative iq-banner">
<!--Nav Start-->
<nav class="nav navbar navbar-expand-lg navbar-light iq-navbar">
<div class="container-fluid navbar-inner">
<a href="../../dashboard/index.html" class="navbar-brand">
<!--Logo start-->
<img src="../../assets/images/icon_flat.png" width="35" height="35" alt="Icon">
<!--logo End-->
<h4 class="logo-title">Mercury Cloud</h4>
</a>
<div class="sidebar-toggle" data-toggle="sidebar" data-active="true">
<i class="icon">
<svg width="20px" height="20px" viewBox="0 0 24 24">
<path fill="currentColor" d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z" />
</svg>
</i>
</div>
<div class="input-group search-input">
<span class="input-group-text" id="search-input">
<svg width="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11.7669" cy="11.7666" r="8.98856" stroke="currentColor" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round"></circle>
<path d="M18.0186 18.4851L21.5426 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round"></path>
</svg>
</span>
<input type="search" class="form-control" placeholder="Search...">
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon">
<span class="mt-2 navbar-toggler-bar bar1"></span>
<span class="navbar-toggler-bar bar2"></span>
<span class="navbar-toggler-bar bar3"></span>
</span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="mb-2 navbar-nav ms-auto align-items-center navbar-list mb-lg-0">
<li class="nav-item dropdown">
<a href="#" class="search-toggle nav-link" id="dropdownMenuButton2" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<img src="../../assets/images/Flag/flag001.png" class="img-fluid rounded-circle" alt="user"
style="height: 30px; min-width: 30px; width: 30px;">
<span class="bg-primary"></span>
</a>
<div class="p-0 sub-drop dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton2">
<div class="m-0 border-0 shadow-none card">
<div class="p-0 ">
<ul class="p-0 list-group list-group-flush">
<li class="iq-sub-card list-group-item"><a class="p-0" href="#"><img
src="../../assets/images/Flag/flag-03.png" alt="img-flaf" class="img-fluid me-2"
style="width: 15px;height: 15px;min-width: 15px;" />Spanish</a></li>
<li class="iq-sub-card list-group-item"><a class="p-0" href="#"><img
src="../../assets/images/Flag/flag-04.png" alt="img-flaf" class="img-fluid me-2"
style="width: 15px;height: 15px;min-width: 15px;" />Italian</a></li>
<li class="iq-sub-card list-group-item"><a class="p-0" href="#"><img
src="../../assets/images/Flag/flag-02.png" alt="img-flaf" class="img-fluid me-2"
style="width: 15px;height: 15px;min-width: 15px;" />French</a></li>
<li class="iq-sub-card list-group-item"><a class="p-0" href="#"><img
src="../../assets/images/Flag/flag-05.png" alt="img-flaf" class="img-fluid me-2"
style="width: 15px;height: 15px;min-width: 15px;" />German</a></li>
<li class="iq-sub-card list-group-item"><a class="p-0" href="#"><img
src="../../assets/images/Flag/flag-06.png" alt="img-flaf" class="img-fluid me-2"
style="width: 15px;height: 15px;min-width: 15px;" />Japanese</a></li>
</ul>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link" id="notification-drop" data-bs-toggle="dropdown">
<svg width="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M19.7695 11.6453C19.039 10.7923 18.7071 10.0531 18.7071 8.79716V8.37013C18.7071 6.73354 18.3304 5.67907 17.5115 4.62459C16.2493 2.98699 14.1244 2 12.0442 2H11.9558C9.91935 2 7.86106 2.94167 6.577 4.5128C5.71333 5.58842 5.29293 6.68822 5.29293 8.37013V8.79716C5.29293 10.0531 4.98284 10.7923 4.23049 11.6453C3.67691 12.2738 3.5 13.0815 3.5 13.9557C3.5 14.8309 3.78723 15.6598 4.36367 16.3336C5.11602 17.1413 6.17846 17.6569 7.26375 17.7466C8.83505 17.9258 10.4063 17.9933 12.0005 17.9933C13.5937 17.9933 15.165 17.8805 16.7372 17.7466C17.8215 17.6569 18.884 17.1413 19.6363 16.3336C20.2118 15.6598 20.5 14.8309 20.5 13.9557C20.5 13.0815 20.3231 12.2738 19.7695 11.6453Z"
fill="currentColor"></path>
<path opacity="0.4"
d="M14.0088 19.2283C13.5088 19.1215 10.4627 19.1215 9.96275 19.2283C9.53539 19.327 9.07324 19.5566 9.07324 20.0602C9.09809 20.5406 9.37935 20.9646 9.76895 21.2335L9.76795 21.2345C10.2718 21.6273 10.8632 21.877 11.4824 21.9667C11.8123 22.012 12.1482 22.01 12.4901 21.9667C13.1083 21.877 13.6997 21.6273 14.2036 21.2345L14.2026 21.2335C14.5922 20.9646 14.8734 20.5406 14.8983 20.0602C14.8983 19.5566 14.4361 19.327 14.0088 19.2283Z"
fill="currentColor"></path>
</svg>
<span class="bg-danger dots"></span>
</a>
<div class="p-0 sub-drop dropdown-menu dropdown-menu-end" aria-labelledby="notification-drop">
<div class="m-0 shadow-none card">
<div class="py-3 card-header d-flex justify-content-between bg-primary">
<div class="header-title">
<h5 class="mb-0 text-white">All Notifications</h5>
</div>
</div>
<div class="p-0 card-body">
<a href="#" class="iq-sub-card">
<div class="d-flex align-items-center">
<img class="p-1 avatar-40 rounded-pill bg-soft-primary"
src="../../assets/images/shapes/01.png" alt="">
<div class="ms-3 w-100">
<h6 class="mb-0 ">Emma Watson Bni</h6>
<div class="d-flex justify-content-between align-items-center">
<p class="mb-0">95 MB</p>
<small class="float-end font-size-12">Just Now</small>
</div>
</div>
</div>
</a>
<a href="#" class="iq-sub-card">
<div class="d-flex align-items-center">
<div class="">
<img class="p-1 avatar-40 rounded-pill bg-soft-primary"
src="../../assets/images/shapes/02.png" alt="">
</div>
<div class="ms-3 w-100">
<h6 class="mb-0 ">New customer is join</h6>
<div class="d-flex justify-content-between align-items-center">
<p class="mb-0">Cyst Bni</p>
<small class="float-end font-size-12">5 days ago</small>
</div>
</div>
</div>
</a>
<a href="#" class="iq-sub-card">
<div class="d-flex align-items-center">
<img class="p-1 avatar-40 rounded-pill bg-soft-primary"
src="../../assets/images/shapes/03.png" alt="">
<div class="ms-3 w-100">
<h6 class="mb-0 ">Two customer is left</h6>
<div class="d-flex justify-content-between align-items-center">
<p class="mb-0">Cyst Bni</p>
<small class="float-end font-size-12">2 days ago</small>
</div>
</div>
</div>
</a>
<a href="#" class="iq-sub-card">
<div class="d-flex align-items-center">
<img class="p-1 avatar-40 rounded-pill bg-soft-primary"
src="../../assets/images/shapes/04.png" alt="">
<div class="w-100 ms-3">
<h6 class="mb-0 ">New Mail from Fenny</h6>
<div class="d-flex justify-content-between align-items-center">
<p class="mb-0">Cyst Bni</p>
<small class="float-end font-size-12">3 days ago</small>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a href="#" class="nav-link" id="mail-drop" data-bs-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<svg width="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4"
d="M22 15.94C22 18.73 19.76 20.99 16.97 21H16.96H7.05C4.27 21 2 18.75 2 15.96V15.95C2 15.95 2.006 11.524 2.014 9.298C2.015 8.88 2.495 8.646 2.822 8.906C5.198 10.791 9.447 14.228 9.5 14.273C10.21 14.842 11.11 15.163 12.03 15.163C12.95 15.163 13.85 14.842 14.56 14.262C14.613 14.227 18.767 10.893 21.179 8.977C21.507 8.716 21.989 8.95 21.99 9.367C22 11.576 22 15.94 22 15.94Z"
fill="currentColor"></path>
<path
d="M21.4759 5.67351C20.6099 4.04151 18.9059 2.99951 17.0299 2.99951H7.04988C5.17388 2.99951 3.46988 4.04151 2.60388 5.67351C2.40988 6.03851 2.50188 6.49351 2.82488 6.75151L10.2499 12.6905C10.7699 13.1105 11.3999 13.3195 12.0299 13.3195C12.0339 13.3195 12.0369 13.3195 12.0399 13.3195C12.0429 13.3195 12.0469 13.3195 12.0499 13.3195C12.6799 13.3195 13.3099 13.1105 13.8299 12.6905L21.2549 6.75151C21.5779 6.49351 21.6699 6.03851 21.4759 5.67351Z"
fill="currentColor"></path>
</svg>
<span class="bg-primary count-mail"></span>
</a>
<div class="p-0 sub-drop dropdown-menu dropdown-menu-end" aria-labelledby="mail-drop">
<div class="m-0 shadow-none card">
<div class="py-3 card-header d-flex justify-content-between bg-primary">
<div class="header-title">
<h5 class="mb-0 text-white">All Message</h5>
</div>
</div>
<div class="p-0 card-body ">
<a href="#" class="iq-sub-card">
<div class="d-flex align-items-center">
<div class="">
<img class="p-1 avatar-40 rounded-pill bg-soft-primary"
src="../../assets/images/shapes/01.png" alt="">
</div>
<div class="ms-3">
<h6 class="mb-0 ">Bni Emma Watson</h6>
<small class="float-start font-size-12">13 Jun</small>
</div>
</div>
</a>
<a href="#" class="iq-sub-card">
<div class="d-flex align-items-center">
<div class="">
<img class="p-1 avatar-40 rounded-pill bg-soft-primary"
src="../../assets/images/shapes/02.png" alt="">
</div>
<div class="ms-3">
<h6 class="mb-0 ">Lorem Ipsum Watson</h6>
<small class="float-start font-size-12">20 Apr</small>
</div>
</div>
</a>
<a href="#" class="iq-sub-card">
<div class="d-flex align-items-center">
<div class="">
<img class="p-1 avatar-40 rounded-pill bg-soft-primary"
src="../../assets/images/shapes/03.png" alt="">
</div>
<div class="ms-3">
<h6 class="mb-0 ">Why do we use it?</h6>
<small class="float-start font-size-12">30 Jun</small>
</div>
</div>
</a>
<a href="#" class="iq-sub-card">
<div class="d-flex align-items-center">
<div class="">
<img class="p-1 avatar-40 rounded-pill bg-soft-primary"
src="../../assets/images/shapes/04.png" alt="">
</div>
<div class="ms-3">
<h6 class="mb-0 ">Variations Passages</h6>
<small class="float-start font-size-12">12 Sep</small>
</div>
</div>
</a>
<a href="#" class="iq-sub-card">
<div class="d-flex align-items-center">
<div class="">
<img class="p-1 avatar-40 rounded-pill bg-soft-primary"
src="../../assets/images/shapes/05.png" alt="">
</div>
<div class="ms-3">
<h6 class="mb-0 ">Lorem Ipsum generators</h6>
<small class="float-start font-size-12">5 Dec</small>
</div>
</div>
</a>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a class="py-0 nav-link d-flex align-items-center" href="#" id="navbarDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<img src="../../assets/images/avatars/01.png" alt="User-Profile"
class="theme-color-default-img img-fluid avatar avatar-50 avatar-rounded">
<img src="../../assets/images/avatars/avtar_1.png" alt="User-Profile"
class="theme-color-purple-img img-fluid avatar avatar-50 avatar-rounded">
<img src="../../assets/images/avatars/avtar_2.png" alt="User-Profile"
class="theme-color-blue-img img-fluid avatar avatar-50 avatar-rounded">
<img src="../../assets/images/avatars/avtar_4.png" alt="User-Profile"
class="theme-color-green-img img-fluid avatar avatar-50 avatar-rounded">
<img src="../../assets/images/avatars/avtar_5.png" alt="User-Profile"
class="theme-color-yellow-img img-fluid avatar avatar-50 avatar-rounded">
<img src="../../assets/images/avatars/avtar_3.png" alt="User-Profile"
class="theme-color-pink-img img-fluid avatar avatar-50 avatar-rounded">
<div class="caption ms-3 d-none d-md-block ">
<h6 id="username" class="mb-0 caption-title"></h6>
</div>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="">Profile</a></li>
<li><a class="dropdown-item" href="">Paramètes</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><button class="dropdown-item"
onclick="document.cookie = `uuid=0;max-age=1; path=/;`; document.cookie = `token=0;max-age=1; path=/;`; window.location.replace('/dashboard/auth/sign-in.html')">Déconnexion</button>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav> <!-- Nav Header Component Start -->
<div class="iq-navbar-header" style="height: 215px;">
<div class="container-fluid iq-container">
<div class="row">
<div class="col-md-12">
<div class="flex-wrap d-flex justify-content-between align-items-center">
<div>
<h1 id="hello"></h1>
<p>Bienvenue dans votre tableau de bord Mercury Cloud.</p>
</div>
<div>
<a href="" class="btn btn-link btn-soft-light">
<svg width="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M11.8251 15.2171H12.1748C14.0987 15.2171 15.731 13.985 16.3054 12.2764C16.3887 12.0276 16.1979 11.7713 15.9334 11.7713H14.8562C14.5133 11.7713 14.2362 11.4977 14.2362 11.16C14.2362 10.8213 14.5133 10.5467 14.8562 10.5467H15.9005C16.2463 10.5467 16.5263 10.2703 16.5263 9.92875C16.5263 9.58722 16.2463 9.31075 15.9005 9.31075H14.8562C14.5133 9.31075 14.2362 9.03619 14.2362 8.69849C14.2362 8.35984 14.5133 8.08528 14.8562 8.08528H15.9005C16.2463 8.08528 16.5263 7.8088 16.5263 7.46728C16.5263 7.12575 16.2463 6.84928 15.9005 6.84928H14.8562C14.5133 6.84928 14.2362 6.57472 14.2362 6.23606C14.2362 5.89837 14.5133 5.62381 14.8562 5.62381H15.9886C16.2483 5.62381 16.4343 5.3789 16.3645 5.13113C15.8501 3.32401 14.1694 2 12.1748 2H11.8251C9.42172 2 7.47363 3.92287 7.47363 6.29729V10.9198C7.47363 13.2933 9.42172 15.2171 11.8251 15.2171Z"
fill="currentColor"></path>
<path opacity="0.4"
d="M19.5313 9.82568C18.9966 9.82568 18.5626 10.2533 18.5626 10.7823C18.5626 14.3554 15.6186 17.2627 12.0005 17.2627C8.38136 17.2627 5.43743 14.3554 5.43743 10.7823C5.43743 10.2533 5.00345 9.82568 4.46872 9.82568C3.93398 9.82568 3.5 10.2533 3.5 10.7823C3.5 15.0873 6.79945 18.6413 11.0318 19.1186V21.0434C11.0318 21.5715 11.4648 22.0001 12.0005 22.0001C12.5352 22.0001 12.9692 21.5715 12.9692 21.0434V19.1186C17.2006 18.6413 20.5 15.0873 20.5 10.7823C20.5 10.2533 20.066 9.82568 19.5313 9.82568Z"
fill="currentColor"></path>
</svg>
Annonces
</a>
</div>
</div>
</div>
</div>
</div>
<div class="iq-header-img">
<img src="../../assets/images/dashboard/top-header.png" alt="header"
class="theme-color-default-img img-fluid w-100 h-100 animated-scaleX">
<img src="../../assets/images/dashboard/top-header1.png" alt="header"
class="theme-color-purple-img img-fluid w-100 h-100 animated-scaleX">
<img src="../../assets/images/dashboard/top-header2.png" alt="header"
class="theme-color-blue-img img-fluid w-100 h-100 animated-scaleX">
<img src="../../assets/images/dashboard/top-header3.png" alt="header"
class="theme-color-green-img img-fluid w-100 h-100 animated-scaleX">
<img src="../../assets/images/dashboard/top-header4.png" alt="header"
class="theme-color-yellow-img img-fluid w-100 h-100 animated-scaleX">
<img src="../../assets/images/dashboard/top-header5.png" alt="header"
class="theme-color-pink-img img-fluid w-100 h-100 animated-scaleX">
</div>
</div> <!-- Nav Header Component End -->
<!--Nav End-->
</div>
<div class="conatiner-fluid content-inner mt-n5 py-0">
<div>
<div class="row">
<div class="col-xl-3 col-lg-4">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">Créer un nouvel utilisateur</h4>
</div>
</div>
<div class="card-body">
<div class="form-group">
<div class="profile-img-edit position-relative">
<img src="../../assets/images/avatars/01.png" alt="profile-pic"
class="theme-color-default-img profile-pic rounded avatar-100">
<img src="../../assets/images/avatars/avtar_1.png" alt="profile-pic"
class="theme-color-purple-img profile-pic rounded avatar-100">
<img src="../../assets/images/avatars/avtar_2.png" alt="profile-pic"
class="theme-color-blue-img profile-pic rounded avatar-100">
<img src="../../assets/images/avatars/avtar_4.png" alt="profile-pic"
class="theme-color-green-img profile-pic rounded avatar-100">
<img src="../../assets/images/avatars/avtar_5.png" alt="profile-pic"
class="theme-color-yellow-img profile-pic rounded avatar-100">
<img src="../../assets/images/avatars/avtar_3.png" alt="profile-pic"
class="theme-color-pink-img profile-pic rounded avatar-100">
<div class="upload-icone bg-primary">
<svg class="upload-button" width="14" height="14" viewBox="0 0 24 24">
<path fill="#ffffff"
d="M14.06,9L15,9.94L5.92,19H5V18.08L14.06,9M17.66,3C17.41,3 17.15,3.1 16.96,3.29L15.13,5.12L18.88,8.87L20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18.17,3.09 17.92,3 17.66,3M14.06,6.19L3,17.25V21H6.75L17.81,9.94L14.06,6.19Z" />
</svg>
<input class="file-upload" type="file" accept="image/*">
</div>
</div>
</div>
<div class="form-group">
<label class="form-label" for="username-input">Nom d'utilisateur *</label>
<input class="form-control" id="username-input" placeholder="Nom d'utilisateur">
<div class="d-flex" id="username-toast">
</div>
</div>
<div class="form-group">
<label class="form-label">Rôle</label>
<select id="roles-select" class="form-select mb-3 shadow-none">
</select>
</div>
<div class="form-group">
<label class="form-label" for="mail">Adresse mail *</label>
<input class="form-control" id="mail" placeholder="Adresse mail">
</div>
<div class="d-flex" id="mail-toast">
</div>
<div class="form-group">
<label class="form-label" for="password">Mot de passe *</label>
<input type="password" class="form-control" id="password" placeholder="Mot de passe">
</div>
</div>
</div>
</div>
<div class="col-xl-9 col-lg-8">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">Information personelles sur l'utilisateur</h4>
</div>
</div>
<div class="card-body">
<div class="new-user-info">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label class="form-label">Prénom *</label>
<input id="first-name" type="text" class="form-control" name="fname" placeholder="Prénom" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="form-label">Nom *</label>
<input id="last-name" type="text" class="form-control" name="lname" placeholder="Nom" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="form-label">Téléphone *</label>
<input id="tel" type="text" class="form-control" name="phno_2"
placeholder="Téléphone (Format international ex: +33122334455)" />
</div>
</div>
<div class="col-7">
<h4 class="card-title">Adresse de facturation</h4>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="form-label">Adresse *</label>
<input id="address-1" type="text" class="form-control" name="phno_2" placeholder="Adresse" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="form-label">Adresse 2 (Optionnel)</label>
<input id="address-2" type="text" class="form-control" name="phno_2"
placeholder="Adresse 2 (Optionnel)" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="form-label">Ville *</label>
<input id="city" type="text" class="form-control" name="phno_2" placeholder="Ville" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="form-label">Code postal *</label>
<input id="zip" type="text" class="form-control" name="phno_2" placeholder="Code postal" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="form-label">Pays</label>
<select id="country" class="form-select mb-3 shadow-none">
<option selected="" value="0">--</option>
<option value="1">Afghanistan</option>
<option value="2">Albania</option>
<option value="3">Algeria</option>
<option value="4">Andorra</option>
<option value="5">Angola</option>
<option value="6">Antigua & Deps</option>
<option value="7">Argentina</option>
<option value="8">Armenia</option>
<option value="9">Australia</option>
<option value="10">Austria</option>
<option value="11">Azerbaijan</option>
<option value="12">Bahamas</option>
<option value="13">Bahrain</option>
<option value="14">Bangladesh</option>
<option value="15">Barbados</option>
<option value="16">Belarus</option>
<option value="17">Belgium</option>
<option value="18">Belize</option>
<option value="19">Benin</option>
<option value="20">Bhutan</option>
<option value="21">Bolivia</option>
<option value="22">Bosnia Herzegovina</option>
<option value="23">Botswana</option>
<option value="24">Brazil</option>
<option value="25">Brunei</option>
<option value="26">Bulgaria</option>
<option value="27">Burkina</option>
<option value="28">Burundi</option>
<option value="29">Cambodia</option>
<option value="30">Cameroon</option>
<option value="31">Canada</option>
<option value="32">Cape Verde</option>
<option value="33">Central African Rep</option>
<option value="34">Chad</option>
<option value="35">Chile</option>
<option value="36">China</option>
<option value="37">Colombia</option>
<option value="38">Comoros</option>
<option value="39">Congo</option>
<option value="40">Congo {Democratic Rep}</option>
<option value="41">Costa Rica</option>
<option value="42">Croatia</option>
<option value="43">Cuba</option>
<option value="44">Cyprus</option>
<option value="45">Czech Republic</option>
<option value="46">Denmark</option>
<option value="47">Djibouti</option>
<option value="48">Dominica</option>
<option value="49">Dominican Republic</option>
<option value="50">East Timor</option>
<option value="51">Ecuador</option>
<option value="52">Egypt</option>
<option value="53">El Salvador</option>
<option value="54">Equatorial Guinea</option>
<option value="55">Eritrea</option>
<option value="56">Estonia</option>
<option value="57">Ethiopia</option>
<option value="58">Fiji</option>
<option value="59">Finland</option>
<option value="60">France</option>
<option value="61">Gabon</option>
<option value="62">Gambia</option>
<option value="63">Georgia</option>
<option value="64">Germany</option>
<option value="65">Ghana</option>
<option value="66">Greece</option>
<option value="67">Grenada</option>
<option value="68">Guatemala</option>
<option value="69">Guinea</option>
<option value="70">Guinea-Bissau</option>
<option value="71">Guyana</option>
<option value="72">Haiti</option>
<option value="73">Honduras</option>
<option value="74">Hungary</option>
<option value="75">Iceland</option>
<option value="76">India</option>
<option value="77">Indonesia</option>
<option value="78">Iran</option>
<option value="79">Iraq</option>
<option value="80">Ireland {Republic}</option>
<option value="81">Israel</option>
<option value="82">Italy</option>
<option value="83">Ivory Coast</option>
<option value="84">Jamaica</option>
<option value="85">Japan</option>
<option value="86">Jordan</option>
<option value="87">Kazakhstan</option>
<option value="88">Kenya</option>
<option value="89">Kiribati</option>
<option value="90">Korea North</option>
<option value="91">Korea South</option>
<option value="92">Kosovo</option>
<option value="93">Kuwait</option>
<option value="94">Kyrgyzstan</option>
<option value="95">Laos</option>
<option value="96">Latvia</option>
<option value="97">Lebanon</option>
<option value="98">Lesotho</option>
<option value="99">Liberia</option>
<option value="100">Libya</option>
<option value="101">Liechtenstein</option>
<option value="102">Lithuania</option>
<option value="103">Luxembourg</option>
<option value="104">Macedonia</option>
<option value="105">Madagascar</option>
<option value="106">Malawi</option>
<option value="107">Malaysia</option>
<option value="108">Maldives</option>
<option value="109">Mali</option>
<option value="110">Malta</option>
<option value="111">Marshall Islands</option>
<option value="112">Mauritania</option>
<option value="113">Mauritius</option>
<option value="114">Mexico</option>
<option value="115">Micronesia</option>
<option value="116">Moldova</option>
<option value="117">Monaco</option>
<option value="118">Mongolia</option>
<option value="119">Montenegro</option>
<option value="120">Morocco</option>
<option value="121">Mozambique</option>
<option value="122">Myanmar, {Burma}</option>
<option value="123">Namibia</option>
<option value="124">Nauru</option>
<option value="125">Nepal</option>
<option value="126">Netherlands</option>
<option value="127">New Zealand</option>
<option value="128">Nicaragua</option>
<option value="129">Niger</option>
<option value="130">Nigeria</option>
<option value="131">Norway</option>
<option value="132">Oman</option>
<option value="133">Pakistan</option>
<option value="134">Palau</option>
<option value="135">Panama</option>
<option value="136">Papua New Guinea</option>
<option value="137">Paraguay</option>
<option value="138">Peru</option>
<option value="139">Philippines</option>
<option value="140">Poland</option>
<option value="141">Portugal</option>
<option value="142">Qatar</option>
<option value="143">Romania</option>
<option value="144">Russian Federation</option>
<option value="145">Rwanda</option>
<option value="146">St Kitts & Nevis</option>
<option value="147">St Lucia</option>
<option value="148">Saint Vincent & the Grenadines</option>
<option value="149">Samoa</option>
<option value="150">San Marino</option>
<option value="151">Sao Tome & Principe</option>
<option value="152">Saudi Arabia</option>
<option value="153">Senegal</option>
<option value="154">Serbia</option>
<option value="155">Seychelles</option>
<option value="156">Sierra Leone</option>
<option value="157">Singapore</option>
<option value="158">Slovakia</option>
<option value="159">Slovenia</option>
<option value="160">Solomon Islands</option>
<option value="161">Somalia</option>
<option value="162">South Africa</option>
<option value="163">Spain</option>
<option value="164">Sri Lanka</option>
<option value="165">Sudan</option>
<option value="166">Suriname</option>
<option value="167">Swaziland</option>
<option value="168">Sweden</option>
<option value="169">Switzerland</option>
<option value="170">Syria</option>
<option value="171">Taiwan</option>
<option value="172">Tajikistan</option>
<option value="173">Tanzania</option>
<option value="174">Thailand</option>
<option value="175">Togo</option>
<option value="176">Tonga</option>
<option value="177">Trinidad & Tobago</option>
<option value="178">Tunisia</option>
<option value="179">Turkey</option>
<option value="180">Turkmenistan</option>
<option value="181">Tuvalu</option>
<option value="182">Uganda</option>
<option value="183">Ukraine</option>
<option value="184">United Arab Emirates</option>
<option value="185">United Kingdom</option>
<option value="186">United States</option>
<option value="187">Uruguay</option>
<option value="188">Uzbekistan</option>
<option value="189">Vanuatu</option>
<option value="190">Vatican City</option>
<option value="191">Venezuela</option>
<option value="192">Vietnam</option>
<option value="193">Yemen</option>
<option value="194">Zambia</option>
<option value="195">Zimbabwe</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label class="form-label">Province *</label>
<input id="state" type="text" class="form-control" name="phno_2" placeholder="Province" />
</div>
</div>
<button onclick="create_user()" class="btn btn-primary">Ajouter</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Library Bundle Script -->
<script src="../../assets/js/core/libs.min.js"></script>
<!-- External Library Bundle Script -->
<script src="../../assets/js/core/external.min.js"></script>
<!-- Widgetchart Script -->
<script src="../../assets/js/charts/widgetcharts.js"></script>
<!-- mapchart Script -->
<script src="../../assets/js/charts/vectore-chart.js"></script>
<script src="../../assets/js/charts/dashboard.js"></script>
<!-- fslightbox Script -->
<script src="../../assets/js/plugins/fslightbox.js"></script>
<!-- Settings Script -->
<script src="../../assets/js/plugins/setting.js"></script>
<!-- Slider-tab Script -->
<script src="../../assets/js/plugins/slider-tabs.js"></script>
<script src="../../assets/js/pages/users/create-user.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink