diff --git a/views/element/about.php b/views/element/about.php
index f95e848e0cb5e2fe7189668d43b7c985185c77f9..44a32b27b596d8536854c89dbd0a8e749ea41f64 100755
--- a/views/element/about.php
+++ b/views/element/about.php
@@ -859,6 +859,8 @@ function redirigerVersPage(url) {
     <?php echo $this->renderPartial('co2.views.pod.address', array("element" => $element, "type" => $type, "edit" => $edit, "openEdition" => $openEdition)); ?>
     <!-- Recuperer les reseau sociaux dans co2.views.pod.network -->
     <?php echo $this->renderPartial('co2.views.pod.newSocialNetwork', array("element" => $element, "type" => $type, "edit" => $edit, "openEdition" => $openEdition)); ?>
+    <!-- Recuperer les reseau sociaux dans co2.views.pod.network -->
+    <?php echo $this->renderPartial('co2.views.pod.yourTools', array("element" => $element, "type" => $type, "edit" => $edit, "openEdition" => $openEdition)); ?>
 
 </div>
 
diff --git a/views/pod/newSocialNetwork.php b/views/pod/newSocialNetwork.php
index c21b56eac2c04f6913ec4647a76bd03a986f7ec6..b8ee782cd1457983ba925942761a9ce0a330a6a1 100755
--- a/views/pod/newSocialNetwork.php
+++ b/views/pod/newSocialNetwork.php
@@ -75,6 +75,30 @@
         left: -10%;
     }
 
+    .containerBox{
+        box-shadow: 0 2px 5px 0 rgb(63, 78, 88), 0 2px 10px 0 rgb(63, 78, 88);
+        padding-bottom: 20px;
+        max-height: 500px;
+        overflow-y: auto;
+    }
+
+    .containerBox::-webkit-scrollbar-thumb {
+        border-radius: 10px;
+        background-color: #828282;
+        background-image: -webkit-linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4) 50%, transparent, transparent);
+    }
+
+    .containerBox::-webkit-scrollbar-thumb:hover {
+        background-color: #6d861b;
+        background-image: -webkit-linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4) 50%, transparent, transparent)
+    }
+
+    .containerBox::-webkit-scrollbar {
+        width: 8px;
+        background-color: #F5F5F5;
+        transition: width .3s ease-in;
+    }
+
     @keyframes aaa {
         0% {
             left: -110%;
@@ -104,108 +128,112 @@
     $signal =  (!empty($element["socialNetwork"]["signal"])? $element["socialNetwork"]["signal"]:"javascript:;") ;
     $linkedin =  (!empty($element["socialNetwork"]["linkedin"])? $element["socialNetwork"]["linkedin"]:"javascript:;") ;
     ?>
-    
-            <span class="text-nv-3 tl-network">
-                <i class="fa fa-connectdevelop"></i>
-                <?php echo Yii::t("common","Socials"); ?>
-            </span>
-            <?php if($edit==true || ( $openEdition==true && Yii::app()->session["userId"] != null ) ) {?>
-            <button class="btn-update-network btn btn-update-ig pad-2 pull-right tooltips"
-                    data-toggle="tooltip" data-placement="top" title="" alt="" data-original-title="<?php echo Yii::t("common","Update network") ?>">
-                <i class="fa fa-edit"></i>
-            </button>
-            <?php } ?>
-            <hr class="line-hr hr-net" style="margin-bottom: 10px;">
-
-            <div class="container-fluid" id="cont">
-                <div class="row">
-                    <div class="col-sm-12 no-padding">
-                        <div class="middle">
-                             <span id="divDiaspora">
-                                <?php if ($diaspora != "javascript:;"){ ?>
-                                    <a href="<?php echo $diaspora ; ?>" target="_blank" id="diasporaAbout" class="contentInformation btn-network tooltips" data-toggle="tooltip" data-placement="top" title="Diaspora">
-                                        <img src="<?php echo Yii::app()->getModule("co2")->assetsUrl; ?>/images/diaspora_icon.png">
-                                    </a>
-                                <?php } ?>
-                            </span>
-
-                            <span id="divMastodon">
-                                <?php if ($mastodon != "javascript:;"){ ?>
-                                    <a href="<?php echo $mastodon ; ?>" target="_blank" id="mastodonAbout"  class="contentInformation btn-network tooltips" data-toggle="tooltip" data-placement="top" title="Mastodon">
-                                        <img src="<?php echo Yii::app()->getModule("co2")->assetsUrl; ?>/images/mastodon.png">
-                                    </a>
-                                <?php } ?>
-                            </span>
-
-                            <span id="divFacebook">
-                                <?php if ($facebook != "javascript:;"){ ?>
-                                    <a class="contentInformation btn-network tooltips" href="<?php echo $facebook ; ?>" target="_blank" id="facebookAbout" data-toggle="tooltip" data-placement="top" title="Facebook">
-                                        <i class="fa fa-facebook"></i>
-                                    </a>
-                                <?php } ?>
-                            </span>
-
-                            <span id="divTwitter">
-                                <?php if ($twitter != "javascript:;"){ ?>
-                                    <a class="contentInformation btn-network tooltips" href="<?php echo $twitter ; ?>" target="_blank" id="twitterAbout" data-toggle="tooltip" data-placement="top" title="Twitter">
-                                        <i class="fa fa-twitter"></i>
-                                    </a>
-                                <?php } ?>
-                            </span>
-
-                            <span id="divInstagram">
-                                <?php if ($instagram != "javascript:;"){ ?>
-                                    <a class="contentInformation btn-network tooltips" href="<?php echo $instagram ; ?>" target="_blank" id="instagramAbout" data-toggle="tooltip" data-placement="top" title="Instagram">
-                                        <i class="fa fa-instagram"></i>
-                                    </a>
-                                <?php } ?>
-                            </span>
-
-                            <span id="divSignal">
-                                <?php if ($signal != "javascript:;"){ ?>
-                                    <a class="contentInformation btn-network tooltips" href="<?php echo $signal ; ?>" target="_blank" id="signalAbout" data-toggle="tooltip" data-placement="top" title="Signal">
-                                        <img src="<?php echo Yii::app()->getModule("co2")->assetsUrl; ?>/images/signal_icon.png" >
-                                    </a>
-                                <?php } ?>
-                            </span>
-
-                            <span id="divLinkedin">
-                                <?php if ($linkedin != "javascript:;"){ ?>
-                                    <a class="contentInformation btn-network tooltips" href="<?php echo $linkedin ; ?>" target="_blank" id="linkedinAbout" data-toggle="tooltip" data-placement="top" title="LinkedIn">
-                                    <i class="fa fa-linkedin"></i>
-                                    </a>
-                                <?php } ?>
-                            </span>
-
-                            <span id="divGithub">
-                                <?php if ($github != "javascript:;"){ ?>
-                                    <a class="contentInformation btn-network tooltips" href="<?php echo $github ; ?>" target="_blank" id="githubAbout" data-toggle="tooltip" data-placement="top" title="Github">
-                                        <i class="fa fa-github"></i>
-                                    </a>
-                                <?php } ?>
-                            </span>
-
-                            <span id="divGitlab">
-                                <?php if ($gitlab != "javascript:;"){ ?>
-                                    <a href="<?php echo $gitlab ; ?>" class="contentInformation btn-network tooltips"  target="_blank" id="gitlabAbout" data-toggle="tooltip" data-placement="top" title="Gitlab">
-                                        <img src="<?php echo Yii::app()->getModule("co2")->assetsUrl; ?>/images/gitlab_icon.png" >
-                                    </a>
-                                <?php } ?>
-                            </span>
-
-                            <?php //if($type==Person::COLLECTION){ ?>
-                                <span id="divTelegram">
-                                    <?php if ($telegram != "javascript:;"){ ?>
-                                        <a href="<?php echo $telegram ; ?>" target="_blank" id="telegramAbout" class="contentInformation btn-network tooltips" data-toggle="tooltip" data-placement="top" title="Telegram">
-                                            <i class="fa fa-telegram"></i>
+
+        <div class="well containerBox co-scroll">
+            <div class="margin-5" >
+                <span class="text-nv-3 tl-network">
+                    <i class="fa fa-connectdevelop"></i>
+                    <?php echo Yii::t("common","Socials"); ?>
+                </span>
+                <?php if($edit==true || ( $openEdition==true && Yii::app()->session["userId"] != null ) ) {?>
+                <button class="btn-update-network btn btn-update-ig pad-2 pull-right tooltips"
+                        data-toggle="tooltip" data-placement="top" title="" alt="" data-original-title="<?php echo Yii::t("common","Update network") ?>">
+                    <i class="fa fa-edit"></i>
+                </button>
+                <?php } ?>
+                <hr class="line-hr hr-net" style="margin-bottom: 10px;">
+
+                <div class="container-fluid" id="cont">
+                    <div class="row">
+                        <div class="col-sm-12 no-padding">
+                            <div class="middle">
+                                <span id="divDiaspora">
+                                    <?php if ($diaspora != "javascript:;"){ ?>
+                                        <a href="<?php echo $diaspora ; ?>" target="_blank" id="diasporaAbout" class="contentInformation btn-network tooltips" data-toggle="tooltip" data-placement="top" title="Diaspora">
+                                            <img src="<?php echo Yii::app()->getModule("co2")->assetsUrl; ?>/images/diaspora_icon.png">
+                                        </a>
+                                    <?php } ?>
+                                </span>
+
+                                <span id="divMastodon">
+                                    <?php if ($mastodon != "javascript:;"){ ?>
+                                        <a href="<?php echo $mastodon ; ?>" target="_blank" id="mastodonAbout"  class="contentInformation btn-network tooltips" data-toggle="tooltip" data-placement="top" title="Mastodon">
+                                            <img src="<?php echo Yii::app()->getModule("co2")->assetsUrl; ?>/images/mastodon.png">
+                                        </a>
+                                    <?php } ?>
+                                </span>
+
+                                <span id="divFacebook">
+                                    <?php if ($facebook != "javascript:;"){ ?>
+                                        <a class="contentInformation btn-network tooltips" href="<?php echo $facebook ; ?>" target="_blank" id="facebookAbout" data-toggle="tooltip" data-placement="top" title="Facebook">
+                                            <i class="fa fa-facebook"></i>
+                                        </a>
+                                    <?php } ?>
+                                </span>
+
+                                <span id="divTwitter">
+                                    <?php if ($twitter != "javascript:;"){ ?>
+                                        <a class="contentInformation btn-network tooltips" href="<?php echo $twitter ; ?>" target="_blank" id="twitterAbout" data-toggle="tooltip" data-placement="top" title="Twitter">
+                                            <i class="fa fa-twitter"></i>
+                                        </a>
+                                    <?php } ?>
+                                </span>
+
+                                <span id="divInstagram">
+                                    <?php if ($instagram != "javascript:;"){ ?>
+                                        <a class="contentInformation btn-network tooltips" href="<?php echo $instagram ; ?>" target="_blank" id="instagramAbout" data-toggle="tooltip" data-placement="top" title="Instagram">
+                                            <i class="fa fa-instagram"></i>
+                                        </a>
+                                    <?php } ?>
+                                </span>
+
+                                <span id="divSignal">
+                                    <?php if ($signal != "javascript:;"){ ?>
+                                        <a class="contentInformation btn-network tooltips" href="<?php echo $signal ; ?>" target="_blank" id="signalAbout" data-toggle="tooltip" data-placement="top" title="Signal">
+                                            <img src="<?php echo Yii::app()->getModule("co2")->assetsUrl; ?>/images/signal_icon.png" >
+                                        </a>
+                                    <?php } ?>
+                                </span>
+
+                                <span id="divLinkedin">
+                                    <?php if ($linkedin != "javascript:;"){ ?>
+                                        <a class="contentInformation btn-network tooltips" href="<?php echo $linkedin ; ?>" target="_blank" id="linkedinAbout" data-toggle="tooltip" data-placement="top" title="LinkedIn">
+                                        <i class="fa fa-linkedin"></i>
+                                        </a>
+                                    <?php } ?>
+                                </span>
+
+                                <span id="divGithub">
+                                    <?php if ($github != "javascript:;"){ ?>
+                                        <a class="contentInformation btn-network tooltips" href="<?php echo $github ; ?>" target="_blank" id="githubAbout" data-toggle="tooltip" data-placement="top" title="Github">
+                                            <i class="fa fa-github"></i>
+                                        </a>
+                                    <?php } ?>
+                                </span>
+
+                                <span id="divGitlab">
+                                    <?php if ($gitlab != "javascript:;"){ ?>
+                                        <a href="<?php echo $gitlab ; ?>" class="contentInformation btn-network tooltips"  target="_blank" id="gitlabAbout" data-toggle="tooltip" data-placement="top" title="Gitlab">
+                                            <img src="<?php echo Yii::app()->getModule("co2")->assetsUrl; ?>/images/gitlab_icon.png" >
                                         </a>
                                     <?php } ?>
                                 </span>
-                            <?php //} ?>
 
+                                <?php //if($type==Person::COLLECTION){ ?>
+                                    <span id="divTelegram">
+                                        <?php if ($telegram != "javascript:;"){ ?>
+                                            <a href="<?php echo $telegram ; ?>" target="_blank" id="telegramAbout" class="contentInformation btn-network tooltips" data-toggle="tooltip" data-placement="top" title="Telegram">
+                                                <i class="fa fa-telegram"></i>
+                                            </a>
+                                        <?php } ?>
+                                    </span>
+                                <?php //} ?>
+
+                            </div>
                         </div>
                     </div>
                 </div>
             </div>
+        </div>
      
 <?php } ?>
\ No newline at end of file
diff --git a/views/pod/yourTools.php b/views/pod/yourTools.php
new file mode 100644
index 0000000000000000000000000000000000000000..ce3bb642b06950f97491f13d3c03ab22108733b0
--- /dev/null
+++ b/views/pod/yourTools.php
@@ -0,0 +1,448 @@
+<?php 
+
+	HtmlHelper::registerCssAndScriptsFiles([
+		'/css/coInput/co-input.css',
+		'/js/coInput/co-input.js',
+		'/js/coInput/co-input-types-css.js'
+	], $this->module->getParentAssetsUrl() );
+
+	$categoryTitle = [
+		"site" => Yii::t("common","Site"),
+		"chat" => Yii::t("common","Chat between members"),
+		"agenda" => Yii::t("common","Events calendar"),
+		"projectManagement" => Yii::t("common","Project management"),
+		"videoPlatform" => Yii::t("common","Video platform"),
+		"cloud" => Yii::t("common","Cloud"),
+		"annuaire" => Yii::t("common","Directory"),
+		"fileSharing" => Yii::t("common","File sharing and online editing"),
+		"survey" => Yii::t("common","Poll / survey"),
+	]
+?>
+
+<style>
+
+    /* modal createevent */
+	.modal-edit-tools {
+		background-color: #423e3ebe;
+		margin-top: 30px;
+	}
+
+ 
+	.modal-edit-tools .modal-body,.modal-footer{
+		background-color: rgb(252, 252, 252);
+	}
+	
+
+	.modal-edit-tools .modal-header {
+		display: flex;
+		align-items: center;
+		justify-content: space-around;
+		padding-bottom: 0;
+		background-color: #3f4e58;
+		position: relative;
+		padding-bottom: 15px;
+		color: white;
+	}
+
+	.modal-edit-tools .modal-header button.close {
+		position: absolute;
+		right: 15px;
+		top: 18px;
+		opacity: .75;
+	}
+
+	.modal-edit-tools .modal-header::before,
+	.modal-edit-tools .modal-header::after {
+		content: none;
+	}
+
+	.modal-edit-tools .modal-header .tab-item {
+		margin: 2px 5px 0px 5px;
+		padding-bottom: 10px;
+		cursor: pointer;
+		text-transform: none;
+		text-align: center;
+		font-size: 17px;
+		text-decoration: none;
+	}
+
+	.modal-edit-tools .modal-body .link-to-doc-content {
+		display: flex;
+		align-items: center;
+		justify-content: flex-end;
+	}
+
+	.modal-edit-tools .modal-body a.link-to-doc {
+		background-color: #1890FF;
+		padding: 8px 15px;
+		font-weight: bold;
+		color: white;
+		border-top-right-radius: 10px;
+		border-top-left-radius: 10px;
+		font-size: 1.38rem;
+	}
+
+	.modal-edit-tools .modal-body a.link-to-doc i {
+		margin-right: 5px;
+	}
+
+	.modal-edit-tools .modal-header a:hover,
+	.modal-edit-tools .modal-header a.active {
+		border-bottom: 1px solid #f3aa31;
+	}
+
+	.modal-edit-tools .btn-submit {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+	}
+
+	.modal-edit-tools .btn-submit p {
+		font-size: 13px;
+		text-align: justify;
+		font-weight: 400;
+		flex: 0.70;
+	}
+
+	.modal-edit-tools .btn-submit p a,
+	.modal-edit-tools .btn-submit p b {
+		font-weight: bold;
+	}
+
+	.modal-edit-tools .btn-submit p a {
+		color: #1890FF;
+	}
+
+	.modal-edit-tools #tabQuestion h5 {
+		text-align: center;
+		font-size: 14px;
+		text-transform: none;
+		font-weight: 500;
+	}
+
+	.modal-edit-tools #tabQuestion h5 a {
+		font-weight: bold;
+	}
+
+	.modal-edit-tools .btn-submit button {
+		min-width: 100px;
+	}
+
+	.modal-edit-tools .form-group textarea {
+		height: 150px;
+	}
+
+	.modal-edit-tools .form-group .check-value {
+		display: flex;
+		align-items: center;
+		justify-content: flex-start;
+	}
+
+	.modal-edit-tools .form-group .check-value .form-check:not(:first-child) {
+		margin-left: 10px;
+	}
+
+	.modal-personnalise {
+		width: 60% !important; 
+		height: 80vh; 
+	}
+
+	.modal-personnalise-project{
+		width: 40%; 
+		height: 80vh; 
+	}
+
+    @media only screen and (max-width: 768px) {
+		.modal-dialog.modal-personnalise.modal-dialog-centered.co-resposnive {
+			width: auto !important;
+		}
+
+		.modal-dialog.modal-personnalise-project.modal-dialog-centered.co-resposnive {
+			width: auto !important;
+		}
+	}
+
+	.inputContainerCoTools {
+		background-color: #3f4e58;
+		color : white;
+		padding: 10px 20px;
+		border-radius: 8px;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.inputContainerCoTools label {
+		color: white;
+	}
+
+	.inputContainerCoTools  textarea{
+		background-color: #3f4e58 ;
+		color : white ;
+	}
+
+	.inputContainerCoTools button:not(.btn-danger) {
+    	background-color: #9fbd38 !important;
+	}
+
+	.inputContainerCoTools  input {
+		background-color: white ;
+		color : black ;
+	}
+
+	
+	.tools-container {
+		display: flex;
+		flex-wrap: wrap;
+		width: 100%;
+		border-bottom: 1px solid #9fbd38;
+	}
+
+	.tool-category {
+		display: flex;
+		font-size: 15px;
+		font-weight: bold;
+		color: #333;
+		justify-content: center;
+		align-items: center;
+	}
+
+	
+	.tool-item .contentInformation{
+		background-color:#93C020;
+	}
+
+	.tool-item .btn-network{
+		margin: 5px;
+	}
+
+	.middle ul {
+		padding: 0px;
+	}
+	
+    
+</style>
+<?php
+    if($type!=Poi::COLLECTION){?>
+		 	<div class="well containerBox">
+			 	<div class="margin-5" >
+					<span class="text-nv-3 tl-network">
+						<i class="fa fa-connectdevelop"></i>
+						<?php echo Yii::t("common","Our tools"); ?>
+					</span>
+					<?php if($edit==true || ( $openEdition==true && Yii::app()->session["userId"] != null ) ) {?>
+					<button class="btn-update-tools btn btn-update-ig pad-2 pull-right tooltips"
+							data-toggle="tooltip" data-placement="top" title="" alt="" data-original-title="<?php echo Yii::t("common","Update tools") ?>">
+						<i class="fa fa-edit"></i>
+					</button>
+					<?php } ?>
+					<hr class="line-hr hr-net" style="margin-bottom: 10px;">
+
+					<div class="container-fluid" id="cont">
+						<div class="row">
+							<div class="col-sm-12 no-padding">
+								<div class="middle">
+									<ul id="yourTools" class="tools-container">
+										<?php foreach ($element["ourTools"] ?? [] as $category => $tools) : ?>
+											
+											<li class="tools-container">
+												<div class="tool-category"><?= htmlspecialchars($categoryTitle[$category] ?? ucfirst($category)) ?> :</div>
+												<?php foreach ($tools as $tool) : ?>
+													<div class="tool-item">
+														<a href="<?= htmlspecialchars($tool['url'] ?? "") ?>" target="_blank" 
+															class="contentInformation btn-network tooltips" 
+															data-toggle="tooltip" data-placement="top" 
+															title="<?= htmlspecialchars($tool['name']) ?>">
+															
+															<img src="https://www.google.com/s2/favicons?sz=64&domain=<?= parse_url($tool['url'] ?? "", PHP_URL_HOST) ?>" 
+																	alt="Icon" class="tool-icon" 
+																	onerror="this.onerror=null; this.style.display='none'; this.insertAdjacentHTML('afterend', '<i class=\'fa fa-link gradient-fill\'></i>');">
+														</a>
+													</div>
+												<?php endforeach; ?>
+											</li>
+										<?php endforeach; ?>
+									</ul>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+
+            <div class="modal fade modal-edit-tools" id="openModalEditTools" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true" style="z-index: 999999;overflow-y: auto;">
+				<div class="modal-dialog modal-personnalise modal-dialog-centered co-resposnive" role="document">
+					<div class="modal-content">
+						<div class="modal-header">
+							<h5 class="modal-title"> Specifications des vos outils </h5>
+							<button type="button" class="close" data-dismiss="modal" aria-label="Close">
+								<span aria-hidden="true">&times;</span>
+							</button>
+						</div>
+						<div class="modal-body col-xs-12">
+							<div class="row">
+								<div class="project-container col-xs-12 col-md-12 col-lg-12">
+									<div id="edit-tools-input"></div>
+								</div>
+							</div>
+						</div>
+						<div class="modal-footer col-xs-12">
+							<button class="save saveTools" ><?= Yii::t('cms', 'Save') ?></button>
+						</div>
+					</div>
+				</div>
+			</div>
+     
+    <?php } ?>
+<script>
+
+	function updateToolsData(toolsData) {
+		$("#yourTools").empty();  // Vider le conteneur avant de le remplir
+
+		// Boucle sur les catégories
+		$.each(toolsData, function (category, tools) {
+			var categoryTitle = <?= json_encode($categoryTitle) ?>;
+			var categoryName = categoryTitle[category] ?? category.charAt(0).toUpperCase() + category.slice(1);
+
+			// Création de l'élément de catégorie
+			var $categoryItem = $(`
+				<li class="tools-container">
+					<div class="tool-category">${categoryName} :</div>
+				</li>
+			`);
+
+			// Boucle sur chaque outil
+			$.each(tools, function (_, tool) {
+				if (tool.url && isValidUrl(tool.url)) {
+					const faviconUrl = `https://www.google.com/s2/favicons?sz=64&domain=${new URL(tool.url).hostname}`;
+					var toolItem = `
+						<div class="tool-item">
+							<a href="${tool.url}" target="_blank" class="contentInformation btn-network tooltips" data-toggle="tooltip" data-placement="top" title="${tool.name}">
+								<img src="${faviconUrl}" alt="Icon" class="tool-icon">
+							</a>
+						</div>
+					`;
+				} else {
+					var toolItem = `
+						<div class="tool-item">
+							<a href="${tool.url}" target="_blank" class="contentInformation btn-network tooltips" data-toggle="tooltip" data-placement="top" title="${tool.name}">
+								<i class="fa fa-link gradient-fill"></i> 
+							</a>
+						</div>
+					`;
+				}
+
+				$categoryItem.append(toolItem);
+			});
+
+			// Ajouter la liste des outils à la catégorie
+			$("#yourTools").append($categoryItem);
+		});
+
+		// Activer les tooltips
+		$('[data-toggle="tooltip"]').tooltip();
+	}
+
+    // Fonction pour valider si l'URL est correcte
+    function isValidUrl(url) {
+        try {
+            new URL(url);  // Essayer de créer une URL
+            return true;
+        } catch (e) {
+            return false;  // Si l'URL n'est pas valide, on retourne false
+        }
+    }
+
+	var ourToolsValue = {};
+
+	<?php if( isset($element["ourTools"]) ): ?>
+		var ourToolsValue = <?= json_encode($element["ourTools"]) ?>;
+	<?php endif; ?>
+
+	$(".btn-update-tools").on("click", function () {
+		new CoInput({
+			container: "#edit-tools-input",
+			inputs: [
+				<?php 
+					$categories = [
+						"site" => "Site",
+						"chat" => "Chat between members",
+						"agenda" => "Events calendar",
+						"projectManagement" => "Project management",
+						"videoPlatform" => "Video platform",
+						"annuaire" => "Directory",
+						"fileSharing" => "File sharing and online editing",
+						"survey" => "Poll / survey",
+						"cloud" => "Cloud"
+					];
+					foreach ($categories as $key => $label) : 
+				?>
+				{
+					type: "inputMultiple",
+					options: {
+						name: "<?= $key ?>",
+						label: "<?= Yii::t('common', $label) ?>",
+						class: "inputContainerCoTools",
+						max: 5,
+						defaultValue: ourToolsValue["<?= $key ?>"] ?? [],
+						inputs: [
+							[
+								{
+									type: "inputSimple",
+									options: {
+										name: "name",
+										label: "Name",
+										defaultValue: "",
+										icon: "chevron-down",
+										class: "inputContainerCoTools"
+									}
+								},
+								{
+									type: "inputSimple",
+									options: {
+										name: "url",
+										label: "URL",
+										defaultValue: "",
+										icon: "chevron-down",
+										class: "inputContainerCoTools"
+									}
+								}
+							]
+						]
+					}
+				},
+				<?php endforeach; ?>
+			],
+			onchange: function(name, value, payload) {
+				jsonHelper.setValueByPath(ourToolsValue, name, value);
+			},
+			onblur: function(name, value, payload) {
+				jsonHelper.setValueByPath(ourToolsValue, name, value);
+			}
+		});
+
+   		 $("#openModalEditTools").modal("show");
+
+		$(".saveTools").off("click").on("click", function () {
+			if (!contextData["type"] || !contextData["id"]) {
+				toastr.error("Erreur : Impossible de sauvegarder les outils, données manquantes.");
+				return;
+			}
+
+			var editTools = {
+				value : ourToolsValue,
+				collection: contextData["type"],
+				id: contextData["id"],
+				path: "ourTools"
+			};
+
+			dataHelper.path2Value(editTools, function (params) {
+				toastr.success(tradCms.editionSucces);
+				updateToolsData(ourToolsValue);
+				$("#openModalEditTools").modal("hide");
+			});
+		});
+});
+
+
+
+</script>
\ No newline at end of file