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

Update

Browse Source
This commit is contained in:
SavaletDev
2022-09-03 20:13:59 +02:00
parent 442973b23e
commit d884f18908
37 changed files with 13874 additions and 9747 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
api/package-lock.json generated
View File

@@ -21,7 +21,7 @@
"ipware": "^2.0.0",
"jsonwebtoken": "^8.5.1",
"mysql": "^2.18.1",
"node-fetch": "^3.2.6",
"node-fetch": "^2.6.7",
"nodemailer": "^6.7.7",
"raw-body": "^2.5.1",
"readline": "^1.3.0",
@@ -38,25 +38,6 @@
"ws": "^8.5.0"
}
},
"node_modules/@devnote-dev/pterojs/node_modules/node-fetch": {
"version": "2.6.7",
"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
"integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
"dependencies": {
"whatwg-url": "^5.0.0"
},
"engines": {
"node": "4.x || >=6.0.0"
},
"peerDependencies": {
"encoding": "^0.1.0"
},
"peerDependenciesMeta": {
"encoding": {
"optional": true
}
}
},
"node_modules/@mapbox/node-pre-gyp": {
"version": "1.0.9",
"resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.9.tgz",
@@ -76,25 +57,6 @@
"node-pre-gyp": "bin/node-pre-gyp"
}
},
"node_modules/@mapbox/node-pre-gyp/node_modules/node-fetch": {
"version": "2.6.7",
"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
"integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
"dependencies": {
"whatwg-url": "^5.0.0"
},
"engines": {
"node": "4.x || >=6.0.0"
},
"peerDependencies": {
"encoding": "^0.1.0"
},
"peerDependenciesMeta": {
"encoding": {
"optional": true
}
}
},
"node_modules/abbrev": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
@@ -414,25 +376,6 @@
"node-fetch": "2.6.7"
}
},
"node_modules/cross-fetch/node_modules/node-fetch": {
"version": "2.6.7",
"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
"integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
"dependencies": {
"whatwg-url": "^5.0.0"
},
"engines": {
"node": "4.x || >=6.0.0"
},
"peerDependencies": {
"encoding": "^0.1.0"
},
"peerDependenciesMeta": {
"encoding": {
"optional": true
}
}
},
"node_modules/crypto": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/crypto/-/crypto-1.0.1.tgz",
@@ -450,14 +393,6 @@
"node": ">=0.10"
}
},
"node_modules/data-uri-to-buffer": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz",
"integrity": "sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA==",
"engines": {
"node": ">= 12"
}
},
"node_modules/debug": {
"version": "2.6.9",
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -627,28 +562,6 @@
"resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
"integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
},
"node_modules/fetch-blob": {
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz",
"integrity": "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/jimmywarting"
},
{
"type": "paypal",
"url": "https://paypal.me/jimmywarting"
}
],
"dependencies": {
"node-domexception": "^1.0.0",
"web-streams-polyfill": "^3.0.3"
},
"engines": {
"node": "^12.20 || >= 14.13"
}
},
"node_modules/finalhandler": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
@@ -687,17 +600,6 @@
"node": ">= 0.12"
}
},
"node_modules/formdata-polyfill": {
"version": "4.0.10",
"resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
"integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==",
"dependencies": {
"fetch-blob": "^3.1.2"
},
"engines": {
"node": ">=12.20.0"
}
},
"node_modules/forwarded": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -1263,39 +1165,23 @@
"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz",
"integrity": "sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A=="
},
"node_modules/node-domexception": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
"integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/jimmywarting"
},
{
"type": "github",
"url": "https://paypal.me/jimmywarting"
}
],
"engines": {
"node": ">=10.5.0"
}
},
"node_modules/node-fetch": {
"version": "3.2.10",
"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.2.10.tgz",
"integrity": "sha512-MhuzNwdURnZ1Cp4XTazr69K0BTizsBroX7Zx3UgDSVcZYKF/6p0CBe4EUb/hLqmzVhl0UpYfgRljQ4yxE+iCxA==",
"version": "2.6.7",
"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
"integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
"dependencies": {
"data-uri-to-buffer": "^4.0.0",
"fetch-blob": "^3.1.4",
"formdata-polyfill": "^4.0.10"
"whatwg-url": "^5.0.0"
},
"engines": {
"node": "^12.20.0 || ^14.13.1 || >=16.0.0"
"node": "4.x || >=6.0.0"
},
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/node-fetch"
"peerDependencies": {
"encoding": "^0.1.0"
},
"peerDependenciesMeta": {
"encoding": {
"optional": true
}
}
},
"node_modules/nodemailer": {
@@ -1869,14 +1755,6 @@
"resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
"integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ=="
},
"node_modules/web-streams-polyfill": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz",
"integrity": "sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q==",
"engines": {
"node": ">= 8"
}
},
"node_modules/webidl-conversions": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
@@ -1938,16 +1816,6 @@
"requires": {
"node-fetch": "^2.6.7",
"ws": "^8.5.0"
},
"dependencies": {
"node-fetch": {
"version": "2.6.7",
"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
"integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
"requires": {
"whatwg-url": "^5.0.0"
}
}
}
},
"@mapbox/node-pre-gyp": {
@@ -1964,16 +1832,6 @@
"rimraf": "^3.0.2",
"semver": "^7.3.5",
"tar": "^6.1.11"
},
"dependencies": {
"node-fetch": {
"version": "2.6.7",
"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
"integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
"requires": {
"whatwg-url": "^5.0.0"
}
}
}
},
"abbrev": {
@@ -2229,16 +2087,6 @@
"integrity": "sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw==",
"requires": {
"node-fetch": "2.6.7"
},
"dependencies": {
"node-fetch": {
"version": "2.6.7",
"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
"integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
"requires": {
"whatwg-url": "^5.0.0"
}
}
}
},
"crypto": {
@@ -2254,11 +2102,6 @@
"assert-plus": "^1.0.0"
}
},
"data-uri-to-buffer": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-4.0.0.tgz",
"integrity": "sha512-Vr3mLBA8qWmcuschSLAOogKgQ/Jwxulv3RNE4FXnYWRGujzrRWQI4m12fQqRkwX06C0KanhLr4hK+GydchZsaA=="
},
"debug": {
"version": "2.6.9",
"resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -2398,15 +2241,6 @@
"resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
"integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
},
"fetch-blob": {
"version": "3.2.0",
"resolved": "https://registry.npmjs.org/fetch-blob/-/fetch-blob-3.2.0.tgz",
"integrity": "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ==",
"requires": {
"node-domexception": "^1.0.0",
"web-streams-polyfill": "^3.0.3"
}
},
"finalhandler": {
"version": "1.2.0",
"resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
@@ -2436,14 +2270,6 @@
"mime-types": "^2.1.12"
}
},
"formdata-polyfill": {
"version": "4.0.10",
"resolved": "https://registry.npmjs.org/formdata-polyfill/-/formdata-polyfill-4.0.10.tgz",
"integrity": "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==",
"requires": {
"fetch-blob": "^3.1.2"
}
},
"forwarded": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -2892,19 +2718,12 @@
"resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz",
"integrity": "sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A=="
},
"node-domexception": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
"integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ=="
},
"node-fetch": {
"version": "3.2.10",
"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-3.2.10.tgz",
"integrity": "sha512-MhuzNwdURnZ1Cp4XTazr69K0BTizsBroX7Zx3UgDSVcZYKF/6p0CBe4EUb/hLqmzVhl0UpYfgRljQ4yxE+iCxA==",
"version": "2.6.7",
"resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz",
"integrity": "sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==",
"requires": {
"data-uri-to-buffer": "^4.0.0",
"fetch-blob": "^3.1.4",
"formdata-polyfill": "^4.0.10"
"whatwg-url": "^5.0.0"
}
},
"nodemailer": {
@@ -3347,11 +3166,6 @@
}
}
},
"web-streams-polyfill": {
"version": "3.2.1",
"resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-3.2.1.tgz",
"integrity": "sha512-e0MO3wdXWKrLbL0DgGnUV7WHVuw9OUvL4hjgnPkIeEvESk74gAITi5G606JtZPp39cd8HA9VQzCIvA49LpPN5Q=="
},
"webidl-conversions": {
"version": "3.0.1",
"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",

2
api/package.json
View File

@@ -21,7 +21,7 @@
"ipware": "^2.0.0",
"jsonwebtoken": "^8.5.1",
"mysql": "^2.18.1",
"node-fetch": "^3.2.6",
"node-fetch": "^2.6.7",
"nodemailer": "^6.7.7",
"raw-body": "^2.5.1",
"readline": "^1.3.0",

116
api/routes/index.js
View File

@@ -2,89 +2,99 @@ var router = require('express').Router();
const server = require('../server.js')
const route_name = "/"
server.logger(" [INFO] /api" + route_name + " route loaded !")
function getRandomInt(max, min) {
return Math.floor(Math.random() * (max - min)) + min;
}
router.get('', (req, res) => {
var forwardedIpsStr = req.header('x-forwarded-for');
var IP = '';
if (forwardedIpsStr) {
IP = forwardedIps = forwardedIpsStr.split(',')[0];
IP = forwardedIps = forwardedIpsStr.split(',')[0];
}
server.logger(' [DEBUG] GET /api' + route_name + ' from ' + IP + ` with uuid ${req.query.uuid}`)
var sql = `SELECT token FROM users WHERE uuid = '${req.query.uuid}'`;
server.con.query(sql, function (err, result) {
if (err) {logger(" [ERROR] Database error\n " + err)};
if (err) { logger(" [ERROR] Database error\n " + err) };
if (result.length == 0) {
return res.json({'error': true, 'code': 404})
return res.json({ 'error': true, 'code': 404 })
} else {
if (result[0].token === req.query.token) {
var sql = `SELECT * FROM users WHERE uuid = '${req.query.uuid}'`;
server.con.query(sql, function (err, result1) {
if (err) {server.logger(" [ERROR] Database error\n " + err)};
if (err) { server.logger(" [ERROR] Database error\n " + err) };
var sql = `SELECT * FROM roles WHERE id = '${result1[0].role}'`;
server.con.query(sql, function (err, result2) {
if (err) {server.logger(" [ERROR] Database error\n " + err)};
if (err) { server.logger(" [ERROR] Database error\n " + err) };
var activity = []
activity.push({
"name": "Maintenance Serveur Epsilon",
"date": "17 FEV 15:59"
"name": "Maintenance Serveur PVE-1",
"date": "17 FEV 15:59"
})
activity.push({
"name": "Maintenance réseau",
"date": "11 JUL 8:10"
"name": "Maintenance réseau",
"date": "11 JUL 8:10"
})
activity.push({
"name": "Maintenance DNS",
"date": "15 JUN 11:00"
"name": "Maintenance DNS",
"date": "15 JUN 11:00"
})
var cpu = []
var ram = []
for (let i = 0; i < 24; i++) {
cpu.push(getRandomInt(80, 10))
}
for (let i = 0; i < 24; i++) {
ram.push(getRandomInt(60, 30))
}
return res.json(
{
"error": false,
"username": "Savalet",
"role": result1[0].role,
"role_name": result2[0].name,
"permissions": result2[0].permissions,
"stats_array": {
"CPU": [15, 5, 25, 86, 45, 66, 15],
"RAM": [72, 96, 56, 60, 74, 60, 78]
},
"counters": [58.6 + '€', 68.5 + '€', 16, 3, 0, 0],
"activity": activity,
"invoices_table": [
{
"name": "Paiement par mois VPS5",
"date": "18/03/2022",
"price": 185.25,
"status": "Terminé"
{
"error": false,
"username": result1[0].username,
"role": result1[0].role,
"role_name": result2[0].name,
"permissions": result2[0].permissions,
"stats_array": {
"CPU": cpu,
"RAM": ram
},
{
"name": "Developpement site web",
"date": "22/02/2022",
"price": 18.80,
"status": "En Attente"
}, {
"name": "Paiement par mois DEDI1",
"date": "22/02/2022",
"price": 485.25,
"status": "Remboursé"
},
{
"name": "Paiement par mois VPS5",
"date": "18/02/2022",
"price": 185.25,
"status": "Terminé"
}
],
"counters": [58.6 + '€', 68.5 + '€', 16, 3, 0, 0],
"activity": activity,
"invoices_table": [
{
"name": "Paiement par mois VPS5",
"date": "18/03/2022",
"price": 185.25,
"status": "Terminé"
},
{
"name": "Developpement site web",
"date": "22/02/2022",
"price": 18.80,
"status": "En Attente"
}, {
"name": "Paiement par mois DEDI1",
"date": "22/02/2022",
"price": 485.25,
"status": "Remboursé"
},
{
"name": "Paiement par mois VPS5",
"date": "18/02/2022",
"price": 185.25,
"status": "Terminé"
}
],
"get_ip": IP
});
})
})
} else {
return res.json({'error': true, 'code': 403})
}
} else {
return res.json({ 'error': true, 'code': 403 })
}
});
}
});
});
module.exports = router;

116
api/routes/products/edit-product.js
View File

@@ -6,67 +6,67 @@ const permissions_manager = require("../../utils/permissions-manager.js")
server.logger(" [INFO] /api" + route_name + " route loaded !")
router.post('', jsonParser, function (req, res) {
ipInfo = server.ip(req);
var response = "OK"
var error = false
var forwardedIpsStr = req.header('x-forwarded-for');
var IP = '';
if (forwardedIpsStr) {
IP = forwardedIps = forwardedIpsStr.split(',')[0];
}
var sql = `SELECT token FROM users WHERE uuid = '${req.query.uuid}'`;
server.con.query(sql, function (err, result) {
if (err) {server.logger(" [ERROR] Database error\n " + err)};
if (result.length == 0) {
return res.json({'error': true, 'code': 404})
} else {
if (result[0].token === req.query.token) {
permissions_manager.has_permission(req.query.uuid, "EDITPRODUCT").then(function(result) {
if (result) {
var configuration = {}
if (req.body.category == "pterodactyl") {
configuration = {
'cpu': req.body.cpu,
'cpu_pinning': req.body.cpu_pinning,
'ram': req.body.ram,
'disk': req.body.disk,
'swap': req.body.swap,
'io': req.body.io,
'egg': req.body.egg,
'startup_command': req.body.startup_command,
'env': JSON.parse(req.body.env)
}
ipInfo = server.ip(req);
var response = "OK"
var error = false
var forwardedIpsStr = req.header('x-forwarded-for');
var IP = '';
if (forwardedIpsStr) {
IP = forwardedIps = forwardedIpsStr.split(',')[0];
}
var sql = `SELECT token FROM users WHERE uuid = '${req.query.uuid}'`;
server.con.query(sql, function (err, result) {
if (err) { server.logger(" [ERROR] Database error\n " + err) };
if (result.length == 0) {
return res.json({ 'error': true, 'code': 404 })
} else {
if (result[0].token === req.query.token) {
permissions_manager.has_permission(req.query.uuid, "EDITPRODUCT").then(function (result) {
if (result) {
var configuration = {}
if (req.body.category == "pterodactyl") {
configuration = {
'cpu': req.body.cpu,
'cpu_pinning': req.body.cpu_pinning,
'ram': req.body.ram,
'disk': req.body.disk,
'swap': req.body.swap,
'io': req.body.io,
'egg': req.body.egg,
'startup_command': req.body.startup_command,
'env': JSON.parse(req.body.env)
}
if (req.body.category == "proxmox") {
configuration = {
'node': req.body.node,
'template_vmid': req.body.template_vm,
'cores': req.body.cores,
'ram': req.body.ram,
'storage': req.body.storage,
'disk_size': req.body.disk_size,
'add_conf': req.body.add_conf
}
}
var sql = `UPDATE products SET name = '${req.body.name}', description = '${req.body.description}', price = '${req.body.price}', configuration = '${JSON.stringify(configuration)}' WHERE id = '${req.body.id}';`;
server.con.query(sql, function (err, result) {
if (err) {server.logger(" [ERROR] Database error\n " + err); return res.json({"error": true, "msg": "Database error : " + err})};
});
server.logger(" [DEBUG] Product " + req.body.name + " updated from " + IP + " !")
return res.json({"error": false, "response": "OK"});
} else {
return res.json({
"error": true,
"code": 403
})
}
})
if (req.body.category == "proxmox") {
configuration = {
'node': req.body.node,
'template_vmid': req.body.template_vm,
'cores': req.body.cores,
'ram': req.body.ram,
'storage': req.body.storage,
'disk_size': req.body.disk_size,
'add_conf': req.body.add_conf
}
}
var sql = `UPDATE products SET name = '${req.body.name}', description = '${req.body.description}', price = '${req.body.price}', configuration = '${JSON.stringify(configuration)}' WHERE id = '${req.body.id}';`;
server.con.query(sql, function (err, result) {
if (err) { server.logger(" [ERROR] Database error\n " + err); return res.json({ "error": true, "msg": "Database error : " + err }) };
});
server.logger(" [DEBUG] Product " + req.body.name + " updated from " + IP + " !")
return res.json({ "error": false, "response": "OK" });
} else {
return res.json({'error': true, 'code': 403})
return res.json({
"error": true,
"code": 403
})
}
}
});
})
})
} else {
return res.json({ 'error': true, 'code': 403 })
}
}
});
})
module.exports = router;

76
api/routes/products/proxmox-nodes-list.js
View File

@@ -7,52 +7,52 @@ const route_name = "/products/proxmox-nodes-list"
server.logger(" [INFO] /api" + route_name + " route loaded !")
router.get('', function (req, res) {
ipInfo = server.ip(req);
var forwardedIpsStr = req.header('x-forwarded-for');
ipInfo = server.ip(req);
var forwardedIpsStr = req.header('x-forwarded-for');
var IP = '';
if (forwardedIpsStr) {
IP = forwardedIps = forwardedIpsStr.split(',')[0];
IP = forwardedIps = forwardedIpsStr.split(',')[0];
}
server.logger(' [DEBUG] GET /api' + route_name + ' from ' + IP + ` with uuid ${req.query.uuid}`)
var sql = `SELECT token FROM users WHERE uuid = '${req.query.uuid}'`;
server.con.query(sql, function (err, result) {
if (err) {server.logger(" [ERROR] Database error\n " + err)};
if (result.length == 0) {
return res.json({'error': true, 'code': 404})
} else {
if (result[0].token === req.query.token) {
permissions_manager.has_permission(req.query.uuid, "LISTPRODUCTS").then(function(result) {
if (result) {
server.fetch(`${config.proxmox_url}/api2/json/nodes`, {
"method": "GET",
"headers": {
"CSRFPreventionToken": server.proxmox_CSRFPreventionToken,
"Cookie": "PVEAuthCookie=" + server.proxmox_ticket
},
"agent": server.httpsAgent
var sql = `SELECT token FROM users WHERE uuid = '${req.query.uuid}'`;
server.con.query(sql, function (err, result) {
if (err) { server.logger(" [ERROR] Database error\n " + err) };
if (result.length == 0) {
return res.json({ 'error': true, 'code': 404 })
} else {
if (result[0].token === req.query.token) {
permissions_manager.has_permission(req.query.uuid, "LISTPRODUCTS").then(function (result) {
if (result) {
server.fetch(`${config.proxmox_url}/api2/json/nodes`, {
"method": "GET",
"headers": {
"CSRFPreventionToken": server.proxmox_CSRFPreventionToken,
"Cookie": "PVEAuthCookie=" + server.proxmox_ticket
},
"agent": server.httpsAgent
}).then(response => {
return response.json()
return response.json()
})
.then(data => {
return res.json({'error': false, 'nodes': data.data})
})
.catch(err => {
server.logger(" [ERROR] Proxmox API Error " + err)
return res.json({"error": true, "code": 1000, "msg": err})
});
} else {
return res.json({
"error": true,
"code": 403
.then(data => {
return res.json({ 'error': false, 'nodes': data.data })
})
}
})
} else {
return res.json({'error': true, 'code': 403})
}
.catch(err => {
server.logger(" [ERROR] Proxmox API Error " + err)
return res.json({ "error": true, "code": 1000, "msg": err })
});
} else {
return res.json({
"error": true,
"code": 403
})
}
})
} else {
return res.json({ 'error': true, 'code': 403 })
}
});
}
});
})
module.exports = router;

28
api/routes/products/ptero-create-product.js
View File

@@ -7,21 +7,21 @@ server.logger(" [INFO] /api" + route_name + " route loaded !")
router.post('', jsonParser, function (req, res) {
ipInfo = server.ip(req);
var forwardedIpsStr = req.header('x-forwarded-for');
var forwardedIpsStr = req.header('x-forwarded-for');
var IP = '';
if (forwardedIpsStr) {
IP = forwardedIps = forwardedIpsStr.split(',')[0];
IP = forwardedIps = forwardedIpsStr.split(',')[0];
}
server.logger(' [DEBUG] GET /api' + route_name + ' from ' + IP + ` with uuid ${req.query.uuid}`)
var sql = `SELECT token FROM users WHERE uuid = '${req.query.uuid}'`;
server.con.query(sql, function (err, result) {
if (err) {server.logger(" [ERROR] Database error\n " + err)};
if (err) { server.logger(" [ERROR] Database error\n " + err) };
if (result.length == 0) {
return res.json({'error': true, 'code': 404})
return res.json({ 'error': true, 'code': 404 })
} else {
if (result[0].token === req.query.token) {
permissions_manager.has_permission(req.query.uuid, "CREATEPRODUCT").then(function(result) {
permissions_manager.has_permission(req.query.uuid, "CREATEPRODUCT").then(function (result) {
if (result) {
configuration = {
'cpu': req.body.cpu,
@@ -33,13 +33,13 @@ router.post('', jsonParser, function (req, res) {
'egg': req.body.egg,
'startup_command': req.body.startup_command,
'env': JSON.parse(req.body.env)
}
}
var sql = `INSERT INTO products (id, category, name, description, price, configuration) VALUES('${server.crypto.randomBytes(3).toString('hex')}', 'pterodactyl', '${req.body.name}', '${req.body.description}', '${req.body.price}', '${JSON.stringify(configuration)}')`;
server.con.query(sql, function (err, result) {
if (err) {server.logger(" [ERROR] Database error\n " + err)};
if (err) { server.logger(" [ERROR] Database error\n " + err) };
});
server.logger(" [DEBUG] Product " + req.body.name + " created from " + IP + " !")
return res.json({"error": false, "response": "OK"});
server.logger(" [DEBUG] Product " + req.body.name + " created from " + IP + " !")
return res.json({ "error": false, "response": "OK" });
} else {
return res.json({
"error": true,
@@ -47,11 +47,11 @@ router.post('', jsonParser, function (req, res) {
})
}
})
} else {
return res.json({'error': true, 'code': 403})
}
} else {
return res.json({ 'error': true, 'code': 403 })
}
});
})
}
});
})
module.exports = router;

34
api/routes/services/delete-service.js
View File

@@ -2,6 +2,7 @@ var router = require('express').Router();
const server = require('../../server.js')
var jsonParser = server.parser.json()
const route_name = "/services/delete-service"
const config = require('../../config.json')
const permissions_manager = require("../../utils/permissions-manager.js")
server.logger(" [INFO] /api" + route_name + " route loaded !")
@@ -13,23 +14,38 @@ router.delete('', jsonParser, function (req, res) {
var IP = '';
if (forwardedIpsStr) {
IP = forwardedIps = forwardedIpsStr.split(',')[0];
IP = forwardedIps = forwardedIpsStr.split(',')[0];
}
var sql = `SELECT token FROM users WHERE uuid = '${req.query.uuid}'`;
server.con.query(sql, function (err, result) {
if (err) {server.logger(" [ERROR] Database error\n " + err)};
if (err) { server.logger(" [ERROR] Database error\n " + err) };
if (result.length == 0) {
return res.json({'error': true, 'code': 404})
return res.json({ 'error': true, 'code': 404 })
} else {
if (result[0].token === req.query.token) {
permissions_manager.has_permission(req.query.uuid, "DELETESERVICE").then(function(result) {
permissions_manager.has_permission(req.query.uuid, "DELETESERVICE").then(function (result) {
if (result) {
var sql = `DELETE FROM services WHERE id='${req.body.id}'`;
var sql = `SELECT * FROM services WHERE id = '${req.body.id}'`;
server.con.query(sql, function (err, result) {
if (err) {server.logger(" [ERROR] Database error\n " + err), error = true, response = "Database error"};
if (err) { server.logger(" [ERROR] Database error\n " + err), error = true, response = "Database error" };
if (result[0].category == 'pterodactyl') {
service_config = JSON.parse(result[0].configuration)
server.fetch(config.pterodactyl_url + "/api/application/servers/" + service_config.id, {
"method": "DELETE",
"headers": {
"Accept": "application/json",
"Content-Type": "application/json",
"Authorization": `Bearer ${config.pterodactyl_api_key}`,
}
}).catch(err => { server.logger(" [ERROR] Pterodactyl API error : " + err); return res.json({ "error": true, "code": 503, "msg": "Pterodactyl API error : " + err }) })
}
var sql = `DELETE FROM services WHERE id='${req.body.id}'`;
server.con.query(sql, function (err) {
if (err) { server.logger(" [ERROR] Database error\n " + err), error = true, response = "Database error" };
});
server.logger(" [DEBUG] Service " + req.body.id + " deleted from " + IP + " !")
return res.json({ "error": error, "response": response });
});
server.logger(" [DEBUG] Service " + req.body.id + " deleted from " + IP + " !")
return res.json({"error": error, "response": response});
} else {
return res.json({
"error": true,
@@ -38,7 +54,7 @@ router.delete('', jsonParser, function (req, res) {
}
})
} else {
return res.json({'error': true, 'code': 403})
return res.json({ 'error': true, 'code': 403 })
}
}
});

140
api/routes/services/order-form.js
View File

File diff suppressed because one or more lines are too long

54
api/routes/services/service-edit.js Normal file
View File

@@ -0,0 +1,54 @@
var router = require('express').Router();
const server = require('../../server.js')
var jsonParser = server.parser.json()
const route_name = "/services/edit-service"
const permissions_manager = require("../../utils/permissions-manager")
server.logger(" [INFO] /api" + route_name + " route loaded !")
router.post('', jsonParser, function (req, res) {
ipInfo = server.ip(req);
var forwardedIpsStr = req.header('x-forwarded-for');
var IP = '';
if (forwardedIpsStr) {
IP = forwardedIps = forwardedIpsStr.split(',')[0];
}
var sql = `SELECT token FROM users WHERE uuid = '${req.query.uuid}'`;
server.con.query(sql, function (err, result) {
if (err) { server.logger(" [ERROR] Database error\n " + err) };
if (result.length == 0) {
return res.json({ 'error': true, 'code': 404 })
} else {
if (result[0].token === req.query.token) {
permissions_manager.has_permission(req.query.uuid, "EDITSERVICE").then(function (result) {
if (result) {
var sql = `SELECT * FROM services WHERE id = '${req.body.id}'`;
server.con.query(sql, function (err, result) {
var sql = `UPDATE services SET uuid = '${req.body.uuid}', name = '${req.body.name}', product_id = '${req.body.product_id}', price = '${req.body.price}', statut = '${req.body.statut}' WHERE id = '${req.body.id}';`;
server.con.query(sql, function (err) {
if (err) { server.logger(" [ERROR] Database error\n " + err); return res.json({ "error": true, "msg": "Database error : " + err }) };
});
server.logger(" [DEBUG] Service " + req.body.name + " updated from " + IP + " with uuid " + req.query.uuid + " !")
if (result[0].name != req.body.name) { server.services_action_logger(req.body.id, req.query.uuid, IP, "Modification du nom du service " + result[0].name + " vers " + req.body.name) }
if (result[0].uuid != req.body.uuid) { server.services_action_logger(req.body.id, req.query.uuid, IP, "Modification du propriétaire du service " + result[0].name + " passant de " + result[0].uuid + " à " + req.body.uuid) }
if (result[0].product_id != req.body.product_id) { server.services_action_logger(req.body.id, req.query.uuid, IP, "Modification du produit du service " + result[0].name + " passant de " + result[0].product_id + " à " + req.body.product_id) }
if (result[0].price != req.body.price) { server.services_action_logger(req.body.id, req.query.uuid, IP, "Modification du prix du service " + result[0].name + " passant de " + result[0].price + " à " + req.body.price) }
if (result[0].statut != req.body.statut) { server.services_action_logger(req.body.id, req.query.uuid, IP, "Modification du status du service " + result[0].name + " passant de " + result[0].statut + " à " + req.body.statut) }
return res.json({ "error": false, "response": "OK" });
})
} else {
return res.json({
"error": true,
"code": 403
})
}
})
} else {
return res.json({ 'error': true, 'code': 403 })
}
}
});
})
module.exports = router;

160
api/routes/services/service-info.js Normal file
View File

@@ -0,0 +1,160 @@
var router = require('express').Router();
const server = require('../../server.js')
const route_name = "/services/service-info"
const permissions_manager = require("../../utils/permissions-manager")
const config = require('../../config.json')
server.logger(" [INFO] /api" + route_name + " route loaded !")
router.get('', function (req, res) {
ipInfo = server.ip(req);
var forwardedIpsStr = req.header('x-forwarded-for');
var IP = '';
if (forwardedIpsStr) {
IP = forwardedIps = forwardedIpsStr.split(',')[0];
}
server.logger(' [DEBUG] GET /api' + route_name + ' from ' + IP + ` with uuid ${req.query.uuid}`)
var sql = `SELECT token FROM users WHERE uuid = '${req.query.uuid}'`;
server.con.query(sql, function (err, result) {
if (err) { server.logger(" [ERROR] Database error\n " + err) };
if (result.length == 0) {
return res.json({ 'error': true, 'code': 404 })
} else {
if (result[0].token === req.query.token) {
var id = req.query.id
if (id == undefined) { return res.json({ 'error': true, 'msg': "Role id query is required", "code": 101 }) }
if (id == "") { return res.json({ 'error': true, 'msg': "Role id query is required", "code": 102 }) }
var sql = `SELECT * FROM services WHERE id = '${id}'`;
server.con.query(sql, function (err, result) {
if (err) { server.logger(" [ERROR] Database error\n " + err) };
if (result.length > 0) {
if (result[0].uuid == req.query.uuid) {
if (result[0].category == 'pterodactyl') {
service_config = JSON.parse(result[0].configuration)
server.fetch(config.pterodactyl_url + "/api/client/servers/" + service_config.identifier + "/resources", {
"method": "GET",
"headers": {
"Accept": "application/json",
"Content-Type": "application/json",
"Authorization": `Bearer ${config.pterodactyl_user_api_key}`,
}
}).then(response => {
return response.json()
}).then(data => {
server.fetch(config.pterodactyl_url + "/api/client/servers/" + service_config.identifier + "/websocket", {
"method": "GET",
"headers": {
"Accept": "application/json",
"Content-Type": "application/json",
"Authorization": `Bearer ${config.pterodactyl_user_api_key}`,
}
}).then(response => {
return response.json()
}).then(data1 => {
var sql = `SELECT * FROM services_logs WHERE service_id = '${id}' ORDER BY timestamp DESC`;
server.con.query(sql, function (err, result1) {
let ii = 0
var service_logs = []
for (let i = 0; i < result1.length; i++) {
ii++
if (ii <= 25) {
service_logs.push({
'timestamp': result1[i].timestamp,
'uuid': result1[i].uuid,
'ip': result1[i].ip,
'action': result1[i].action
})
}
}
return res.json({
'error': false, 'data': {
'id': result[0].id,
'uuid': result[0].uuid,
'name': result[0].name,
'product_id': result[0].product_id,
'price': result[0].price,
'category': result[0].category,
'configuration': service_config,
'statut': result[0].statut,
'resources': data.attributes,
'websocket': {
'websocket_url': data1.data.socket,
'websocket_token': data1.data.token
}
}, 'logs': service_logs
})
})
})
}).catch(err => { server.logger(" [ERROR] Pterodactyl API error : " + err); return res.json({ "error": true, "code": 503, "msg": "Pterodactyl API error : " + err }) })
}
} else {
permissions_manager.has_permission(req.query.uuid, "LISTSERVICES").then(function (result) {
if (result) {
if (result[0].category == 'pterodactyl') {
service_config = JSON.parse(result[0].configuration)
server.fetch(config.pterodactyl_url + "/api/client/servers/" + service_config.identifier + "/resources", {
"method": "GET",
"headers": {
"Accept": "application/json",
"Content-Type": "application/json",
"Authorization": `Bearer ${config.pterodactyl_user_api_key}`,
}
}).then(response => {
return response.json()
}).then(data => {
var sql = `SELECT * FROM services_logs WHERE service_id = '${id}' ORDER BY timestamp DESC`;
server.con.query(sql, function (err, result1) {
let ii = 0
var service_logs = []
for (let i = 0; i < result1.length; i++) {
ii++
if (ii <= 25) {
service_logs.push({
'timestamp': result1[i].timestamp,
'uuid': result1[i].uuid,
'ip': result1[i].ip,
'action': result1[i].action
})
}
}
return res.json({
'error': false, 'data': {
'id': result[0].id,
'uuid': result[0].uuid,
'name': result[0].name,
'product_id': result[0].product_id,
'price': result[0].price,
'category': result[0].category,
'configuration': service_config,
'statut': result[0].statut,
'resources': data.attributes
}, 'logs': service_logs
})
})
}).catch(err => { server.logger(" [ERROR] Pterodactyl API error : " + err); return res.json({ "error": true, "code": 503, "msg": "Pterodactyl API error : " + err }) })
}
} else {
return res.json({
"error": true,
"code": 403
})
}
})
}
} else {
return res.json({
'error': false, 'data': {
'id': 404
}
})
}
})
} else {
return res.json({ 'error': true, 'code': 403 })
}
}
});
})
module.exports = router;

96
api/routes/services/services.js
View File

@@ -2,40 +2,108 @@ var router = require('express').Router();
const server = require('../../server.js')
const route_name = "/services/services"
const permissions_manager = require("../../utils/permissions-manager")
const config = require('../../config.json')
server.logger(" [INFO] /api" + route_name + " route loaded !")
router.get('', function (req, res) {
ipInfo = server.ip(req);
var forwardedIpsStr = req.header('x-forwarded-for');
var forwardedIpsStr = req.header('x-forwarded-for');
var IP = '';
if (forwardedIpsStr) {
IP = forwardedIps = forwardedIpsStr.split(',')[0];
IP = forwardedIps = forwardedIpsStr.split(',')[0];
}
server.logger(' [DEBUG] GET /api' + route_name + ' from ' + IP + ` with uuid ${req.query.uuid}`)
var sql = `SELECT token FROM users WHERE uuid = '${req.query.uuid}'`;
server.con.query(sql, function (err, result) {
if (err) {server.logger(" [ERROR] Database error\n " + err)};
if (err) { server.logger(" [ERROR] Database error\n " + err) };
if (result.length == 0) {
return res.json({'error': true, 'code': 404})
return res.json({ 'error': true, 'code': 404 })
} else {
if (result[0].token === req.query.token) {
permissions_manager.has_permission(req.query.uuid, "LISTSERVICES").then(function(result) {
permissions_manager.has_permission(req.query.uuid, "LISTSERVICES").then(function (result) {
if (result) {
var sql = `SELECT * FROM services`;
var sql = `SELECT * FROM services;`;
server.con.query(sql, function (err, result) {
if (err) {server.logger(" [ERROR] Database error\n " + err)};
return res.json({'error': false, 'data': result})
});
if (err) { server.logger(" [ERROR] Database error\n " + err) };
server.fetch(config.pterodactyl_url + "/api/application/servers", {
"method": "GET",
"headers": {
"Accept": "application/json",
"Content-Type": "application/json",
"Authorization": `Bearer ${config.pterodactyl_api_key}`,
}
}).then(response => {
return response.json()
}).then(data => {
var servers = []
for (let i = 0; i < data.data.length; i++) {
for (let ii = 0; ii < result.length; ii++) {
const configuration = JSON.parse(result[ii].configuration)
if (configuration.id == data.data[i].attributes.id) {
servers.push({
'ptero_i': i,
'service_i': ii
})
}
}
}
var services = []
for (let i = 0; i < result.length; i++) {
if (data.data[servers[i].ptero_i].attributes.suspended == true) {
statut = "suspended"
} else if (data.data[servers[i].ptero_i].attributes.container.installed == false) {
statut = "installing"
} else {
statut = "active"
}
services.push({
"id": result[i].id,
"uuid": result[i].uuid,
"name": result[i].name,
"product_id": result[i].product_id,
"price": result[i].price,
"category": result[i].category,
"statut": statut
})
}
return res.json({ 'error': false, 'data': services })
}).catch(err => { server.logger(" [ERROR] Pterodactyl API error : " + err); return res.json({ "error": true, "code": 503, "msg": "Pterodactyl API error : " + err }) })
});
} else {
return res.json({
"error": true,
"code": 403
})
var sql = `SELECT * FROM services WHERE uuid = '${req.query.uuid}';`;
server.con.query(sql, function (err, result) {
if (err) { server.logger(" [ERROR] Database error\n " + err) };
server.fetch(config.pterodactyl_url + "/api/application/servers", {
"method": "GET",
"headers": {
"Accept": "application/json",
"Content-Type": "application/json",
"Authorization": `Bearer ${config.pterodactyl_api_key}`,
}
}).then(response => {
return response.json()
}).then(data => {
var servers = []
for (let i = 0; i < data.data.length; i++) {
for (let ii = 0; ii < result.length; ii++) {
const configuration = JSON.parse(result[ii].configuration)
if (configuration.id == data.data[i].attributes.id) {
servers.push({
'ptero_i': i,
'service_i': ii
})
}
}
}
console.log(servers)
}).catch(err => { server.logger(" [ERROR] Pterodactyl API error : " + err); return req.json({ "error": true, "code": 503, "msg": "Pterodactyl API error : " + err }) })
return res.json({ 'error': false, 'data': result })
});
}
})
} else {
return res.json({'error': true, 'code': 403})
return res.json({ 'error': true, 'code': 403 })
}
}
});

186
api/server.js
View File

@@ -9,7 +9,7 @@ const bcrypt = require('bcrypt')
const app = express();
const nodemailer = require("nodemailer");
const config = require("./config.json")
const fetch = require('cross-fetch');
const fetch = require('node-fetch');
const httpsAgent = new https.Agent({
rejectUnauthorized: false,
});
@@ -20,9 +20,9 @@ let month = ("0" + (start_date.getMonth() + 1)).slice(-2);
let year = start_date.getFullYear();
let hours = start_date.getHours();
let minutes = start_date.getMinutes();
if (hours < 10) {hours = "0" + hours}
if (minutes < 10) {minutes = "0" + minutes}
const start_time = year + "-" + month + "-" + date + "-" + hours + ":" + minutes
if (hours < 10) { hours = "0" + hours }
if (minutes < 10) { minutes = "0" + minutes }
const start_time = year + "-" + month + "-" + date
function logger(msg) {
let date_ob = new Date();;
@@ -32,22 +32,23 @@ function logger(msg) {
let hours = date_ob.getHours();
let minutes = date_ob.getMinutes();
let seconds = date_ob.getSeconds();
if (seconds < 10) {seconds = "0" + seconds}
if (hours < 10) {hours = "0" + hours}
if (minutes < 10) {minutes = "0" + minutes}
if (seconds < 10) { seconds = "0" + seconds }
if (hours < 10) { hours = "0" + hours }
if (minutes < 10) { minutes = "0" + minutes }
console.log('[' + year + "-" + month + "-" + date + " " + hours + ":" + minutes + ":" + seconds + '] ' + msg)
fs.appendFileSync('logs/' + start_time + '.log', '[' + year + "-" + month + "-" + date + " " + hours + ":" + minutes + ":" + seconds + '] ' + msg + '\n')
fs.appendFileSync('logs/latest.log', '[' + year + "-" + month + "-" + date + " " + hours + ":" + minutes + ":" + seconds + '] ' + msg + '\n')
}
logger(" [INFO] The API is starting...")
const PORT = 400
var mysql = require('mysql');
var mysql = require('mysql');
var connection = mysql.createConnection({
host : config.mysql_host,
user : config.mysql_usr,
password : config.mysql_passwd,
database : config.mysql_db
host: config.mysql_host,
user: config.mysql_usr,
password: config.mysql_passwd,
database: config.mysql_db
});
exports.uuid = uuid
@@ -70,13 +71,22 @@ logger(`
██║╚██╔╝██║██╔══╝ ██╔══██╗██║ ██║ ██║██╔══██╗ ╚██╔╝ ██║ ██║ ██║ ██║██║ ██║██║ ██║ ██╔══██║██╔═══╝ ██║
██║ ╚═╝ ██║███████╗██║ ██║╚██████╗╚██████╔╝██║ ██║ ██║ ╚██████╗███████╗╚██████╔╝╚██████╔╝██████╔╝ ██║ ██║██║ ██║
╚═╝ ╚═╝╚══════╝╚═╝ ╚═╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝ ╚═╝ ╚═════╝╚══════╝ ╚═════╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝╚═╝ ╚═╝`);
connection.connect(function(err) {
connection.connect(function (err) {
if (err) {
logger(` [ERROR] Database error !\n ${err.stack}`);
process.exit(1);
}
logger(` [INFO] Database succefull connected ! (${connection.threadId})`);
function services_action_logger(service_id, uuid, ip, action) {
var sql = `INSERT INTO services_logs (service_id, timestamp, uuid, ip, action) VALUES('${service_id}', '${Date.now()}', '${uuid}', '${ip}', '${action}')`;
connection.query(sql, function (err, result) {
if (err) { server.logger(" [ERROR] Database error\n " + err) };
});
}
exports.services_action_logger = services_action_logger
fetch(`${config.proxmox_url}/api2/json/access/ticket?username=${config.proxmox_user}&password=${config.proxmox_passwd}`, {
"method": "POST",
"headers": {
@@ -84,79 +94,83 @@ connection.connect(function(err) {
"body": "",
"agent": httpsAgent
}).then((response) => response.json())
.then((data) => {
const proxmox_ticket = data.data.ticket
const proxmox_CSRFPreventionToken = data.data.CSRFPreventionToken
exports.proxmox_ticket = proxmox_ticket
exports.proxmox_CSRFPreventionToken = proxmox_CSRFPreventionToken
logger(" [INFO] Proxmox API loaded ! (" + data.data.username + ")");
let mail_transporter = nodemailer.createTransport({
host: config.smtp_host,
port: config.smtp_port,
secure: config.smtp_ssl,
auth: {
user: config.smtp_username,
pass: config.smtp_pswd
.then((data) => {
const proxmox_ticket = data.data.ticket
const proxmox_CSRFPreventionToken = data.data.CSRFPreventionToken
exports.proxmox_ticket = proxmox_ticket
exports.proxmox_CSRFPreventionToken = proxmox_CSRFPreventionToken
logger(" [INFO] Proxmox API loaded ! (" + data.data.username + ")");
let mail_transporter = nodemailer.createTransport({
host: config.smtp_host,
port: config.smtp_port,
secure: config.smtp_ssl,
auth: {
user: config.smtp_username,
pass: config.smtp_pswd
}
})
exports.mail_transporter = mail_transporter
logger(" [INFO] SMTP Client loaded ! (" + config.smtp_host + ":" + config.smtp_port + ")");
app.use((req, res, next) => {
res.append('Access-Control-Allow-Origin', ['*']);
res.append('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
res.append('Access-Control-Allow-Headers', 'Content-Type');
next();
bodyParser.json();
});
app.use(require('./utils/rate-limit'));
// app.use(require('./utils/sql-injection'));
// index //
app.use('/api/', require('./routes/index.js'));
// products //
app.use('/api/products/ptero-create-product', require('./routes/products/ptero-create-product.js'));
app.use('/api/products/proxmox-create-product', require('./routes/products/proxmox-create-product.js'));
app.use('/api/products/proxmox-qemu-list', require('./routes/products/proxmox-qemu-list.js'));
app.use('/api/products/proxmox-nodes-list', require('./routes/products/proxmox-nodes-list.js'));
app.use('/api/products/proxmox-storage-list', require('./routes/products/proxmox-storage-list.js'));
app.use('/api/products/delete-product', require('./routes/products/delete-product.js'));
app.use('/api/products/product-info', require('./routes/products/product-info.js'));
app.use('/api/products/products', require('./routes/products/products.js'));
app.use('/api/products/edit-product', require('./routes/products/edit-product.js'));
// users //
app.use('/api/users/create-user', require('./routes/users/create-user.js'));
app.use('/api/users/login-user', require('./routes/users/login-user.js'));
app.use('/api/users/users-list', require('./routes/users/users-list.js'));
app.use('/api/users/user-info', require('./routes/users/user-info.js'));
app.use('/api/users/username-exist', require('./routes/users/username-exist.js'));
app.use('/api/users/mail-exist', require('./routes/users/mail-exist.js'));
app.use('/api/users/delete-user', require('./routes/users/delete-user.js'));
app.use('/api/users/edit-user', require('./routes/users/edit-user.js'));
// roles //
app.use('/api/roles/create-role', require('./routes/roles/create-role.js'));
app.use('/api/roles/delete-role', require('./routes/roles/delete-role.js'));
app.use('/api/roles/roles-list', require('./routes/roles/roles-list.js'));
app.use('/api/roles/role-info', require('./routes/roles/role-info.js'));
app.use('/api/roles/role-edit', require('./routes/roles/role-edit.js'));
// services //
app.use('/api/services/order-form', require('./routes/services/order-form.js'));
app.use('/api/services/services', require('./routes/services/services.js'));
app.use('/api/services/delete-service', require('./routes/services/delete-service.js'));
app.use('/api/services/service-edit', require('./routes/services/service-edit.js'));
app.use('/api/services/service-info', require('./routes/services/service-info.js'));
// utils //
app.use('/api/utils/send-mail', require('./routes/utils/send-mail.js'));
app.listen(PORT, () => {
logger(` [INFO] MercuryCloud API listening on ${config.api_url} !`)
}
})
exports.mail_transporter = mail_transporter
logger(" [INFO] SMTP Client loaded ! (" + config.smtp_host + ":" + config.smtp_port + ")");
app.use((req, res, next) => {
res.append('Access-Control-Allow-Origin', ['*']);
res.append('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
res.append('Access-Control-Allow-Headers', 'Content-Type');
next();
bodyParser.json();
);
}).catch((error) => {
logger(" [ERROR] Proxmox API error : " + error);
process.exit(1);
});
app.use(require('./utils/rate-limit'));
// app.use(require('./utils/sql-injection'));
// index //
app.use('/api/', require('./routes/index.js'));
// products //
app.use('/api/products/ptero-create-product', require('./routes/products/ptero-create-product.js'));
app.use('/api/products/proxmox-create-product', require('./routes/products/proxmox-create-product.js'));
app.use('/api/products/proxmox-qemu-list', require('./routes/products/proxmox-qemu-list.js'));
app.use('/api/products/proxmox-nodes-list', require('./routes/products/proxmox-nodes-list.js'));
app.use('/api/products/proxmox-storage-list', require('./routes/products/proxmox-storage-list.js'));
app.use('/api/products/delete-product', require('./routes/products/delete-product.js'));
app.use('/api/products/product-info', require('./routes/products/product-info.js'));
app.use('/api/products/products', require('./routes/products/products.js'));
app.use('/api/products/edit-product', require('./routes/products/edit-product.js'));
// users //
app.use('/api/users/create-user', require('./routes/users/create-user.js'));
app.use('/api/users/login-user', require('./routes/users/login-user.js'));
app.use('/api/users/users-list', require('./routes/users/users-list.js'));
app.use('/api/users/user-info', require('./routes/users/user-info.js'));
app.use('/api/users/username-exist', require('./routes/users/username-exist.js'));
app.use('/api/users/mail-exist', require('./routes/users/mail-exist.js'));
app.use('/api/users/delete-user', require('./routes/users/delete-user.js'));
app.use('/api/users/edit-user', require('./routes/users/edit-user.js'));
// roles //
app.use('/api/roles/create-role', require('./routes/roles/create-role.js'));
app.use('/api/roles/delete-role', require('./routes/roles/delete-role.js'));
app.use('/api/roles/roles-list', require('./routes/roles/roles-list.js'));
app.use('/api/roles/role-info', require('./routes/roles/role-info.js'));
app.use('/api/roles/role-edit', require('./routes/roles/role-edit.js'));
// services //
app.use('/api/services/order-form', require('./routes/services/order-form.js'));
app.use('/api/services/services', require('./routes/services/services.js'));
app.use('/api/services/delete-service', require('./routes/services/delete-service.js'));
// utils //
app.use('/api/utils/send-mail', require('./routes/utils/send-mail.js'));
app.listen(PORT, () =>
logger(` [INFO] MercuryCloud API listening on ${config.api_url} !`)
);
}).catch((error) => {
logger(" [ERROR] Proxmox API error : " + error);
process.exit(1);
});
});

560
assets/js/charts/dashboard.js
View File

@@ -24,21 +24,21 @@
}
fetch(`https://api.mercurycloud.fr/api/?uuid=${getCookie("uuid")}&token=${getCookie("token")}`)
.then(function (response) {
return response.json();
})
.then(function (json) {
if (json.error === false) {
const permissions_array = json.permissions.split(",")
var admin_navbar = `
.then(function (response) {
return response.json();
})
.then(function (json) {
if (json.error === false) {
const permissions_array = json.permissions.split(",")
var admin_navbar = `
<li class="nav-item static-item">
<a class="nav-link static-item disabled" href="#" tabindex="-1">
<span class="default-icon">Admin</span>
<span class="mini-icon">-</span>
</a>
</li>`
if (permissions_array.includes("ADMIN")) {
admin_navbar = admin_navbar + `
if (permissions_array.includes("ADMIN")) {
admin_navbar = admin_navbar + `
<li class="nav-item">
<a id="users-list" class="nav-link " href="../../dashboard/users/users-list.html">
<i class="icon">
@@ -115,11 +115,11 @@
</ul>
</li>
`
document.getElementById("admin_navbar").innerHTML = admin_navbar
document.getElementById("admin_navbar").innerHTML = admin_navbar
} else {
if (permissions_array.includes("LISTUSERS")) {
admin_navbar = admin_navbar + `
} else {
if (permissions_array.includes("LISTUSERS")) {
admin_navbar = admin_navbar + `
<li class="nav-item">
<a id="users-list" class="nav-link " href="../../dashboard/users/users-list.html">
<i class="icon">
@@ -137,9 +137,9 @@
</a>
</li>
`
}
if (permissions_array.includes("LISTROLES")) {
admin_navbar = admin_navbar + `
}
if (permissions_array.includes("LISTROLES")) {
admin_navbar = admin_navbar + `
<li class="nav-item">
<a id="roles-list" class="nav-link " href="../../dashboard/roles/roles-list.html">
<i class="icon">
@@ -151,9 +151,9 @@
</a>
</li>
`
}
if (permissions_array.includes("LISTSERVICES")) {
admin_navbar = admin_navbar + `
}
if (permissions_array.includes("LISTSERVICES")) {
admin_navbar = admin_navbar + `
<li class="nav-item">
<a id="services-list" class="nav-link " href="../../dashboard/services/services-list.html">
<i class="icon">
@@ -164,9 +164,9 @@
</a>
</li>
`
}
if (permissions_array.includes("LISTPRODUCTS")) {
admin_navbar = admin_navbar + `
}
if (permissions_array.includes("LISTPRODUCTS")) {
admin_navbar = admin_navbar + `
<li class="nav-item">
<a id="products-list" class="nav-link" data-bs-toggle="collapse" href="#sidebar-user" role="button" aria-expanded="false" aria-controls="sidebar-user">
<i class="icon">
@@ -209,95 +209,102 @@
</ul>
</li>
`
}
}
}
if (permissions_array.includes("VIEWADMINPANEL")) {
document.getElementById("admin_navbar").innerHTML = admin_navbar
}
if (window.location.href.includes("users-list.html")) {
if (permissions_array.includes("LISTUSERS") || permissions_array.includes("ADMIN")) {
document.getElementById("users-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
if (permissions_array.includes("VIEWADMINPANEL")) {
document.getElementById("admin_navbar").innerHTML = admin_navbar
}
}
if (window.location.href.includes("create-user.html")) {
if (permissions_array.includes("CREATEUSER") || permissions_array.includes("ADMIN")) {
document.getElementById("users-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("user-edit.html")) {
if (permissions_array.includes("EDITUSER") || permissions_array.includes("ADMIN")) {
document.getElementById("users-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("roles-list.html")) {
if (permissions_array.includes("LISTROLES") || permissions_array.includes("ADMIN")) {
document.getElementById("roles-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("services-list.html")) {
if (permissions_array.includes("LISTRSERVICES") || permissions_array.includes("ADMIN")) {
document.getElementById("services-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("create-role.html")) {
if (permissions_array.includes("CREATEROLE") || permissions_array.includes("ADMIN")) {
document.getElementById("roles-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("role-edit.html")) {
if (permissions_array.includes("EDITROLE") || permissions_array.includes("ADMIN")) {
document.getElementById("roles-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("users-list.html")) {
if (permissions_array.includes("LISTUSERS") || permissions_array.includes("ADMIN")) {
document.getElementById("users-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("create-user.html")) {
if (permissions_array.includes("CREATEUSER") || permissions_array.includes("ADMIN")) {
document.getElementById("users-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("user-edit.html")) {
if (permissions_array.includes("EDITUSER") || permissions_array.includes("ADMIN")) {
document.getElementById("users-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("ptero-products-list.html")) {
if (permissions_array.includes("LISTPRODUCTS") || permissions_array.includes("ADMIN")) {
document.getElementById("ptero-products-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("proxmox-products-list.html")) {
if (permissions_array.includes("LISTPRODUCTS") || permissions_array.includes("ADMIN")) {
document.getElementById("proxmox-products-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("roles-list.html")) {
if (permissions_array.includes("LISTROLES") || permissions_array.includes("ADMIN")) {
document.getElementById("roles-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("services-list.html")) {
if (permissions_array.includes("LISTSERVICES") || permissions_array.includes("ADMIN")) {
document.getElementById("services-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("service-edit.html")) {
if (permissions_array.includes("EDITSERVICE") || permissions_array.includes("ADMIN")) {
document.getElementById("services-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("create-role.html")) {
if (permissions_array.includes("CREATEROLE") || permissions_array.includes("ADMIN")) {
document.getElementById("roles-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("role-edit.html")) {
if (permissions_array.includes("EDITROLE") || permissions_array.includes("ADMIN")) {
document.getElementById("roles-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
document.getElementById("hello").innerHTML = "Bonjour " + json.username + " !"
document.getElementById("username").innerHTML = json.username
document.getElementById("solde").innerHTML = json.counters[0]
document.getElementById("cost_per_monts").innerHTML = json.counters[1]
document.getElementById("services").innerHTML = json.counters[2]
document.getElementById("tickets").innerHTML = json.counters[3]
document.getElementById("services_suspended").innerHTML = json.counters[4]
document.getElementById("alerts").innerHTML = json.counters[5]
var invoiced_table = ""
var color = "#39EE30"
for (let i = 0; i < json.invoices_table.length; i++) {
if (json.invoices_table[i].status == "Terminé") {color = "#28B463"}
if (json.invoices_table[i].status == "En Attente") {color = "#E67E22"}
if (json.invoices_table[i].status == "Remboursé") {color = "#2874A6"}
if (window.location.href.includes("ptero-products-list.html")) {
if (permissions_array.includes("LISTPRODUCTS") || permissions_array.includes("ADMIN")) {
document.getElementById("ptero-products-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
if (window.location.href.includes("proxmox-products-list.html")) {
if (permissions_array.includes("LISTPRODUCTS") || permissions_array.includes("ADMIN")) {
document.getElementById("proxmox-products-list").classList.add("active")
} else {
window.location.replace("/dashboard/errors/error403.html")
}
}
invoiced_table = invoiced_table + `
document.getElementById("hello").innerHTML = "Bonjour " + json.username + " !"
document.getElementById("username").innerHTML = json.username
document.getElementById("solde").innerHTML = json.counters[0]
document.getElementById("cost_per_monts").innerHTML = json.counters[1]
document.getElementById("services").innerHTML = json.counters[2]
document.getElementById("tickets").innerHTML = json.counters[3]
document.getElementById("services_suspended").innerHTML = json.counters[4]
document.getElementById("alerts").innerHTML = json.counters[5]
var invoiced_table = ""
var color = "#39EE30"
for (let i = 0; i < json.invoices_table.length; i++) {
if (json.invoices_table[i].status == "Terminé") { color = "#28B463" }
if (json.invoices_table[i].status == "En Attente") { color = "#E67E22" }
if (json.invoices_table[i].status == "Remboursé") { color = "#2874A6" }
invoiced_table = invoiced_table + `
<tr>
<td>
<div class="d-flex align-items-center">
@@ -314,164 +321,51 @@
<h6 style="color:${color};">${json.invoices_table[i].status}</h6>
</div>
</td>
</tr>`
}
document.getElementById("invoices_table").innerHTML = invoiced_table
var activitys = ""
for (let i = 0; i < json.activity.length; i++) {
activitys = activitys + `
</tr>`
}
document.getElementById("invoices_table").innerHTML = invoiced_table
var activitys = ""
for (let i = 0; i < json.activity.length; i++) {
activitys = activitys + `
<div class="mb-2 d-flex profile-media align-items-top">
<div class="mt-1 profile-dots-pills border-primary"></div>
<div class="ms-4">
<h6 class="mb-1 ">${json.activity[i].name}</h6>
<span class="mb-0">${json.activity[i].date}</span>
</div>
</div>`
}
document.getElementById("activity_card").innerHTML = activitys
cpu = json.stats_array.CPU
ram = json.stats_array.RAM
if (document.querySelectorAll('#myChart').length) {
const options = {
series: [55, 75],
chart: {
height: 230,
type: 'radialBar',
},
colors: ["#4bc7d2", "#3a57e8"],
plotOptions: {
radialBar: {
hollow: {
margin: 10,
size: "50%",
},
track: {
margin: 10,
strokeWidth: '50%',
},
dataLabels: {
show: false,
}
}
},
labels: ['Apples', 'Oranges'],
};
if(ApexCharts !== undefined) {
const chart = new ApexCharts(document.querySelector("#myChart"), options);
chart.render();
document.addEventListener('ColorChange', (e) => {
const newOpt = {colors: [e.detail.detail2, e.detail.detail1],}
chart.updateOptions(newOpt)
})
</div>`
}
}
if (document.querySelectorAll('#d-activity').length) {
document.getElementById("activity_card").innerHTML = activitys
cpu = json.stats_array.CPU
ram = json.stats_array.RAM
if (document.querySelectorAll('#d-main').length) {
const options = {
series: [{
name: 'Successful deals',
data: [30, 50, 35, 60, 40, 60, 60, 30, 50, 35,]
name: 'CPU',
data: cpu
}, {
name: 'Failed deals',
data: [40, 50, 55, 50, 30, 80, 30, 40, 50, 55]
name: 'RAM',
data: ram
}],
chart: {
type: 'bar',
height: 230,
stacked: true,
fontFamily: '"Inter", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
height: 245,
type: 'area',
toolbar: {
show:false
}
},
colors: ["#3a57e8", "#4bc7d2"],
plotOptions: {
bar: {
horizontal: false,
columnWidth: '28%',
endingShape: 'rounded',
borderRadius: 5,
show: false
},
sparkline: {
enabled: false,
},
},
legend: {
show: false
},
colors: ["#3a57e8", "#4bc7d2"],
dataLabels: {
enabled: false
},
stroke: {
show: true,
width: 2,
colors: ['transparent']
},
xaxis: {
categories: ['S', 'M', 'T', 'W', 'T', 'F', 'S', 'M', 'T', 'W'],
labels: {
minHeight:20,
maxHeight:20,
style: {
colors: "#8A92A6",
},
}
},
yaxis: {
title: {
text: ''
},
labels: {
minWidth: 19,
maxWidth: 19,
style: {
colors: "#8A92A6",
},
}
},
fill: {
opacity: 1
},
tooltip: {
y: {
formatter: function (val) {
return "$ " + val + " thousands"
}
}
}
};
const chart = new ApexCharts(document.querySelector("#d-activity"), options);
chart.render();
document.addEventListener('ColorChange', (e) => {
const newOpt = {colors: [e.detail.detail1, e.detail.detail2],}
chart.updateOptions(newOpt)
})
}
if (document.querySelectorAll('#d-main').length) {
const options = {
series: [{
name: 'CPU',
data: cpu
}, {
name: 'RAM',
data: ram
}],
chart: {
fontFamily: '"Inter", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
height: 245,
type: 'area',
toolbar: {
show: false
},
sparkline: {
enabled: false,
},
},
colors: ["#3a57e8", "#4bc7d2"],
dataLabels: {
enabled: false
},
stroke: {
curve: 'smooth',
width: 3,
curve: 'smooth',
width: 3,
},
yaxis: {
show: true,
@@ -486,53 +380,53 @@
},
},
legend: {
show: false,
show: false,
},
xaxis: {
labels: {
minHeight:22,
maxHeight:22,
show: true,
style: {
colors: "#8A92A6",
},
labels: {
minHeight: 22,
maxHeight: 22,
show: true,
style: {
colors: "#8A92A6",
},
lines: {
show: false //or just here to disable only x axis grids
},
categories: ["Jan", "Feb", "Mar", "Apr", "Jun", "Jul", "Aug"]
},
lines: {
show: false //or just here to disable only x axis grids
},
categories: ["00h", "01h", "02h", "03h", "04h", "05h", "06h", "07h", "08h", "09h", "10h", "11h", "12h", "13h", "14h", "15h", "16h", "17h", "18h", "19h", "20h", "21h", "22h", "23h"]
},
grid: {
show: false,
show: true,
},
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
type: "vertical",
shadeIntensity: 0,
gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
inverseColors: true,
opacityFrom: .4,
opacityTo: .1,
stops: [0, 50, 80],
colors: ["#3a57e8", "#4bc7d2"]
}
type: 'gradient',
gradient: {
shade: 'dark',
type: "vertical",
shadeIntensity: 0,
gradientToColors: undefined, // optional, if not defined - uses the shades of same color in series
inverseColors: true,
opacityFrom: .4,
opacityTo: .1,
stops: [0, 50, 80],
colors: ["#3a57e8", "#4bc7d2"]
}
},
tooltip: {
enabled: true,
},
};
const chart = new ApexCharts(document.querySelector("#d-main"), options);
chart.render();
document.addEventListener('ColorChange', (e) => {
console.log(e)
const newOpt = {
colors: [e.detail.detail1, e.detail.detail2],
fill: {
type: 'gradient',
gradient: {
};
const chart = new ApexCharts(document.querySelector("#d-main"), options);
chart.render();
document.addEventListener('ColorChange', (e) => {
console.log(e)
const newOpt = {
colors: [e.detail.detail1, e.detail.detail2],
fill: {
type: 'gradient',
gradient: {
shade: 'dark',
type: "vertical",
shadeIntensity: 0,
@@ -542,69 +436,69 @@
opacityTo: .1,
stops: [0, 50, 60],
colors: [e.detail.detail1, e.detail.detail2],
}
},
}
chart.updateOptions(newOpt)
})
}
if ($('.d-slider1').length > 0) {
}
},
}
chart.updateOptions(newOpt)
})
}
if ($('.d-slider1').length > 0) {
const options = {
centeredSlides: false,
loop: false,
slidesPerView: 4,
autoplay:false,
spaceBetween: 32,
breakpoints: {
320: { slidesPerView: 1 },
550: { slidesPerView: 2 },
991: { slidesPerView: 3 },
1400: { slidesPerView: 3 },
1500: { slidesPerView: 4 },
1920: { slidesPerView: 6 },
2040: { slidesPerView: 7 },
2440: { slidesPerView: 8 }
},
pagination: {
el: '.swiper-pagination'
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
// And if we need scrollbar
scrollbar: {
el: '.swiper-scrollbar'
}
}
let swiper = new Swiper('.d-slider1',options);
centeredSlides: false,
loop: false,
slidesPerView: 4,
autoplay: false,
spaceBetween: 32,
breakpoints: {
320: { slidesPerView: 1 },
550: { slidesPerView: 2 },
991: { slidesPerView: 3 },
1400: { slidesPerView: 3 },
1500: { slidesPerView: 4 },
1920: { slidesPerView: 6 },
2040: { slidesPerView: 7 },
2440: { slidesPerView: 8 }
},
pagination: {
el: '.swiper-pagination'
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
// And if we need scrollbar
scrollbar: {
el: '.swiper-scrollbar'
}
}
let swiper = new Swiper('.d-slider1', options);
document.addEventListener('ChangeMode', (e) => {
if (e.detail.rtl === 'rtl' || e.detail.rtl === 'ltr') {
swiper.destroy(true, true)
setTimeout(() => {
swiper = new Swiper('.d-slider1',options);
swiper = new Swiper('.d-slider1', options);
}, 500);
}
})
}
} else {
if (json.code == 403) {
window.location.replace("/dashboard/auth/sign-in.html");
}
if (json.code == 404) {
window.location.replace("/dashboard/auth/sign-in.html");
}
if (json.code == 429) {
window.location.replace("/dashboard/errors/error429.html");
}
}
} else {
if (json.code == 403) {
window.location.replace("/dashboard/auth/sign-in.html");
}
if (json.code == 404) {
window.location.replace("/dashboard/auth/sign-in.html");
}
if (json.code == 429) {
window.location.replace("/dashboard/errors/error429.html");
}
}
}).catch(error => {
// if (toString(error).includes("Cannot set properties of null (setting 'innerHTML')")) {console.log(" [ERROR] API fetch error " + error)}
// window.location.replace("/dashboard/errors/error500.html")
})
}
}).catch(error => {
// if (toString(error).includes("Cannot set properties of null (setting 'innerHTML')")) {console.log(" [ERROR] API fetch error " + error)}
// window.location.replace("/dashboard/errors/error500.html")
})
console.log("%cCela ne se fait pas de fouiner partout =)", "color: white; font-style: bold; background-color: red;padding: 20px");
console.log("%cSi tu veux aider le développement du panel envoie moi un mail:\ncontact@mercurycloud.fr ou Savalet#8888 sur Discord.", "color: cyan;padding: 10px");

196
assets/js/pages/services/service-edit.js Normal file
View File

@@ -0,0 +1,196 @@
function getCookie(name) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
}
async function postData(url = '', data = {}) {
const response = await fetch(url, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
});
return response.json()
}
var service_id = ""
var json_products = {}
const url = new URL(window.location.href);
if (url.searchParams.get('id')) {
fetch(`https://api.mercurycloud.fr/api/services/service-info?uuid=${getCookie("uuid")}&token=${getCookie("token")}&id=${url.searchParams.get('id')}`)
.then(function (response) {
return response.json();
})
.then(function (json) {
if (json.error === false) {
if (json.data.id == 404) {
window.location.replace("/dashboard/errors/error404.html");
} else {
document.getElementById("title").innerHTML = `Mercury Cloud | Edition du service ${json.data.name}`
document.getElementById("service-title").innerHTML = `Edition du service ${json.data.name}`
document.getElementById("name").value = json.data.name
document.getElementById("price").value = json.data.price
document.getElementById("statut").value = json.data.statut
fetch(`https://api.mercurycloud.fr/api/users/users-list?uuid=${getCookie("uuid")}&token=${getCookie("token")}`)
.then(function (response) {
return response.json();
})
.then(function (json2) {
if (json2.error === false) {
var uuid_list = ``
for (let i = 0; i < json2.users.length; i++) {
uuid_list = uuid_list + `
<option value="${json2.users[i].uuid}">${json2.users[i].mail}</option>
`
}
document.getElementById("uuid-list").innerHTML = uuid_list
document.getElementById("uuid-list").value = json.data.uuid
var logs_table = ``
for (let i=0; i < json.logs.length; i++) {
var username = ""
for (let i = 0; i < json2.users.length; i++) {
if (json.logs[i].uuid == json2.users[i].uuid) {
username = json2.users[i].username
break;
}
}
let timestamp = new Date(+json.logs[i].timestamp);
let date = ("0" + timestamp.getDate()).slice(-2);
let month = ("0" + (timestamp.getMonth() + 1)).slice(-2);
let year = timestamp.getFullYear();
let hours = timestamp.getHours();
let minutes = timestamp.getMinutes();
let seconds = timestamp.getSeconds();
if (seconds < 10) {seconds = "0" + seconds}
if (hours < 10) {hours = "0" + hours}
if (minutes < 10) {minutes = "0" + minutes}
console.log(date + "/" + month + "/" + year + " " + hours + ":" + minutes + ":" + seconds)
logs_table = logs_table + `
<tr>
<td>${date + "/" + month + "/" + year + " " + hours + ":" + minutes + ":" + seconds}</td>
<td>${username}</td>
<td>${json.logs[i].ip}</td>
<td>${json.logs[i].action}</td>
</tr>
`
}
document.getElementById("service-logs-table").innerHTML = logs_table
fetch(`https://api.mercurycloud.fr/api/products/products?uuid=${getCookie("uuid")}&token=${getCookie("token")}`)
.then(function (response) {
return response.json();
})
.then(function (json3) {
if (json3.error === false) {
json_products = json3
var products_list = ``
for (let i = 0; i < json3.data.length; i++) {
products_list = products_list + `
<option value="${json3.data[i].id}">${json3.data[i].name}</option>
`
}
document.getElementById("products").innerHTML = products_list
document.getElementById("products").value = json.data.product_id
} else {
window.location.replace("/dashboard/errors/error500.html");
}
})
} else {
window.location.replace("/dashboard/errors/error500.html");
}
})
service_id = json.data.id
}
} else {
window.location.replace("/dashboard/errors/error500.html");
}
})
} else {
window.location.replace("/dashboard/errors/error404.html");
}
function update_product() {
for (let i = 0; i < json_products.data.length; i++) {
if (document.getElementById("products").value == json_products.data[i].id) {
document.getElementById("price").value = json_products.data[i].price
break;
}
}
}
function save_service() {
var ok = 0
var no = 0
if(document.getElementById("name").value.length > 2) {
document.getElementById("name").classList.remove('is-invalid')
document.getElementById("name").classList.add('is-valid')
ok++
} else {
document.getElementById("name").classList.remove('is-valid')
document.getElementById("name").classList.add('is-invalid')
document.getElementById("name").value = ""
no++
}
if(document.getElementById("uuid-list").value !=0) {
document.getElementById("uuid-list").classList.remove('is-invalid')
document.getElementById("uuid-list").classList.add('is-valid')
ok++
} else {
document.getElementById("uuid-list").classList.remove('is-valid')
document.getElementById("uuid-list").classList.add('is-invalid')
document.getElementById("uuid-list").value = ""
no++
}
if(document.getElementById("products").value != 0) {
document.getElementById("products").classList.remove('is-invalid')
document.getElementById("products").classList.add('is-valid')
ok++
} else {
document.getElementById("products").classList.remove('is-valid')
document.getElementById("products").classList.add('is-invalid')
document.getElementById("products").value = ""
no++
}
if(document.getElementById("statut").value != 0) {
document.getElementById("statut").classList.remove('is-invalid')
document.getElementById("statut").classList.add('is-valid')
ok++
} else {
document.getElementById("statut").classList.remove('is-valid')
document.getElementById("statut").classList.add('is-invalid')
document.getElementById("statut").value = ""
no++
}
document.getElementById("price").classList.remove('is-valid')
if(ok == 4 && no == 0) {
body = {
"id": service_id,
"name": document.getElementById("name").value,
"uuid": document.getElementById("uuid-list").value,
"price": document.getElementById("price").value,
"product_id": document.getElementById("products").value,
"statut": document.getElementById("statut").value
}
postData(`https://api.mercurycloud.fr/api/services/service-edit?uuid=${getCookie("uuid")}&token=${getCookie("token")}`, body).then(data => {
if (data.error == false) {
window.location.reload()
} else {
console.log('[ERROR] Code : ' + data.code + ' Message : ' + data.msg);
if (data.code == 403) {
location.href = "../errors/error403.html"
} else {
location.href = "../errors/error500.html"
}
}
})
}
}

302
assets/js/pages/services/service-game.js Normal file
View File

@@ -0,0 +1,302 @@
function getCookie(name) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
}
const url = new URL(window.location.href);
if (url.searchParams.get('id')) {
fetch(`https://api.mercurycloud.fr/api/services/service-info?uuid=${getCookie("uuid")}&token=${getCookie("token")}&id=${url.searchParams.get('id')}`)
.then(function (response) {
return response.json();
})
.then(function (json) {
if (json.error === false) {
const socket = new WebSocket(json.data.websocket.websocket_url);
document.getElementById("cpu-counter").innerHTML = Math.round(json.data.resources.resources.cpu_absolute * 100) / 100 + "%"
document.getElementById("ram-counter").innerHTML = Math.round((json.data.resources.resources.memory_bytes / 1024000000) * 100) / 100 + "Go"
document.getElementById("disk-counter").innerHTML = Math.round((json.data.resources.resources.disk_bytes / 1024000000) * 100) / 100 + "Go"
document.getElementById("net-counter").innerHTML = Math.round(json.data.resources.resources.cpu_absolute * 100) / 000 + "%"
if (document.querySelectorAll('#cpu-chart').length) {
const options = {
chart: {
height: 80,
type: 'area',
sparkline: {
enabled: true
},
group: 'sparklines',
},
dataLabels: {
enabled: false
},
stroke: {
width: 3,
curve: 'smooth'
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.5,
opacityTo: 0,
}
},
series: [{
name: 'series1',
data: [60, 15, 50, 30, 70, 70, 40, 60, 30, 60, 60, 40, 60, 40, 70, 75, 30, 60, 35, 60, 70, 40, 60, 68]
},],
colors: ['#344ed1'],
xaxis: {
categories: ["00H", "01H", "02H", "03H", "04H", "05H", "06H", "07H", "08H", "09H", "10H", "11H", "12H", "13H", "14H", "15H", "16H", "17H", "18H", "19H", "20H", "21H", "22H", "23H"],
},
tooltip: {
enabled: true,
}
};
const chart = new ApexCharts(
document.querySelector("#cpu-chart"),
options
);
chart.render();
document.addEventListener('ColorChange', (e) => {
const newOpt = {
colors: [e.detail.detail1],
fill: {
type: 'gradient',
gradient: {
type: "vertical",
inverseColors: true,
gradientToColors: [e.detail.detail1],
opacityFrom: 0.5,
opacityTo: 0,
stops: [0, 50, 60],
colors: [e.detail.detail1],
}
},
}
chart.updateOptions(newOpt)
})
}
if (document.querySelectorAll('#ram-chart').length) {
const options = {
chart: {
height: 80,
type: 'area',
sparkline: {
enabled: true
},
group: 'sparklines',
},
dataLabels: {
enabled: false
},
stroke: {
width: 3,
curve: 'smooth'
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.5,
opacityTo: 0,
}
},
series: [{
name: 'series1',
data: [60, 15, 50, 30, 70, 70, 40, 60, 30, 60, 60, 40, 60, 40, 70, 75, 30, 60, 35, 60, 70, 40, 60, 68]
},],
colors: ['#d95f18'],
xaxis: {
categories: ["00H", "01H", "02H", "03H", "04H", "05H", "06H", "07H", "08H", "09H", "10H", "11H", "12H", "13H", "14H", "15H", "16H", "17H", "18H", "19H", "20H", "21H", "22H", "23H"],
},
tooltip: {
enabled: true,
}
};
const chart = new ApexCharts(
document.querySelector("#ram-chart"),
options
);
chart.render();
document.addEventListener('ColorChange', (e) => {
const newOpt = {
colors: [e.detail.detail1],
fill: {
type: 'gradient',
gradient: {
type: "vertical",
inverseColors: true,
gradientToColors: [e.detail.detail1],
opacityFrom: 0.5,
opacityTo: 0,
stops: [0, 50, 60],
colors: [e.detail.detail1],
}
},
}
chart.updateOptions(newOpt)
})
}
if (document.querySelectorAll('#disk-chart').length) {
const options = {
chart: {
height: 80,
type: 'area',
sparkline: {
enabled: true
},
group: 'sparklines',
},
dataLabels: {
enabled: false
},
stroke: {
width: 3,
curve: 'smooth'
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.5,
opacityTo: 0,
}
},
series: [{
name: 'series1',
data: [60, 15, 50, 30, 70, 70, 40, 60, 30, 60, 60, 40, 60, 40, 70, 75, 30, 60, 35, 60, 70, 40, 60, 68]
},],
colors: ['#17904b'],
xaxis: {
categories: ["00H", "01H", "02H", "03H", "04H", "05H", "06H", "07H", "08H", "09H", "10H", "11H", "12H", "13H", "14H", "15H", "16H", "17H", "18H", "19H", "20H", "21H", "22H", "23H"],
},
tooltip: {
enabled: true,
}
};
const chart = new ApexCharts(
document.querySelector("#disk-chart"),
options
);
chart.render();
document.addEventListener('ColorChange', (e) => {
const newOpt = {
colors: [e.detail.detail1],
fill: {
type: 'gradient',
gradient: {
type: "vertical",
inverseColors: true,
gradientToColors: [e.detail.detail1],
opacityFrom: 0.5,
opacityTo: 0,
stops: [0, 50, 60],
colors: [e.detail.detail1],
}
},
}
chart.updateOptions(newOpt)
})
}
if (document.querySelectorAll('#net-chart').length) {
const options = {
chart: {
height: 80,
type: 'area',
sparkline: {
enabled: true
},
group: 'sparklines',
},
dataLabels: {
enabled: false
},
stroke: {
width: 3,
curve: 'smooth'
},
fill: {
type: 'gradient',
gradient: {
shadeIntensity: 1,
opacityFrom: 0.5,
opacityTo: 0,
}
},
series: [{
name: 'series1',
data: [60, 15, 50, 30, 70, 70, 40, 60, 30, 60, 60, 40, 60, 40, 70, 75, 30, 60, 35, 60, 70, 40, 60, 68]
},],
colors: ['#ad2d1e'],
xaxis: {
categories: ["00H", "01H", "02H", "03H", "04H", "05H", "06H", "07H", "08H", "09H", "10H", "11H", "12H", "13H", "14H", "15H", "16H", "17H", "18H", "19H", "20H", "21H", "22H", "23H"],
},
tooltip: {
enabled: true,
}
};
const chart = new ApexCharts(
document.querySelector("#net-chart"),
options
);
chart.render();
document.addEventListener('ColorChange', (e) => {
const newOpt = {
colors: [e.detail.detail1],
fill: {
type: 'gradient',
gradient: {
type: "vertical",
inverseColors: true,
gradientToColors: [e.detail.detail1],
opacityFrom: 0.5,
opacityTo: 0,
stops: [0, 50, 60],
colors: [e.detail.detail1],
}
},
}
chart.updateOptions(newOpt)
})
}
} else {
if (json.code == 403) {
window.location.replace("/dashboard/auth/sign-in.html");
}
if (json.code == 404) {
window.location.replace("/dashboard/auth/sign-in.html");
}
if (json.code == 429) {
window.location.replace("/dashboard/errors/error429.html");
}
}
}).catch(error => {
// if (toString(error).includes("Cannot set properties of null (setting 'innerHTML')")) {console.log(" [ERROR] API fetch error " + error)}
// window.location.replace("/dashboard/errors/error500.html")
})
} else {
window.location.replace("/dashboard/errors/error404.html");
}

69
assets/js/pages/services/services.js
View File

@@ -1,37 +1,36 @@
function getCookie(name) {
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
const value = `; ${document.cookie}`;
const parts = value.split(`; ${name}=`);
if (parts.length === 2) return parts.pop().split(';').shift();
}
async function deleteData(url = '', data = {}) {
const response = await fetch(url, {
method: 'DELETE',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
});
return response.json()
const response = await fetch(url, {
method: 'DELETE',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
});
return response.json()
}
fetch(`https://api.mercurycloud.fr/api/services/services?uuid=${getCookie("uuid")}&token=${getCookie("token")}`)
.then(function (response) {
return response.json();
})
.then(function (json) {
.then(function (response) {
return response.json();
})
.then(function (json) {
if (json.error === false) {
list = ``
for(var i= 0; i < json.data.length; i++) {
for (var i = 0; i < json.data.length; i++) {
statut = ''
if (json.data[i].statut == "installing") {statut = '<span class="badge bg-primary">Installation...</span>'}
if (json.data[i].statut == "started") {statut = '<span class="badge bg-success">Démarré</span>'}
if (json.data[i].statut == "stopped") {statut = '<span class="badge bg-secondary">Stoppé</span>'}
if (json.data[i].statut == "suspended") {statut = '<span class="badge bg-danger">Suspendu</span>'}
if (json.data[i].statut == "installing") { statut = '<span class="badge bg-primary">Installation...</span>' }
if (json.data[i].statut == "active") { statut = '<span class="badge bg-success">Actif</span>' }
if (json.data[i].statut == "suspended") { statut = '<span class="badge bg-danger">Suspendu</span>' }
list = list + `
<tr>
<td>${json.data[i].id}</td>
<td>${json.data[i].name}</td>
<td><a href="/dashboard/services/service-game.html?id=${json.data[i].id}">${json.data[i].name}</a></td>
<td>${json.data[i].uuid}</td>
<td>${json.data[i].product_id}</td>
<td>${json.data[i].price}€</td>
@@ -62,22 +61,22 @@ fetch(`https://api.mercurycloud.fr/api/services/services?uuid=${getCookie("uuid"
}
document.getElementById("services-table").innerHTML = list
} else {
window.location.replace("/dashboard/errors/error500.html");
window.location.replace("/dashboard/errors/error500.html");
}
})
function delete_product(id) {
deleteData(`https://api.mercurycloud.fr/api/services/delete-service?uuid=${getCookie("uuid")}&token=${getCookie("token")}`, {"id": id}).then(data => {
console.log(data)
if (data.error == false) {
window.location.reload()
} else {
console.log('[ERROR] Code : ' + data.code + ' Message : ' + data.msg);
if (data.code == 403) {
location.href = "../errors/error403.html"
} else {
location.href = "../errors/error500.html"
}
}
})
deleteData(`https://api.mercurycloud.fr/api/services/delete-service?uuid=${getCookie("uuid")}&token=${getCookie("token")}`, { "id": id }).then(data => {
console.log(data)
if (data.error == false) {
window.location.reload()
} else {
console.log('[ERROR] Code : ' + data.code + ' Message : ' + data.msg);
if (data.code == 403) {
location.href = "../errors/error403.html"
} else {
location.href = "../errors/error500.html"
}
}
})
}

1208
dashboard/index.html
View File

File diff suppressed because it is too large Load Diff

1080
dashboard/products/create-proxmox-product.html
View File

File diff suppressed because it is too large Load Diff

1124
dashboard/products/create-ptero-product.html
View File

File diff suppressed because it is too large Load Diff

976
dashboard/products/game-pricings.html
View File

@@ -1,454 +1,558 @@
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<style>
/* width */
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 1px grey;
border-radius: 6px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #333b55;
border-radius: 6px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #22273867;
}
#price-card {
display: flex;
flex: 1;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mercury Cloud | Serveur de Jeux</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"/>
</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-->
<svg width="30" class="" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="-0.757324" y="19.2427" width="28" height="4" rx="2" transform="rotate(-45 -0.757324 19.2427)" fill="currentColor"/>
<rect x="7.72803" y="27.728" width="28" height="4" rx="2" transform="rotate(-45 7.72803 27.728)" fill="currentColor"/>
<rect x="10.5366" y="16.3945" width="16" height="4" rx="2" transform="rotate(45 10.5366 16.3945)" fill="currentColor"/>
<rect x="10.5562" y="-0.556152" width="28" height="4" rx="2" transform="rotate(45 10.5562 -0.556152)" fill="currentColor"/>
</svg>
<!--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">Tableau de bord</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 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 active" 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-->
<svg width="30" class="text-primary" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="-0.757324" y="19.2427" width="28" height="4" rx="2" transform="rotate(-45 -0.757324 19.2427)" fill="currentColor"/>
<rect x="7.72803" y="27.728" width="28" height="4" rx="2" transform="rotate(-45 7.72803 27.728)" fill="currentColor"/>
<rect x="10.5366" y="16.3945" width="16" height="4" rx="2" transform="rotate(45 10.5366 16.3945)" fill="currentColor"/>
<rect x="10.5562" y="-0.556152" width="28" height="4" rx="2" transform="rotate(45 10.5562 -0.556152)" fill="currentColor"/>
</svg>
<!--logo End--> <h4 class="logo-title">Mercury Cloud</h4>
<head>
<meta charset="utf-8">
<style>
/* width */
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 1px grey;
border-radius: 6px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #333b55;
border-radius: 6px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #22273867;
}
#price-card {
display: flex;
flex: 1;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mercury Cloud | Serveur de Jeux</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" />
</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-->
<svg width="30" class="" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="-0.757324" y="19.2427" width="28" height="4" rx="2" transform="rotate(-45 -0.757324 19.2427)"
fill="currentColor" />
<rect x="7.72803" y="27.728" width="28" height="4" rx="2" transform="rotate(-45 7.72803 27.728)"
fill="currentColor" />
<rect x="10.5366" y="16.3945" width="16" height="4" rx="2" transform="rotate(45 10.5366 16.3945)"
fill="currentColor" />
<rect x="10.5562" y="-0.556152" width="28" height="4" rx="2" transform="rotate(45 10.5562 -0.556152)"
fill="currentColor" />
</svg>
<!--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">Tableau de bord</span>
<span class="mini-icon">-</span>
</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" />
</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>
</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>
</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>
</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>
</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>
<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>
</i>
<i class="sidenav-mini-icon"> U </i>
<span class="item-name">VPS</span>
</a>
<a id="game-pricings" class="nav-link active" 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-->
<svg width="30" class="text-primary" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="-0.757324" y="19.2427" width="28" height="4" rx="2" transform="rotate(-45 -0.757324 19.2427)"
fill="currentColor" />
<rect x="7.72803" y="27.728" width="28" height="4" rx="2" transform="rotate(-45 7.72803 27.728)"
fill="currentColor" />
<rect x="10.5366" y="16.3945" width="16" height="4" rx="2" transform="rotate(45 10.5366 16.3945)"
fill="currentColor" />
<rect x="10.5562" y="-0.556152" width="28" height="4" rx="2" transform="rotate(45 10.5562 -0.556152)"
fill="currentColor" />
</svg>
<!--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>
</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>
</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>
<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>
</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"></div>
</div> <!-- Nav Header Component End -->
<!--Nav End-->
</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">
</div>
</div> <!-- Nav Header Component End -->
<!--Nav End-->
</div>
<div class="conatiner-fluid content-inner mt-n5 py-0">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="check" viewBox="0 0 16 16">
<title>Check</title>
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z">
</path>
</symbol>
</svg>
<div class="row iq-star-inserted row-cols-1 row-cols-md-2 row-cols-lg-3 mb-5 mt-5 text-center" id="pricings">
</div>
<div class="conatiner-fluid content-inner mt-n5 py-0">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="check" viewBox="0 0 16 16">
<title>Check</title>
<path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"></path>
</symbol>
</svg>
<div class="row iq-star-inserted row-cols-1 row-cols-md-2 row-cols-lg-3 mb-5 mt-5 text-center" id="pricings">
</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>
<!-- Slider-tab Script -->
<script src="../../assets/js/plugins/slider-tabs.js"></script>
<script src="../../assets/js/pages/products/pricings.js"></script>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
<!-- 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>
<!-- Slider-tab Script -->
<script src="../../assets/js/plugins/slider-tabs.js"></script>
<script src="../../assets/js/pages/products/pricings.js"></script>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
</html>

1640
dashboard/products/order-form.html
View File

File diff suppressed because it is too large Load Diff

1080
dashboard/products/proxmox-product-edit.html
View File

File diff suppressed because it is too large Load Diff

966
dashboard/products/proxmox-products-list.html
View File

@@ -1,459 +1,557 @@
<!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 | Gestion des produits Proxmox</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"/>
</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>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mercury Cloud | Gestion des produits Proxmox</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" />
</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>
<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>
</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>
<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>
<div id="admin_navbar">
</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 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>
</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="Rechercher...">
</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>
<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>
<div id = "admin_navbar">
</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>
<!-- Sidebar Menu End -->
</div>
</li>
</ul>
</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="Rechercher...">
</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>
</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>
<span class="bg-primary count-mail"></span>
Annonces
</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>
</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 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-sm-12">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">Produits <a class="btn btn-sm btn-icon btn-success" data-toggle="tooltip"
href="/dashboard/products/create-proxmox-product.html" data-placement="top" title=""
data-original-title="Ajouter" href="#">
<span class="btn-inner">
<svg width="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4"
d="M16.6667 2H7.33333C3.92889 2 2 3.92889 2 7.33333V16.6667C2 20.0622 3.92 22 7.33333 22H16.6667C20.0711 22 22 20.0622 22 16.6667V7.33333C22 3.92889 20.0711 2 16.6667 2Z"
fill="currentColor"></path>
<path
d="M15.3205 12.7083H12.7495V15.257C12.7495 15.6673 12.4139 16 12 16C11.5861 16 11.2505 15.6673 11.2505 15.257V12.7083H8.67955C8.29342 12.6687 8 12.3461 8 11.9613C8 11.5765 8.29342 11.2539 8.67955 11.2143H11.2424V8.67365C11.2824 8.29088 11.6078 8 11.996 8C12.3842 8 12.7095 8.29088 12.7495 8.67365V11.2143H15.3205C15.7066 11.2539 16 11.5765 16 11.9613C16 12.3461 15.7066 12.6687 15.3205 12.7083Z"
fill="currentColor"></path>
</svg>
</span>
</a></h4>
</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-sm-12">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">Produits <a class="btn btn-sm btn-icon btn-success" data-toggle="tooltip" href="/dashboard/products/create-proxmox-product.html" data-placement="top" title="" data-original-title="Ajouter" href="#">
<span class="btn-inner">
<svg width="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4" d="M16.6667 2H7.33333C3.92889 2 2 3.92889 2 7.33333V16.6667C2 20.0622 3.92 22 7.33333 22H16.6667C20.0711 22 22 20.0622 22 16.6667V7.33333C22 3.92889 20.0711 2 16.6667 2Z" fill="currentColor"></path>
<path d="M15.3205 12.7083H12.7495V15.257C12.7495 15.6673 12.4139 16 12 16C11.5861 16 11.2505 15.6673 11.2505 15.257V12.7083H8.67955C8.29342 12.6687 8 12.3461 8 11.9613C8 11.5765 8.29342 11.2539 8.67955 11.2143H11.2424V8.67365C11.2824 8.29088 11.6078 8 11.996 8C12.3842 8 12.7095 8.29088 12.7495 8.67365V11.2143H15.3205C15.7066 11.2539 16 11.5765 16 11.9613C16 12.3461 15.7066 12.6687 15.3205 12.7083Z" fill="currentColor"></path>
</svg>
</span>
</a></h4>
</div>
</div>
<div class="card-body px-0">
<div class="table-responsive">
<div class="card-body px-0">
<div class="table-responsive">
<table id="user-list-table" class="table table-striped" role="grid">
<thead>
<tr class="ligth">
<th>ID</th>
<th>Nom</th>
<th>Description</th>
<th>Prix</th>
<th>Statut</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="products-table">
</tbody>
<thead>
<tr class="ligth">
<th>ID</th>
<th>Nom</th>
<th>Description</th>
<th>Prix</th>
<th>Statut</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="products-table">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<script src="../../assets/js/pages/products/proxmox-products-list.js"></script>
</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>
<!-- Form Wizard Script -->
<script src="../../assets/js/plugins/form-wizard.js"></script>
<script src="../../assets/js/pages/products/proxmox-products-list.js"></script>
<!-- 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>
<!-- Form Wizard Script -->
<script src="../../assets/js/plugins/form-wizard.js"></script>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
</html>

1118
dashboard/products/ptero-product-edit.html
View File

File diff suppressed because it is too large Load Diff

922
dashboard/products/ptero-products-list.html
View File

@@ -1,458 +1,556 @@
<!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 | Gestion des produits Pterodactyl</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"/>
</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>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mercury Cloud | Gestion des produits Pterodactyl</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" />
</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>
<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>
</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>
<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>
<div id="admin_navbar">
</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 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>
</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="Rechercher...">
</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>
<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>
<div id = "admin_navbar">
</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>
<!-- Sidebar Menu End -->
</div>
</li>
</ul>
</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="Rechercher...">
</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>
</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>
<span class="bg-primary count-mail"></span>
Annonces
</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>
</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 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-sm-12">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">Produits <a class="btn btn-sm btn-icon btn-success" data-toggle="tooltip"
href="/dashboard/products/create-ptero-product.html" data-placement="top" title=""
data-original-title="Ajouter" href="#">
<span class="btn-inner">
<svg width="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4"
d="M16.6667 2H7.33333C3.92889 2 2 3.92889 2 7.33333V16.6667C2 20.0622 3.92 22 7.33333 22H16.6667C20.0711 22 22 20.0622 22 16.6667V7.33333C22 3.92889 20.0711 2 16.6667 2Z"
fill="currentColor"></path>
<path
d="M15.3205 12.7083H12.7495V15.257C12.7495 15.6673 12.4139 16 12 16C11.5861 16 11.2505 15.6673 11.2505 15.257V12.7083H8.67955C8.29342 12.6687 8 12.3461 8 11.9613C8 11.5765 8.29342 11.2539 8.67955 11.2143H11.2424V8.67365C11.2824 8.29088 11.6078 8 11.996 8C12.3842 8 12.7095 8.29088 12.7495 8.67365V11.2143H15.3205C15.7066 11.2539 16 11.5765 16 11.9613C16 12.3461 15.7066 12.6687 15.3205 12.7083Z"
fill="currentColor"></path>
</svg>
</span>
</a></h4>
</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-sm-12">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">Produits <a class="btn btn-sm btn-icon btn-success" data-toggle="tooltip" href="/dashboard/products/create-ptero-product.html" data-placement="top" title="" data-original-title="Ajouter" href="#">
<span class="btn-inner">
<svg width="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4" d="M16.6667 2H7.33333C3.92889 2 2 3.92889 2 7.33333V16.6667C2 20.0622 3.92 22 7.33333 22H16.6667C20.0711 22 22 20.0622 22 16.6667V7.33333C22 3.92889 20.0711 2 16.6667 2Z" fill="currentColor"></path>
<path d="M15.3205 12.7083H12.7495V15.257C12.7495 15.6673 12.4139 16 12 16C11.5861 16 11.2505 15.6673 11.2505 15.257V12.7083H8.67955C8.29342 12.6687 8 12.3461 8 11.9613C8 11.5765 8.29342 11.2539 8.67955 11.2143H11.2424V8.67365C11.2824 8.29088 11.6078 8 11.996 8C12.3842 8 12.7095 8.29088 12.7495 8.67365V11.2143H15.3205C15.7066 11.2539 16 11.5765 16 11.9613C16 12.3461 15.7066 12.6687 15.3205 12.7083Z" fill="currentColor"></path>
</svg>
</span>
</a></h4>
</div>
</div>
<div class="card-body px-0">
<div class="table-responsive">
<div class="card-body px-0">
<div class="table-responsive">
<table id="user-list-table" class="table table-striped" role="grid">
<thead>
<tr class="ligth">
<th>ID</th>
<th>Nom</th>
<th>Description</th>
<th>Prix</th>
<th>Statut</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="products-table">
</tbody>
<thead>
<tr class="ligth">
<th>ID</th>
<th>Nom</th>
<th>Description</th>
<th>Prix</th>
<th>Statut</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="products-table">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../../assets/js/pages/products/ptero-products-list.js"></script>
<!-- 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>
<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>
<!-- Form Wizard Script -->
<script src="../../assets/js/plugins/form-wizard.js"></script>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
</body>
</html>

976
dashboard/products/vps-pricings.html
View File

@@ -1,454 +1,558 @@
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<style>
/* width */
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 1px grey;
border-radius: 6px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #333b55;
border-radius: 6px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #22273867;
}
#price-card {
display: flex;
flex: 1;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mercury Cloud | VPS</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"/>
</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-->
<svg width="30" class="" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="-0.757324" y="19.2427" width="28" height="4" rx="2" transform="rotate(-45 -0.757324 19.2427)" fill="currentColor"/>
<rect x="7.72803" y="27.728" width="28" height="4" rx="2" transform="rotate(-45 7.72803 27.728)" fill="currentColor"/>
<rect x="10.5366" y="16.3945" width="16" height="4" rx="2" transform="rotate(45 10.5366 16.3945)" fill="currentColor"/>
<rect x="10.5562" y="-0.556152" width="28" height="4" rx="2" transform="rotate(45 10.5562 -0.556152)" fill="currentColor"/>
</svg>
<!--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">Tableau de bord</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 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 active" 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-->
<svg width="30" class="text-primary" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="-0.757324" y="19.2427" width="28" height="4" rx="2" transform="rotate(-45 -0.757324 19.2427)" fill="currentColor"/>
<rect x="7.72803" y="27.728" width="28" height="4" rx="2" transform="rotate(-45 7.72803 27.728)" fill="currentColor"/>
<rect x="10.5366" y="16.3945" width="16" height="4" rx="2" transform="rotate(45 10.5366 16.3945)" fill="currentColor"/>
<rect x="10.5562" y="-0.556152" width="28" height="4" rx="2" transform="rotate(45 10.5562 -0.556152)" fill="currentColor"/>
</svg>
<!--logo End--> <h4 class="logo-title">Mercury Cloud</h4>
<head>
<meta charset="utf-8">
<style>
/* width */
::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 1px grey;
border-radius: 6px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #333b55;
border-radius: 6px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #22273867;
}
#price-card {
display: flex;
flex: 1;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mercury Cloud | VPS</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" />
</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-->
<svg width="30" class="" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="-0.757324" y="19.2427" width="28" height="4" rx="2" transform="rotate(-45 -0.757324 19.2427)"
fill="currentColor" />
<rect x="7.72803" y="27.728" width="28" height="4" rx="2" transform="rotate(-45 7.72803 27.728)"
fill="currentColor" />
<rect x="10.5366" y="16.3945" width="16" height="4" rx="2" transform="rotate(45 10.5366 16.3945)"
fill="currentColor" />
<rect x="10.5562" y="-0.556152" width="28" height="4" rx="2" transform="rotate(45 10.5562 -0.556152)"
fill="currentColor" />
</svg>
<!--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">Tableau de bord</span>
<span class="mini-icon">-</span>
</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" />
</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>
</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>
</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>
</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>
</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 active" 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>
<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>
</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-->
<svg width="30" class="text-primary" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="-0.757324" y="19.2427" width="28" height="4" rx="2" transform="rotate(-45 -0.757324 19.2427)"
fill="currentColor" />
<rect x="7.72803" y="27.728" width="28" height="4" rx="2" transform="rotate(-45 7.72803 27.728)"
fill="currentColor" />
<rect x="10.5366" y="16.3945" width="16" height="4" rx="2" transform="rotate(45 10.5366 16.3945)"
fill="currentColor" />
<rect x="10.5562" y="-0.556152" width="28" height="4" rx="2" transform="rotate(45 10.5562 -0.556152)"
fill="currentColor" />
</svg>
<!--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>
</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>
</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>
<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>
</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"></div>
</div> <!-- Nav Header Component End -->
<!--Nav End-->
</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">
</div>
</div> <!-- Nav Header Component End -->
<!--Nav End-->
</div>
<div class="conatiner-fluid content-inner mt-n5 py-0">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="check" viewBox="0 0 16 16">
<title>Check</title>
<path
d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z">
</path>
</symbol>
</svg>
<div class="row iq-star-inserted row-cols-1 row-cols-md-2 row-cols-lg-3 mb-5 mt-5 text-center" id="pricings">
</div>
<div class="conatiner-fluid content-inner mt-n5 py-0">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
<symbol id="check" viewBox="0 0 16 16">
<title>Check</title>
<path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"></path>
</symbol>
</svg>
<div class="row iq-star-inserted row-cols-1 row-cols-md-2 row-cols-lg-3 mb-5 mt-5 text-center" id="pricings">
</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>
<!-- Slider-tab Script -->
<script src="../../assets/js/plugins/slider-tabs.js"></script>
<script src="../../assets/js/pages/products/pricings.js"></script>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
<!-- 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>
<!-- Slider-tab Script -->
<script src="../../assets/js/plugins/slider-tabs.js"></script>
<script src="../../assets/js/pages/products/pricings.js"></script>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
</html>

1175
dashboard/roles/create-role.html
View File

File diff suppressed because it is too large Load Diff

1223
dashboard/roles/role-edit.html
View File

File diff suppressed because it is too large Load Diff

964
dashboard/roles/roles-list.html
View File

@@ -1,456 +1,556 @@
<!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 | Gestion des rôles</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"/>
</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>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mercury Cloud | Gestion des rôles</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" />
</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>
<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>
</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>
</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 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>
</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="Rechercher...">
</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>
<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>
<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>
<li><hr class="hr-horizontal"></li>
<div id = "admin_navbar">
</div>
</ul>
<!-- Sidebar Menu End -->
</div>
</li>
</ul>
</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="Rechercher...">
</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>
</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>
<span class="bg-primary count-mail"></span>
Annonces
</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>
</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 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-sm-12">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">Rôles <a class="btn btn-sm btn-icon btn-success" data-toggle="tooltip"
href="/dashboard/roles/create-role.html" data-placement="top" title=""
data-original-title="Ajouter" href="#">
<span class="btn-inner">
<svg width="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4"
d="M16.6667 2H7.33333C3.92889 2 2 3.92889 2 7.33333V16.6667C2 20.0622 3.92 22 7.33333 22H16.6667C20.0711 22 22 20.0622 22 16.6667V7.33333C22 3.92889 20.0711 2 16.6667 2Z"
fill="currentColor"></path>
<path
d="M15.3205 12.7083H12.7495V15.257C12.7495 15.6673 12.4139 16 12 16C11.5861 16 11.2505 15.6673 11.2505 15.257V12.7083H8.67955C8.29342 12.6687 8 12.3461 8 11.9613C8 11.5765 8.29342 11.2539 8.67955 11.2143H11.2424V8.67365C11.2824 8.29088 11.6078 8 11.996 8C12.3842 8 12.7095 8.29088 12.7495 8.67365V11.2143H15.3205C15.7066 11.2539 16 11.5765 16 11.9613C16 12.3461 15.7066 12.6687 15.3205 12.7083Z"
fill="currentColor"></path>
</svg>
</span>
</a></h4>
</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-sm-12">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">Rôles <a class="btn btn-sm btn-icon btn-success" data-toggle="tooltip" href="/dashboard/roles/create-role.html" data-placement="top" title="" data-original-title="Ajouter" href="#">
<span class="btn-inner">
<svg width="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4" d="M16.6667 2H7.33333C3.92889 2 2 3.92889 2 7.33333V16.6667C2 20.0622 3.92 22 7.33333 22H16.6667C20.0711 22 22 20.0622 22 16.6667V7.33333C22 3.92889 20.0711 2 16.6667 2Z" fill="currentColor"></path>
<path d="M15.3205 12.7083H12.7495V15.257C12.7495 15.6673 12.4139 16 12 16C11.5861 16 11.2505 15.6673 11.2505 15.257V12.7083H8.67955C8.29342 12.6687 8 12.3461 8 11.9613C8 11.5765 8.29342 11.2539 8.67955 11.2143H11.2424V8.67365C11.2824 8.29088 11.6078 8 11.996 8C12.3842 8 12.7095 8.29088 12.7495 8.67365V11.2143H15.3205C15.7066 11.2539 16 11.5765 16 11.9613C16 12.3461 15.7066 12.6687 15.3205 12.7083Z" fill="currentColor"></path>
</svg>
</span>
</a></h4>
</div>
</div>
<div class="card-body px-0">
<div class="table-responsive">
<div class="card-body px-0">
<div class="table-responsive">
<table id="user-list-table" class="table table-striped" role="grid">
<thead>
<tr class="ligth">
<th>ID</th>
<th>Nom</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="roles-table">
</tbody>
<thead>
<tr class="ligth">
<th>ID</th>
<th>Nom</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="roles-table">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<script src="../../assets/js/pages/roles/roles-list.js"></script>
</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/roles/roles-list.js"></script>
<!-- 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>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
</html>

609
dashboard/services/service-edit.html Normal file
View File

@@ -0,0 +1,609 @@
<!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 id="title">Mercury Cloud | Edition d'un service</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">Tableau de bord</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 id="service-title" class="card-title">Edition d'un service</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="name">Nom *</label>
<input class="form-control" id="name" placeholder="Nom">
</div>
<div class="form-group">
<label class="form-label">Utilisateur propriétaire *</label>
<select id="uuid-list" class="form-select mb-3 shadow-none">
</select>
</div>
<div class="form-group">
<label class="form-label" for="price">Prix *</label>
<div class="input-group">
<input type="number" min="0.01" step="0.01" class="form-control" id="price" placeholder="Prix">
<span class="input-group-text">€</span>
</div>
</div>
<div class="form-group">
<label class="form-label">Produit *</label>
<select id="products" onchange="update_product()" class="form-select mb-3 shadow-none">
</select>
</div>
<div class="form-group">
<label class="form-label" for="statut">Status *</label>
<select id="statut" class="form-select mb-3 shadow-none">
<option value="ative">Actif</option>
<option value="installing">Installation...</option>
<option value="suspended">Suspendu</option>
</select>
</div>
<button onclick="save_service()" class="btn btn-primary col-md-12">Enregistrer</button>
</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">Historique des interventions</h4>
</div>
</div>
<div class="card-body">
<div class="table-responsive">
<table id="user-list-table" class="table table-striped" role="grid">
<thead>
<tr class="ligth">
<th>Heure</th>
<th>Utilisateur</th>
<th>IP</th>
<th>Action</th>
</tr>
</thead>
<tbody id="service-logs-table">
</tbody>
</table>
</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>
<!-- Slider-tab Script -->
<script src="../../assets/js/plugins/slider-tabs.js"></script>
<script src="../../assets/js/pages/services/service-edit.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>

655
dashboard/services/service-game.html Normal file
View File

@@ -0,0 +1,655 @@
<!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 | Gestion d'un service game</title>
<link rel="shortcut icon" href="../../assets/images/favicon.ico" />
<link rel="stylesheet" href="../../assets/css/core/libs.min.css" />
<link rel="stylesheet" href="../../assets/vendor/aos/dist/aos.css" />
<link rel="stylesheet" href="../../assets/css/dashboard.css?v=1.2.0" />
<link rel="stylesheet" href="../../assets/css/custom.min.css?v=1.2.0" />
<link rel="stylesheet" href="../../assets/css/dark.min.css" />
<link rel="stylesheet" href="../../assets/css/customizer.min.css" />
<link rel="stylesheet" href="../../assets/css/rtl.min.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">Tableau de bord</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 active" 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>
</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">
</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-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between">
<div class="bg-soft-primary rounded p-3">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="25" height="25"
viewBox="0 0 344.000000 344.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,344.000000) scale(0.100000,-0.100000)" fill="#344ed1"
stroke="none">
<path d="M894 3046 l-34 -34 0 -119 0 -119 -35 -17 c-50 -24 -109 -80 -136
-132 l-24 -45 -118 0 -119 0 -34 -34 c-27 -27 -34 -42 -34 -74 0 -81 55 -111
203 -112 l77 0 0 -139 0 -139 -111 -4 -111 -3 -29 -33 c-21 -23 -29 -43 -29
-70 0 -81 53 -112 190 -112 l90 0 0 -140 0 -140 -90 0 c-137 0 -190 -31 -190
-112 0 -27 8 -47 29 -70 l29 -33 111 -3 111 -4 0 -144 0 -144 -111 0 c-109 0
-111 0 -140 -29 -43 -43 -41 -101 5 -147 l34 -34 119 0 118 0 24 -45 c27 -52
86 -108 136 -132 l35 -17 0 -119 0 -119 34 -34 c27 -27 42 -34 74 -34 81 0
111 55 112 203 l0 77 139 0 139 0 4 -111 3 -111 33 -29 c23 -21 43 -29 70 -29
81 0 112 53 112 190 l0 90 140 0 140 0 0 -90 c0 -137 31 -190 112 -190 27 0
47 8 70 29 l33 29 3 111 4 111 139 0 139 0 0 -77 c1 -148 31 -203 112 -203 32
0 47 7 74 34 l34 34 0 119 0 119 35 17 c50 24 109 80 136 132 l24 45 118 0
119 0 34 34 c46 46 48 104 5 147 -29 29 -31 29 -140 29 l-111 0 0 144 0 144
111 4 111 3 29 33 c21 23 29 43 29 70 0 81 -53 112 -190 112 l-90 0 0 140 0
140 90 0 c137 0 190 31 190 112 0 27 -8 47 -29 70 l-29 33 -111 3 -111 4 0
139 0 139 78 0 c147 1 202 31 202 112 0 32 -7 47 -34 74 l-34 34 -119 0 -119
0 -17 35 c-24 50 -80 109 -132 136 l-45 24 0 118 0 119 -34 34 c-27 27 -42 34
-74 34 -82 0 -111 -55 -112 -207 l0 -83 -139 0 -139 0 -4 116 -3 116 -33 29
c-23 21 -43 29 -70 29 -82 0 -112 -53 -112 -195 l0 -95 -140 0 -140 0 0 95 c0
142 -30 195 -112 195 -27 0 -47 -8 -70 -29 l-33 -29 -3 -116 -4 -116 -139 0
-139 0 0 83 c-1 152 -30 207 -112 207 -32 0 -47 -7 -74 -34z m1626 -481 c62
-32 60 1 60 -845 0 -670 -2 -775 -15 -800 -32 -62 1 -60 -845 -60 -670 0 -775
2 -800 15 -62 32 -60 -1 -60 845 0 843 -2 812 58 844 41 23 1559 23 1602 1z" />
<path d="M1325 2206 c-37 -17 -80 -62 -94 -99 -7 -18 -11 -159 -11 -390 0
-406 -1 -402 73 -461 l39 -31 388 0 388 0 38 30 c75 61 74 55 74 465 0 410 1
404 -74 465 l-38 30 -376 2 c-300 2 -383 0 -407 -11z m680 -486 l0 -285 -285
0 -285 0 -3 275 c-1 151 0 280 3 288 3 10 65 12 287 10 l283 -3 0 -285z" />
</g>
</svg>
</div>
<div>
<span>CPU</span>
</div>
</div>
<div class="text-center">
<h2 class="counter" id="cpu-counter"></h2>
<div>
<span>100% par coeurs utilisés</span>
</div>
</div>
</div>
<div id="cpu-chart"></div>
</div>
</div>
<div class="col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between">
<div class="bg-soft-warning rounded p-3">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="25" height="25"
viewBox="0 0 512.000000 512.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" fill="#d95f18"
stroke="none">
<path d="M287 3917 c-53 -17 -106 -63 -128 -111 -18 -39 -19 -84 -19 -984 0
-1040 -3 -981 63 -1050 36 -37 107 -62 179 -62 l48 0 0 -234 c0 -215 2 -236
19 -257 l19 -24 2092 0 2092 0 19 24 c17 21 19 42 19 257 l0 234 48 0 c72 0
143 25 179 62 66 69 63 10 63 1050 0 896 -1 945 -19 984 -25 55 -83 101 -145
114 -35 8 -249 10 -669 8 l-619 -3 -19 -24 c-25 -30 -24 -66 1 -91 20 -20 33
-20 646 -20 626 0 655 -1 676 -34 4 -6 8 -428 8 -938 0 -915 0 -928 -20 -948
-20 -20 -33 -20 -2260 -20 -2227 0 -2240 0 -2260 20 -20 20 -20 33 -20 948 0
510 4 932 8 938 22 33 49 34 746 34 l695 0 20 26 c26 33 26 55 2 85 l-19 24
-704 2 c-518 1 -713 -1 -741 -10z m4263 -2397 l0 -190 -175 0 -175 0 0 89 c0
103 -19 141 -71 141 -55 0 -69 -28 -69 -135 l0 -95 -124 0 -124 0 -4 94 c-2
75 -7 98 -22 115 -23 25 -63 27 -94 5 -20 -14 -22 -23 -22 -115 l0 -99 -130 0
-130 0 0 99 c0 92 -2 101 -22 115 -31 22 -71 20 -94 -5 -14 -16 -19 -40 -22
-115 l-4 -94 -124 0 -124 0 0 95 c0 107 -14 135 -69 135 -52 0 -71 -38 -71
-141 l0 -89 -125 0 -125 0 0 93 c0 106 -16 137 -70 137 -54 0 -70 -31 -70
-137 l0 -93 -125 0 -125 0 0 89 c0 103 -19 141 -71 141 -55 0 -69 -28 -69
-135 l0 -95 -124 0 -124 0 -4 94 c-3 75 -8 99 -22 115 -23 25 -63 27 -94 5
-20 -14 -22 -23 -22 -115 l0 -99 -130 0 -130 0 0 95 c0 107 -14 135 -68 135
-51 0 -67 -30 -70 -136 l-4 -94 -124 0 -124 0 0 95 c0 107 -14 135 -69 135
-52 0 -71 -38 -71 -141 l0 -89 -175 0 -175 0 0 190 0 190 1990 0 1990 0 0
-190z" />
<path d="M2152 3918 c-37 -18 -45 -76 -15 -110 14 -15 35 -18 142 -18 147 0
171 9 171 65 0 24 -7 39 -26 54 -24 19 -40 21 -138 20 -61 0 -121 -5 -134 -11z" />
<path d="M2843 3920 c-44 -18 -56 -77 -23 -110 18 -18 33 -20 148 -20 148 0
172 9 172 65 0 24 -7 39 -26 54 -24 19 -40 21 -138 20 -61 0 -121 -4 -133 -9z" />
<path d="M680 3410 c-20 -20 -20 -33 -20 -590 0 -557 0 -570 20 -590 19 -19
33 -20 323 -20 l304 0 21 23 22 23 0 561 c0 552 0 561 -21 587 l-20 26 -305 0
c-291 0 -305 -1 -324 -20z m530 -590 l0 -470 -205 0 -205 0 0 470 0 470 205 0
205 0 0 -470z" />
<path d="M1722 3414 l-22 -15 0 -579 0 -579 22 -15 c19 -14 67 -16 324 -16
l303 0 20 26 c21 26 21 35 21 586 l0 559 -25 24 -24 25 -298 0 c-254 0 -302
-2 -321 -16z m528 -594 l0 -470 -210 0 -210 0 0 470 0 470 210 0 210 0 0 -470z" />
<path d="M2755 3405 l-25 -24 0 -559 c0 -551 0 -560 21 -586 l20 -26 303 0
c257 0 305 2 324 16 l22 15 0 579 0 579 -22 15 c-19 14 -67 16 -321 16 l-298
0 -24 -25z m535 -585 l0 -470 -210 0 -210 0 0 470 0 470 210 0 210 0 0 -470z" />
<path d="M3791 3404 c-21 -26 -21 -35 -21 -589 l0 -562 23 -21 c23 -22 29 -22
325 -22 289 0 303 1 322 20 20 20 20 33 20 590 0 557 0 570 -20 590 -19 19
-33 20 -324 20 l-305 0 -20 -26z m529 -584 l0 -470 -205 0 -205 0 0 470 0 470
205 0 205 0 0 -470z" />
</g>
</svg>
</div>
<div>
<span>RAM</span>
</div>
</div>
<div class="text-center">
<h2 class="counter" id="ram-counter"></h2>
<div>
<span>8.4/16Go</span>
</div>
</div>
</div>
<div id="ram-chart"></div>
</div>
</div>
<div class="col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between">
<div class="rounded p-3 bg-soft-success">
<svg width="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4"
d="M16.8843 5.11485H13.9413C13.2081 5.11969 12.512 4.79355 12.0474 4.22751L11.0782 2.88762C10.6214 2.31661 9.9253 1.98894 9.19321 2.00028H7.11261C3.37819 2.00028 2.00001 4.19201 2.00001 7.91884V11.9474C1.99536 12.3904 21.9956 12.3898 21.9969 11.9474V10.7761C22.0147 7.04924 20.6721 5.11485 16.8843 5.11485Z"
fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20.8321 6.54353C21.1521 6.91761 21.3993 7.34793 21.5612 7.81243C21.8798 8.76711 22.0273 9.77037 21.9969 10.7761V16.0292C21.9956 16.4717 21.963 16.9135 21.8991 17.3513C21.7775 18.1241 21.5057 18.8656 21.0989 19.5342C20.9119 19.8571 20.6849 20.1553 20.4231 20.4215C19.2383 21.5089 17.665 22.0749 16.0574 21.9921H7.93061C6.32049 22.0743 4.74462 21.5086 3.55601 20.4215C3.2974 20.1547 3.07337 19.8566 2.88915 19.5342C2.48475 18.8661 2.21869 18.1238 2.1067 17.3513C2.03549 16.9142 1.99981 16.4721 2 16.0292V10.7761C1.99983 10.3374 2.02357 9.89902 2.07113 9.46288C2.08113 9.38636 2.09614 9.31109 2.11098 9.23659C2.13573 9.11241 2.16005 8.99038 2.16005 8.86836C2.25031 8.34204 2.41496 7.83116 2.64908 7.35101C3.34261 5.86916 4.76525 5.11492 7.09481 5.11492H16.8754C18.1802 5.01401 19.4753 5.4068 20.5032 6.21522C20.6215 6.3156 20.7316 6.4254 20.8321 6.54353ZM6.97033 15.5412H17.0355H17.0533C17.2741 15.5507 17.4896 15.4717 17.6517 15.3217C17.8137 15.1716 17.9088 14.963 17.9157 14.7425C17.9282 14.5487 17.8644 14.3577 17.7379 14.2101C17.5924 14.0118 17.3618 13.8935 17.1155 13.8907H6.97033C6.51365 13.8907 6.14343 14.2602 6.14343 14.7159C6.14343 15.1717 6.51365 15.5412 6.97033 15.5412Z"
fill="currentColor"></path>
</svg>
</div>
<div>
<span>Utilisation Disque</span>
</div>
</div>
<div class="text-center">
<h2 class="counter" id="disk-counter"></h2>
<div>
<span>88/100Go</span>
</div>
</div>
</div>
<div id="disk-chart"></div>
</div>
</div>
<div class="col-lg-3">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between">
<div class=" rounded p-3 bg-soft-danger">
<svg width="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4"
d="M6.70555 12.8906C6.18944 12.8906 5.77163 13.3146 5.77163 13.8384L5.51416 18.4172C5.51416 19.0847 6.04783 19.6251 6.70555 19.6251C7.36328 19.6251 7.89577 19.0847 7.89577 18.4172L7.63947 13.8384C7.63947 13.3146 7.22167 12.8906 6.70555 12.8906Z"
fill="currentColor"></path>
<path
d="M7.98037 3.67345C7.98037 3.67345 7.71236 3.39789 7.54618 3.27793C7.30509 3.09264 7.00783 3 6.71173 3C6.37936 3 6.07039 3.10452 5.81877 3.30169C5.77313 3.34801 5.57886 3.5226 5.41852 3.68532C4.41204 4.6367 2.76539 7.12026 2.26215 8.42083C2.18257 8.618 2.01053 9.11685 2 9.38409C2 9.63827 2.05618 9.88294 2.17087 10.1145C2.3312 10.4044 2.58282 10.6372 2.88009 10.7642C3.08606 10.8462 3.70282 10.9733 3.71453 10.9733C4.38981 11.1016 5.48757 11.1704 6.70003 11.1704C7.85514 11.1704 8.90727 11.1016 9.59308 10.997C9.60478 10.9852 10.3702 10.8581 10.6335 10.7179C11.1133 10.4626 11.4118 9.96371 11.4118 9.43041V9.38409C11.4001 9.03608 11.1016 8.30444 11.0911 8.30444C10.5879 7.07394 9.02079 4.64858 7.98037 3.67345Z"
fill="currentColor"></path>
<path opacity="0.4"
d="M17.2949 11.1096C17.811 11.1096 18.2288 10.6856 18.2288 10.1618L18.4851 5.58296C18.4851 4.91543 17.9526 4.375 17.2949 4.375C16.6372 4.375 16.1035 4.91543 16.1035 5.58296L16.361 10.1618C16.361 10.6856 16.7788 11.1096 17.2949 11.1096Z"
fill="currentColor"></path>
<path
d="M21.8293 13.8853C21.6689 13.5955 21.4173 13.3638 21.1201 13.2356C20.9141 13.1536 20.2961 13.0265 20.2856 13.0265C19.6103 12.8982 18.5126 12.8293 17.3001 12.8293C16.145 12.8293 15.0929 12.8982 14.4071 13.0028C14.3954 13.0146 13.63 13.1429 13.3666 13.2819C12.8856 13.5373 12.5884 14.0361 12.5884 14.5706V14.6169C12.6001 14.9649 12.8973 15.6954 12.909 15.6954C13.4123 16.9259 14.9782 19.3525 16.0198 20.3265C16.0198 20.3265 16.2878 20.6021 16.454 20.7208C16.6939 20.9073 16.9911 21 17.2896 21C17.6208 21 17.9286 20.8954 18.1814 20.6983C18.227 20.652 18.4213 20.4774 18.5816 20.3158C19.5869 19.3632 21.2347 16.8796 21.7368 15.5802C21.8176 15.383 21.9896 14.883 22.0001 14.6169C22.0001 14.3616 21.944 14.1169 21.8293 13.8853Z"
fill="currentColor"></path>
</svg>
</div>
<div>
<span>Trafic réseau</span>
</div>
</div>
<div class="text-center">
<h2 class="counter" id="net-counter"></h2>
<div>
<span>1,95Mo/s</span>
</div>
</div>
</div>
<div id="net-chart"></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>
<!-- mapchart Script -->
<script src="../../assets/js/charts/vectore-chart.js"></script>
<!-- fslightbox Script -->
<script src="../../assets/js/plugins/fslightbox.js"></script>
<script src="../../assets/js/pages/services/service-game.js"></script>
<!-- Slider-tab Script -->
<script src="../../assets/js/plugins/slider-tabs.js"></script>
<!-- AOS Animation Plugin-->
<script src="../../assets/vendor/aos/dist/aos.js"></script>
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
<script src="../../assets/js/charts/dashboard.js"></script>
</body>
</html>

950
dashboard/services/services-list.html
View File

@@ -1,453 +1,545 @@
<!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 | Gestion des services</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"/>
</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>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mercury Cloud | Gestion des services</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" />
</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>
<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>
</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>
<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>
<div id="admin_navbar">
</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 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>
</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="Rechercher...">
</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>
<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>
<div id = "admin_navbar">
</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>
<!-- Sidebar Menu End -->
</div>
</li>
</ul>
</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="Rechercher...">
</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>
</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>
<span class="bg-primary count-mail"></span>
Annonces
</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>
</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-sm-12">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
</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-sm-12">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">Services </h4>
</div>
</div>
<div class="card-body px-0">
<div class="table-responsive">
</div>
</div>
<div class="card-body px-0">
<div class="table-responsive">
<table id="user-list-table" class="table table-striped" role="grid">
<thead>
<tr class="ligth">
<th>ID</th>
<th>Nom</th>
<th>UUID</th>
<th>ID du produit</th>
<th>Prix</th>
<th>Status</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="services-table">
</tbody>
<thead>
<tr class="ligth">
<th>ID</th>
<th>Nom</th>
<th>UUID</th>
<th>ID du produit</th>
<th>Prix</th>
<th>Statut</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="services-table">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<script src="../../assets/js/pages/services/services.js"></script>
</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>
<!-- Form Wizard Script -->
<script src="../../assets/js/plugins/form-wizard.js"></script>
<script src="../../assets/js/pages/services/services.js"></script>
<!-- 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>
<!-- Form Wizard Script -->
<script src="../../assets/js/plugins/form-wizard.js"></script>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
</html>

545
dashboard/services/services.html Normal file
View File

@@ -0,0 +1,545 @@
<!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 | Gestion des services</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" />
</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 active" 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>
<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="Rechercher...">
</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-sm-12">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">Services </h4>
</div>
</div>
<div class="card-body px-0">
<div class="table-responsive">
<table id="user-list-table" class="table table-striped" role="grid">
<thead>
<tr class="ligth">
<th>ID</th>
<th>Nom</th>
<th>UUID</th>
<th>ID du produit</th>
<th>Prix</th>
<th>Statut</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="services-table">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<script src="../../assets/js/pages/services/services.js"></script>
<!-- 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>
<!-- Form Wizard Script -->
<script src="../../assets/js/plugins/form-wizard.js"></script>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
</html>

1542
dashboard/users/create-user.html
View File

File diff suppressed because it is too large Load Diff

1541
dashboard/users/user-edit.html
View File

File diff suppressed because it is too large Load Diff

970
dashboard/users/users-list.html
View File

@@ -1,459 +1,559 @@
<!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 | Gestion des utilisateurs</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"/>
</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>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Mercury Cloud | Gestion des utilisateurs</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" />
</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>
<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>
</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>
</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 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>
</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="Rechercher...">
</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>
<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>
<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>
<li><hr class="hr-horizontal"></li>
<div id = "admin_navbar">
</div>
</ul>
<!-- Sidebar Menu End -->
</div>
</li>
</ul>
</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="Rechercher...">
</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>
</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>
<span class="bg-primary count-mail"></span>
Annonces
</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>
</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 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-sm-12">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">Utilisateurs <a class="btn btn-sm btn-icon btn-success" data-toggle="tooltip"
href="/dashboard/users/create-user.html" data-placement="top" title=""
data-original-title="Ajouter" href="#">
<span class="btn-inner">
<svg width="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4"
d="M16.6667 2H7.33333C3.92889 2 2 3.92889 2 7.33333V16.6667C2 20.0622 3.92 22 7.33333 22H16.6667C20.0711 22 22 20.0622 22 16.6667V7.33333C22 3.92889 20.0711 2 16.6667 2Z"
fill="currentColor"></path>
<path
d="M15.3205 12.7083H12.7495V15.257C12.7495 15.6673 12.4139 16 12 16C11.5861 16 11.2505 15.6673 11.2505 15.257V12.7083H8.67955C8.29342 12.6687 8 12.3461 8 11.9613C8 11.5765 8.29342 11.2539 8.67955 11.2143H11.2424V8.67365C11.2824 8.29088 11.6078 8 11.996 8C12.3842 8 12.7095 8.29088 12.7495 8.67365V11.2143H15.3205C15.7066 11.2539 16 11.5765 16 11.9613C16 12.3461 15.7066 12.6687 15.3205 12.7083Z"
fill="currentColor"></path>
</svg>
</span>
</a></h4>
</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-sm-12">
<div class="card">
<div class="card-header d-flex justify-content-between">
<div class="header-title">
<h4 class="card-title">Utilisateurs <a class="btn btn-sm btn-icon btn-success" data-toggle="tooltip" href="/dashboard/users/create-user.html" data-placement="top" title="" data-original-title="Ajouter" href="#">
<span class="btn-inner">
<svg width="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.4" d="M16.6667 2H7.33333C3.92889 2 2 3.92889 2 7.33333V16.6667C2 20.0622 3.92 22 7.33333 22H16.6667C20.0711 22 22 20.0622 22 16.6667V7.33333C22 3.92889 20.0711 2 16.6667 2Z" fill="currentColor"></path>
<path d="M15.3205 12.7083H12.7495V15.257C12.7495 15.6673 12.4139 16 12 16C11.5861 16 11.2505 15.6673 11.2505 15.257V12.7083H8.67955C8.29342 12.6687 8 12.3461 8 11.9613C8 11.5765 8.29342 11.2539 8.67955 11.2143H11.2424V8.67365C11.2824 8.29088 11.6078 8 11.996 8C12.3842 8 12.7095 8.29088 12.7495 8.67365V11.2143H15.3205C15.7066 11.2539 16 11.5765 16 11.9613C16 12.3461 15.7066 12.6687 15.3205 12.7083Z" fill="currentColor"></path>
</svg>
</span>
</a></h4>
</div>
</div>
<div class="card-body px-0">
<div class="table-responsive">
<div class="card-body px-0">
<div class="table-responsive">
<table id="user-list-table" class="table table-striped" role="grid">
<thead>
<tr class="ligth">
<th>UUID</th>
<th>Nom d'utilisateur</th>
<th>Mail</th>
<th>Rôle</th>
<th>Statut</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="users-table">
</tbody>
<thead>
<tr class="ligth">
<th>UUID</th>
<th>Nom d'utilisateur</th>
<th>Mail</th>
<th>Rôle</th>
<th>Statut</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="users-table">
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<script src="../../assets/js/pages/users/users-list.js"></script>
</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/users-list.js"></script>
<!-- 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>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
<!-- AOS Animation Plugin-->
<!-- App Script -->
<script src="../../assets/js/main-lib.js" defer></script>
</body>
</html>

2
mysql_dump.sql
View File

@@ -72,4 +72,4 @@ COMMIT;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;