From c84dd9edb25f3e90c36d62dc12e6283fa652e8f3 Mon Sep 17 00:00:00 2001
From: antoine <antoine.guingand@wanadoo.fr>
Date: Wed, 8 Dec 2021 18:50:26 +0100
Subject: [PATCH] Handle logout submit button

---
 resources/lang/back/en/menu.php           |  4 ++--
 resources/lang/back/fr/menu.php           |  4 ++--
 resources/views/components/menu.blade.php | 10 ++++++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/resources/lang/back/en/menu.php b/resources/lang/back/en/menu.php
index 14a3bf8de..40b93a370 100644
--- a/resources/lang/back/en/menu.php
+++ b/resources/lang/back/en/menu.php
@@ -3,6 +3,6 @@
 return [
 
     'dashboard' => 'Dashboard',
-    'no-dashboard-message' => "Welcome to Sharp!"
-
+    'no-dashboard-message' => "Welcome to Sharp!",
+    'logout_label' => 'Logout',
 ];
diff --git a/resources/lang/back/fr/menu.php b/resources/lang/back/fr/menu.php
index daf6b94cf..fd629265f 100644
--- a/resources/lang/back/fr/menu.php
+++ b/resources/lang/back/fr/menu.php
@@ -3,6 +3,6 @@
 return [
 
     'dashboard' => 'Tableau de bord',
-    'no-dashboard-message' => "Bienvenue dans Sharp !"
-
+    'no-dashboard-message' => "Bienvenue dans Sharp !",
+    'logout_label' => 'Se déconnecter',
 ];
diff --git a/resources/views/components/menu.blade.php b/resources/views/components/menu.blade.php
index 10431ca2f..a2a118cac 100644
--- a/resources/views/components/menu.blade.php
+++ b/resources/views/components/menu.blade.php
@@ -20,14 +20,20 @@ class="SharpLeftNav"
     </template>
     <ul role="menubar" class="SharpLeftNav__list" aria-hidden="false" v-cloak>
         <sharp-nav-item disabled>
-            <div class="row gx-2 flex-nowrap">
+            <div class="row align-items-center flex-nowrap gx-2">
                 <div class="col" style="min-width: 0">
                     <div class="text-truncate" title="{{ $username }}">
                         {{ $username }}
                     </div>
                 </div>
                 <div class="col-auto">
-                    <a href="{{ route('code16.sharp.logout') }}"> <sharp-item-visual :item="{ icon:'fas fa-sign-out-alt' }" icon-class="fa-fw"></sharp-item-visual></a>
+                    <form action="{{ route('code16.sharp.logout') }}" method="post">
+                        @csrf
+                        <button class="btn btn-link p-2 m-n2 lh-1 d-block" type="submit">
+                            <span class="visually-hidden">{{ __('sharp::menu.logout_label') }}</span>
+                            <i class="fas fa-fw fa-sign-out-alt"></i>
+                        </button>
+                    </form>
                 </div>
             </div>
         </sharp-nav-item>