11 files changed, 113 insertions, 93 deletions

diff --git a/src/controller/HeadFootController.php b/src/controller/HeadFootController.php
index a739df8..d3e75ee 100644
--- a/src/controller/HeadFootController.php
+++ b/src/controller/HeadFootController.php
@@ -5,7 +5,6 @@ declare(strict_types=1);
 
 use App\Entity\NodeDataAsset;
 use App\Entity\Asset;
-use Doctrine\Common\Collections\ArrayCollection;
 use Doctrine\ORM\EntityManager;
 
 class HeadFootController
@@ -38,7 +37,7 @@ class HeadFootController
                 }
                 else{
                         if(!is_dir(Asset::USER_PATH)){
-                    mkdir(Asset::USER_PATH, 0755, true);
+                    mkdir(Asset::USER_PATH, 0777, true);
                 }
 
                 /* -- téléchargement -- */
@@ -72,7 +71,7 @@ class HeadFootController
                         /* -- écriture du fichier sur le disque -- */
                         if(!ImageUploadController::imagickCleanImage(file_get_contents($file['tmp_name']), Asset::USER_PATH . $name, $extension)){ // recréer l’image pour la nettoyer
                                 http_response_code(500);
-                    echo json_encode(['success' => false, 'message' => 'Erreur image non valide.']);
+                    echo json_encode(['success' => false, 'message' => 'Erreur image non valide.', 'format' => $extension]);
                         }
                         else{
                                 $params_array = explode('_', $request_params); // head_favicon, header_logo, header_background, footer_logo
diff --git a/src/controller/ImageUploadController.php b/src/controller/ImageUploadController.php
index 5e80ba5..77f0a47 100644
--- a/src/controller/ImageUploadController.php
+++ b/src/controller/ImageUploadController.php
@@ -66,10 +66,10 @@ class ImageUploadController
                 
                 // Vérifier si les répertoires existent, sinon les créer
                 if(!is_dir($dest)){
-                    mkdir($dest, 0700, true);
+                    mkdir($dest, 0777, true);
                 }
                 if(!is_dir($dest_mini)){
-                    mkdir($dest_mini, 0700, true);
+                    mkdir($dest_mini, 0777, true);
                 }
                 
                 $allowed_extensions = ['jpg', 'jpeg', 'png', 'gif', 'webp', 'tiff', 'tif'];
@@ -88,7 +88,7 @@ class ImageUploadController
                 }
                 else{
                     http_response_code(500);
-                    echo json_encode(['message' => 'Erreur image non valide']);
+                    echo json_encode(['message' => 'Erreur image non valide', 'format' => $extension]);
                 }
             }
             else{
@@ -131,7 +131,7 @@ class ImageUploadController
                 }
                 else{
                     http_response_code(500);
-                    echo json_encode(['message' => 'Erreur image non valide']);
+                    echo json_encode(['message' => 'Erreur image non valide', 'format' => $extension]);
                 }
             }
             else{
@@ -177,7 +177,7 @@ class ImageUploadController
             }
             else{
                 http_response_code(500);
-                echo json_encode(['message' => 'Erreur image non valide']);
+                echo json_encode(['message' => 'Erreur image non valide', 'format' => $extension]);
             }
             die;
         }
diff --git a/src/controller/MenuAndPathsController.php b/src/controller/MenuAndPathsController.php
index a32b210..6bb098f 100644
--- a/src/controller/MenuAndPathsController.php
+++ b/src/controller/MenuAndPathsController.php
@@ -42,21 +42,30 @@ class MenuAndPathsController
         die;
     }
 
-    static public function editUrlEntry(EntityManager $entityManager, array $json): void
+    // on pourrait utiliser FormValidation ici
+    static public function editUrl(EntityManager $entityManager, array $json): void
     {
-        $url_input = trim($json['url_input']); // faire htmlspecialchars à l'affichage
+        $url_data = trim($json['input_data']); // garder htmlspecialchars pour l'affichage
         $page = $entityManager->find('App\Entity\Page', $json['id']);
 
         if(!$page){
             echo json_encode(['success' => false, 'message' => "id invalide"]);
         }
-        elseif(!filter_var($url_input, FILTER_VALIDATE_URL) || !str_starts_with($url_input, 'http')){
+        elseif(!in_array($json['field'], ['url_name', 'url_content'])){
+            echo json_encode(['success' => false, 'message' => "champ invalide"]);
+        }
+        elseif($json['field'] === 'url_content' && (!filter_var($url_data, FILTER_VALIDATE_URL) || !str_starts_with($url_data, 'http'))){
             echo json_encode(['success' => false, 'message' => "la chaîne envoyée n'est pas une URL valide"]);
         }
         else{
-            $page->setEndOfPath($url_input);
+            if($json['field'] === 'url_name'){
+                $page->setPageName($url_data);
+            }
+            elseif($json['field'] === 'url_content'){
+                $page->setEndOfPath($url_data);
+            }
             $entityManager->flush();
-            echo json_encode(['success' => true, 'url_input' => $url_input]);
+            echo json_encode(['success' => true, 'url_data' => $url_data]);
         }
         die;
     }
diff --git a/src/model/Model.php b/src/model/Model.php
index 68c4c08..eeba8b2 100644
--- a/src/model/Model.php
+++ b/src/model/Model.php
@@ -1,5 +1,8 @@
 <?php
 // src/model/Model.php
+//
+// à l'occaz, faire des classes métiers: NodeModel = celle-ci
+// puis PageModel, puis éventuellement UserModel, EmailModel (le calendrier a déjà EventDTO)
 
 declare(strict_types=1);
 
diff --git a/src/router.php b/src/router.php
index cfb1dec..ebe645f 100644
--- a/src/router.php
+++ b/src/router.php
@@ -166,8 +166,8 @@ elseif($request->getMethod() === 'POST'){
                 elseif($_GET['menu_edit'] === 'display_in_menu' && isset($json['id']) && isset($json['checked'])){
                     MenuAndPathsController::displayInMenu($entityManager, $json);
                 }
-                elseif($_GET['menu_edit'] === 'edit_url_entry' && isset($json['id']) && isset($json['url_input'])){
-                    MenuAndPathsController::editUrlEntry($entityManager, $json);
+                elseif($_GET['menu_edit'] === 'url_edit' && isset($json['id']) && isset($json['field']) && isset($json['input_data'])){
+                    MenuAndPathsController::editUrl($entityManager, $json);
                 }
             }
 
diff --git a/src/view/FooterBuilder.php b/src/view/FooterBuilder.php
index fcb78e0..277de4b 100644
--- a/src/view/FooterBuilder.php
+++ b/src/view/FooterBuilder.php
@@ -30,17 +30,21 @@ class FooterBuilder extends AbstractBuilder
             if($_SESSION['admin'])
             {
                 // données du footer
-                $buttons_footer_name = '<img id="footer_name_open" class="action_icon" src="assets/edit.svg" onclick="footer_name.open()">
+                $admin_footer_name = '<input type="text" id="footer_name_input" class="hidden" value="' . htmlspecialchars($name ?? '') . '" size="30">
+                    <img id="footer_name_open" class="action_icon" src="assets/edit.svg" onclick="footer_name.open()">
                     <img id="footer_name_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_name.submit()">
                     <img id="footer_name_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_name.cancel()">';
-                $buttons_footer_address = '<img id="footer_address_open" class="action_icon" src="assets/edit.svg" onclick="footer_address.open()">
+                $admin_footer_address = '<input type="text" id="footer_address_input" class="hidden" value="' . htmlspecialchars($address ?? '') . '" size="30">
+                    <img id="footer_address_open" class="action_icon" src="assets/edit.svg" onclick="footer_address.open()">
                     <img id="footer_address_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_address.submit()">
                     <img id="footer_address_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_address.cancel()">';
-                $buttons_footer_email = '<img id="footer_email_open" class="action_icon" src="assets/edit.svg" onclick="footer_email.open()">
+                $admin_footer_email = '<input type="text" id="footer_email_input" class="hidden" value="' . htmlspecialchars($email ?? '') . '" size="30">
+                    <img id="footer_email_open" class="action_icon" src="assets/edit.svg" onclick="footer_email.open()">
                     <img id="footer_email_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_email.submit()">
                     <img id="footer_email_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_email.cancel()">';
 
-                $buttons_footer_logo = '<img id="footer_logo_open" class="action_icon" src="assets/edit.svg" onclick="footer_logo.open()">
+                $admin_footer_logo = '<input type="file" id="footer_logo_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
+                    <img id="footer_logo_open" class="action_icon" src="assets/edit.svg" onclick="footer_logo.open()">
                     <img id="footer_logo_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_logo.submit()">
                     <img id="footer_logo_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_logo.cancel()">';
 
@@ -81,10 +85,10 @@ class FooterBuilder extends AbstractBuilder
                 }
                 $zone_admin = '<button><a href="' . $url . '">Mode admin</a></button>';
 
-                $buttons_footer_name = '';
-                $buttons_footer_address = '';
-                $buttons_footer_email = '';
-                $buttons_footer_logo = '';
+                $admin_footer_name = '';
+                $admin_footer_address = '';
+                $admin_footer_email = '';
+                $admin_footer_logo = '';
             }
 
             ob_start();
diff --git a/src/view/HeadBuilder.php b/src/view/HeadBuilder.php
index fd7f751..88e69fb 100644
--- a/src/view/HeadBuilder.php
+++ b/src/view/HeadBuilder.php
@@ -36,8 +36,7 @@ class HeadBuilder extends AbstractBuilder
 
             if($_SESSION['admin']){
                 // édition éléments sur toutes les pages (header, footer et favicon)
-                $js .= '<script src="' . self::versionedFileURL('js', 'InputText') . '"></script>' . "\n";
-                $js .= '<script src="' . self::versionedFileURL('js', 'InputFile') . '"></script>' . "\n";
+                $js .= '<script src="' . self::versionedFileURL('js', 'Input') . '"></script>' . "\n";
 
                 // tinymce, nécéssite un script de copie dans composer.json
                 $css .= '<link rel="stylesheet" href="' . self::versionedFileURL('css', 'tinymce') . '">' . "\n";
@@ -50,7 +49,8 @@ class HeadBuilder extends AbstractBuilder
 
             // favicon
             // ?-> est l'opérateur de navigation sécurisée => LOVE!
-            $favicon = Asset::USER_PATH . ($favicon_object = $node->getNodeData()->getAssetByRole('head_favicon'))?->getFileName() ?? '';
+            $favicon_name = ($favicon_object = $node->getNodeData()->getAssetByRole('head_favicon'))?->getFileName();
+            $favicon = $favicon_name ? Asset::USER_PATH . $favicon_name : '';
             $favicon_type = $favicon_object?->getMimeType() ?? '';
 
             ob_start();
diff --git a/src/view/HeaderBuilder.php b/src/view/HeaderBuilder.php
index 1c82368..4651418 100644
--- a/src/view/HeaderBuilder.php
+++ b/src/view/HeaderBuilder.php
@@ -43,8 +43,10 @@ class HeaderBuilder extends AbstractBuilder
             }
 
             // réseaux sociaux + logo dans l'entête
+            // ?-> est l'opérateur de chainage optionnel
             $header_logo = Asset::USER_PATH . $node_data->getAssetByRole('header_logo')?->getFileName() ?? '';
-            $header_background = Asset::USER_PATH . $node_data->getAssetByRole('header_background')?->getFileName() ?? '';
+            $header_background_name = $node_data->getAssetByRole('header_background')?->getFileName();
+            $header_background = $header_background_name ? Asset::USER_PATH . $header_background_name : '';
             
             $keys = array_keys($social);
             $social_networks = '';
@@ -55,39 +57,54 @@ class HeaderBuilder extends AbstractBuilder
             
             // boutons mode admin
             if($_SESSION['admin']){
-                // assets dans classe editing_zone
-                $editing_zone_margin = '5px';
-                $buttons_favicon = '<button id="head_favicon_open" onclick="head_favicon.open()"><img id="head_favicon_img" class="action_icon"> Favicon</button>
-                    <script>document.getElementById(\'head_favicon_img\').src = window.Config.favicon;</script>
+                // assets dans classe header_additional_inputs
+                $admin_favicon = '<input type="file" id="head_favicon_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff, image/x-icon, image/bmp">
+                    <button id="head_favicon_open" onclick="head_favicon.open()"><img id="head_favicon_content" class="action_icon"> Favicon</button>
+                    <script>document.getElementById("head_favicon_content").src = window.Config.favicon;</script>
                     <img id="head_favicon_submit" class="action_icon hidden" src="assets/save.svg" onclick="head_favicon.submit()">
                     <img id="head_favicon_cancel" class="action_icon hidden" src="assets/close.svg" onclick="head_favicon.cancel()">';
-                $buttons_background = '<button id="header_background_open" onclick="header_background.open()"><img id="header_background_img" class="background_button" src="' . $header_background . '"> Image de fond</button>
+                $admin_background = '<input type="file" id="header_background_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
+                    <button id="header_background_open" onclick="header_background.open()"><img id="header_background_content" class="background_button" src="' . $header_background . '"> Image de fond</button>
                     <img id="header_background_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_background.submit()">
                     <img id="header_background_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_background.cancel()">';
 
                 // asset dans classe header_content
-                $buttons_header_logo = '<img id="header_logo_open" class="action_icon" src="assets/edit.svg" onclick="header_logo.open()">
+                $admin_header_logo = '<input type="file" id="header_logo_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
+                    <img id="header_logo_open" class="action_icon" src="assets/edit.svg" onclick="header_logo.open()">
                     <img id="header_logo_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_logo.submit()">
                     <img id="header_logo_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_logo.cancel()">';
                 // texte dans classe header_content
-                $buttons_header_title = '<img id="header_title_open" class="action_icon" src="assets/edit.svg" onclick="header_title.open()">
+                $admin_header_title = '<input type="text" id="header_title_input" class="hidden" value="' . htmlspecialchars($title ?? '') . '" size="30">
+                    <img id="header_title_open" class="action_icon" src="assets/edit.svg" onclick="header_title.open()">
                     <img id="header_title_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_title.submit()">
                     <img id="header_title_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_title.cancel()">';
-                $buttons_header_description = '<img id="header_description_open" class="action_icon" src="assets/edit.svg" onclick="header_description.open()">
+                $admin_header_description = '<input type="text" id="header_description_input" class="hidden" value="' . htmlspecialchars($description ?? '') . '" size="30">
+                    <img id="header_description_open" class="action_icon" src="assets/edit.svg" onclick="header_description.open()">
                     <img id="header_description_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_description.submit()">
                     <img id="header_description_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_description.cancel()">';
 
-                //$buttons_social_networks = '<img class="action_icon" src="assets/edit.svg" onclick="editSocialNetworks()">';
-                $buttons_social_networks = '';
+                // icônes réseaux sociaux
+                $social_networks_inputs = '<div id="header_social_input" class="hidden">';
+                foreach($keys as $one_key){
+                    $social_networks_inputs .= '<div>
+                        <input type="text" placeholder="nom du réseau social">
+                        <input type="text" placeholder="lien https://...">
+                        <input type="file">
+                    </div>';
+                }
+                $social_networks_inputs .= '</div>';
+                /*$admin_social_networks = $social_networks_inputs . '<img id="header_social_open" class="action_icon" src="assets/edit.svg" onclick="header_social.open()">
+                    <div id="header_social_submit" class="hidden"></div>
+                    <img id="header_social_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_social.cancel()">';*/
+                $admin_social_networks = '';
             }
             else{
-                $editing_zone_margin = '0';
-                $buttons_favicon = '';
-                $buttons_background = '';
-                $buttons_header_logo = '';
-                $buttons_header_title = '';
-                $buttons_header_description = '';
-                $buttons_social_networks = '';
+                $admin_favicon = '';
+                $admin_background = '';
+                $admin_header_logo = '';
+                $admin_header_title = '';
+                $admin_header_description = '';
+                $admin_social_networks = '';
             }
             
             ob_start();
diff --git a/src/view/MenuBuilder.php b/src/view/MenuBuilder.php
index 12298cf..8e8b9a9 100644
--- a/src/view/MenuBuilder.php
+++ b/src/view/MenuBuilder.php
@@ -55,32 +55,26 @@ class MenuBuilder extends AbstractBuilder
                 <img class="move_entry_icon" onclick="switchMenuPositions(' . $entry->getId() . ', \'down\')" src="assets/arrow-down.svg">
                 <span class="menu_entry_checkbox">
                     <input type="checkbox" ' . $checked . ' onclick="checkMenuEntry(' . $entry->getId() . ')">
-                </span>
-                <button>' . $entry->getPageName() . '</button>';
+                </span>';
 
-            // seul la modification des URL est possible pour l'instant, les noms des entrées de menu attendront
+            // entrées URL: bouton poubelle + nom du lien + adresse
             if(str_starts_with($entry->getEndOfPath(), 'http')){
                 $this->html .= '<form style="display: inline;" id="delete-i' . $entry->getId() . '" method="post" action="' . new URL(['from' => 'menu_chemins']) . '">
                         <input type="hidden" name="delete" value="' . $entry->getId() . '">
                         <input type="image" class="move_entry_icon" src="assets/delete-bin.svg" alt="delete link button" onclick="return confirm(\'Voulez-vous vraiment supprimer cette entrée?\');">
                     </form>
-                    <span class="url">
+                    <span class="url_name">
+                        <button class="url_name"><input type="" value="' . htmlspecialchars($entry->getPageName()) . '"></button>
+                        <img class="move_entry_icon" src="assets/save.svg" onclick="editUrl(' . $entry->getId() . ', \'url_name\')">
+                    </span>
+                    <span class="url_content">
                         <input type="url" value="' . htmlspecialchars($entry->getEndOfPath()) . '">
-                        <img class="move_entry_icon" src="assets/save.svg" onclick="editUrlEntry(' . $entry->getId() . ')">
+                        <img class="move_entry_icon" src="assets/save.svg" onclick="editUrl(' . $entry->getId() . ', \'url_content\')">
                     </span>';
-
-                // code à recycler pour pouvoir modifier le nom de l'entrée de menu correspondant aux liens
-                /*$this->html .= '<span id="cancel-i' . $entry->getId() . '">
-                        <input type="hidden" name="cancel" value="' . $entry->getId() . '">
-                        <button class="hidden" onclick="cancelUrlEntry(' . $entry->getId() . ')">Annuler</button>
-                    </span>
-                    <span id="submit-i' . $entry->getId() . '">
-                        <input type="hidden" name="submit" value="' . $entry->getId() . '">
-                        <input type="submit" class="hidden" onclick="submitUrlEntry(' . $entry->getId() . ')">
-                    </span>';*/
             }
             else{
-                $this->html .= '<i class="path">' . $entry->getPagePath() . '</i>';
+                $this->html .= '<button>' . $entry->getPageName() . '</button>
+                    <i class="path">' . $entry->getPagePath() . '</i>';
             }
             
             if(count($entry->getChildren()) > 0){
diff --git a/src/view/templates/footer.php b/src/view/templates/footer.php
index 4db38ae..0bc85f5 100644
--- a/src/view/templates/footer.php
+++ b/src/view/templates/footer.php
@@ -4,25 +4,21 @@
                 <div class="data">
                     <div class="contact">
                         <div id="footer_name">
-                            <span id="footer_name_span"><?= htmlspecialchars($name ?? '') ?></span>
-                            <input type="text" id="footer_name_input" class="hidden" value="<?= htmlspecialchars($name ?? '') ?>" size="30">
-                            <?= $buttons_footer_name ?>
+                            <span id="footer_name_content"><?= htmlspecialchars($name ?? '') ?></span>
+                            <?= $admin_footer_name ?>
                         </div>
                         <div id="footer_address">
-                            <span id="footer_address_span"><?= htmlspecialchars($address ?? '') ?></span>
-                            <input type="text" id="footer_address_input" class="hidden" value="<?= htmlspecialchars($address ?? '') ?>" size="30">
-                            <?= $buttons_footer_address ?>
+                            <span id="footer_address_content"><?= htmlspecialchars($address ?? '') ?></span>
+                            <?= $admin_footer_address ?>
                         </div>
                         <div id="footer_email">
-                            <a href="mailto:<?= $email ?>"><span id="footer_email_span"><?= htmlspecialchars($email ?? '') ?></span></a>
-                            <input type="text" id="footer_email_input" class="hidden" value="<?= htmlspecialchars($email ?? '') ?>" size="30">
-                            <?= $buttons_footer_email ?>
+                            <a id="footer_email_content" href="mailto:<?= $email ?>"><?= htmlspecialchars($email ?? '') ?></a>
+                            <?= $admin_footer_email ?>
                         </div>
                     </div>
                     <div id="footer_logo">
-                        <a href="<?= new URL ?>"><img id="footer_logo_img" src="<?= $footer_logo ?? '' ?>" alt="logo_alt"></a>
-                        <input type="file" id="footer_logo_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
-                        <?= $buttons_footer_logo ?>
+                        <a href="<?= new URL ?>"><img id="footer_logo_content" src="<?= $footer_logo ?? '' ?>" alt="logo_alt"></a>
+                        <?= $admin_footer_logo ?>
                     </div>
 <?php if($_SESSION['admin']){ ?>
                     <script>
diff --git a/src/view/templates/header.php b/src/view/templates/header.php
index ac8af7f..9c74f9b 100644
--- a/src/view/templates/header.php
+++ b/src/view/templates/header.php
@@ -5,54 +5,52 @@
             <div id="nav_zone">
                 <?= $nav ?>
             </div>
-            <div class="editing_zone">
-                <div id="head_favicon" style="margin: <?= $editing_zone_margin ?>;">
-                    <input type="file" id="head_favicon_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff, image/x-icon, image/bmp">
-                    <?= $buttons_favicon ?>
+            <div class="header_additional_inputs">
+                <div id="head_favicon">
+                    <?= $admin_favicon ?>
                 </div>
                 <div id="header_background">
-                    <input type="file" id="header_background_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
-                    <?= $buttons_background ?>
+                    <?= $admin_background ?>
                 </div>
             </div>
             <div class="header_content">
                 <div class="header_left_col">
                     <div id="header_logo">
-                        <a href="<?= new URL ?>"><img id="header_logo_img" src="<?= $header_logo ?? '' ?>" alt="header_logo"></a>
-                        <input type="file" id="header_logo_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
-                        <?= $buttons_header_logo ?>
+                        <a href="<?= new URL ?>"><img id="header_logo_content" src="<?= $header_logo ?? '' ?>" alt="header_logo"></a>
+                        <?= $admin_header_logo ?>
                     </div>
                 </div>
                 <div class="nav_button">
                     <button>MENU</button>
                 </div>
-                <div class="site_title">
+                <div class="header_center_col">
                     <h1 id="header_title">
-                        <a href="<?= new URL ?>"><span id="header_title_span"><?= htmlspecialchars($title ?? '') ?></span></a>
-                        <input type="text" id="header_title_input" class="hidden" value="<?= htmlspecialchars($title ?? '') ?>" size="30">
-                        <?= $buttons_header_title ?>
+                        <a id="header_title_content" href="<?= new URL ?>"><?= htmlspecialchars($title ?? '') ?></a>
+                        <?= $admin_header_title ?>
                     </h1>
                     <h2 id="header_description">
-                        <span id="header_description_span"><?= htmlspecialchars($description ?? '') ?></span>
-                        <input type="text" id="header_description_input" class="hidden" value="<?= htmlspecialchars($description ?? '') ?>" size="30">
-                        <?= $buttons_header_description ?>
+                        <span id="header_description_content"><?= htmlspecialchars($description ?? '') ?></span>
+                        <?= $admin_header_description ?>
                     </h2>
                 </div>
                 <div class="header_right_col">
-                    <div class="social">
-                        <?= $social_networks ?>
-                        <?= $buttons_social_networks ?>
+                    <div id="header_social">
+                        <div id="header_social_content">
+                            <?= $social_networks ?>
+                        </div>
+                        <?= $admin_social_networks ?>
                     </div>
                     <?= $breadcrumb ?? '' ?>
                 </div>
             </div>
 <?php if($_SESSION['admin']){ ?>
             <script>
-                let head_favicon = new InputFile('head_favicon');
-                let header_background = new InputFile('header_background');
+                let head_favicon = new InputFileFavicon('head_favicon');
+                let header_background = new InputFileHeaderBackground('header_background');
                 let header_logo = new InputFile('header_logo');
                 let header_title = new InputText('header_title');
                 let header_description = new InputText('header_description');
+                let header_social = new InputToggler('header_social');
             </script>
 <?php } ?>
         </header>
\ No newline at end of file