wip

Author: StanBarrows

resources/views/layouts/_partials/_navigation.blade.php

@@ -1,31 +1,46 @@
 <nav class="mt-12 text-xl md:text-2xl" x-data="navigation">
-
-    <div class="flex justify-center md:justify-start">
+    {{-- Logo & Language Switcher --}}
+    <div class="flex justify-between items-center">
         <a href="{{ localized_route('start.index') }}" title="Start page" class="group inline-block">
             <x-logo-paperflakes/>
         </a>
+
+        @if(!empty($locales))
+            <div class="hidden lg:flex gap-2 text-lg items-center">
+                @foreach($locales as $language)
+                    <form method="POST" action="{{ route('language.update') }}">
+                        @csrf
+                        <input type="hidden" name="language" value="{{ $language->value }}">
+                        <button type="submit" class="hover:text-black hover:font-semibold transition cursor-pointer"
+                                title="{{ __('Update to :lang language', ['lang' => $language->getLabel()]) }}">
+                            {{ $language->getLabel() }}
+                        </button>
+                    </form>
+                    @if (!$loop->last)
+                        <span class="text-gray-400 font-light">|</span>
+                    @endif
+                @endforeach
+            </div>
+        @endif
     </div>
 
+    {{-- Navigation & mobile toggle --}}
     <div class="mt-2 flex items-center justify-between">
-
         @include('layouts._partials._navigation_desktop')
 
         <button @click="toggle"
                 class="flex items-center gap-1 lg:hidden hover:text-black hover:font-semibold transition focus:outline-none mx-auto">
             <span>{{ __('Menu') }}</span>
 
             <div class="transition-transform duration-300 ease-in-out" x-bind:class="icon_rotate">
-
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6">
                     <path fill-rule="evenodd"
                           d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z"
                           clip-rule="evenodd"/>
                 </svg>
             </div>
         </button>
-
     </div>
 
     @include('layouts._partials._navigation_mobile')
-
 </nav>

resources/views/layouts/_partials/_navigation_desktop.blade.php

@@ -1,8 +1,6 @@
 @php use App\Enums\LocaleEnum; @endphp
 
 <div class="hidden lg:flex justify-between w-full">
-
-    {{-- Left-aligned primary navigation --}}
     <div class="flex gap-2">
 
         <x-a :href="localized_route('start.index')" label="{{ __('News') }}"
@@ -29,24 +27,4 @@ classAttributes="text-xl md:text-2xl"/>
              classAttributes="text-xl md:text-2xl"/>
 
     </div>
-
-    <!-- Language -->
-    @if(!empty($locales))
-        <div class="flex gap-2 text-lg items-center">
-            @foreach($locales as $language)
-                <form method="POST" action="{{ route('language.update') }}">
-                    @csrf
-                    <input type="hidden" name="language" value="{{ $language->value }}">
-                    <button type="submit" class="hover:text-black hover:font-semibold transition cursor-pointer"
-                            title="{{ __('Update to :lang language', ['lang' => $language->getLabel()]) }}">
-                        {{ $language->getLabel() }}
-                    </button>
-                </form>
-                @if (!$loop->last)
-                    <span class="text-gray-400 font-light">|</span>
-                @endif
-            @endforeach
-        </div>
-    @endif
-
 </div>