From ec2964608e3ac3d1f46fee060fa8e9777abc6e72 Mon Sep 17 00:00:00 2001
From: HolgerHatGarKeineNode <fsociety.mkv@pm.me>
Date: Fri, 21 Nov 2025 20:04:58 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=90=20Add=20language=20selection=20acc?=
 =?UTF-8?q?ordion=20to=20welcome=20and=20login=20pages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lang/es.json                                  |  1 +
 .../einundzwanzig/language-selector.blade.php | 44 +++++++++++++++++++
 resources/views/livewire/auth/login.blade.php |  2 +
 resources/views/livewire/welcome.blade.php    |  3 ++
 4 files changed, 50 insertions(+)
 create mode 100644 resources/views/components/einundzwanzig/language-selector.blade.php

diff --git a/lang/es.json b/lang/es.json
index d19e17f..7c31d1b 100644
--- a/lang/es.json
+++ b/lang/es.json
@@ -381,3 +381,4 @@
     "Lokale Buchausleihe für Bitcoin-Meetups.": "Préstamo local de libros para encuentros Bitcoin.",
     "Bitcoin - Rabbit Hole": "Bitcoin - La Madriguera del Conejo",
     "Dies ist ein großartiger Überblick über die Bitcoin-Kaninchenhöhle mit Zugängen zu Bereichen, die Bitcoin umfasst. Jedes Thema hat seine eigene Kaninchenhöhle, die durch Infografiken auf einfache und verständliche Weise visualisiert wird, mit QR-Codes, die zu erklärenden Videos und Artikeln führen. Viel Spaß auf Ihrer Entdeckungsreise!": "Esta es una excelente visión general de la madriguera del conejo de Bitcoin con acceso a áreas que abarca Bitcoin. Cada tema tiene su propia madriguera, que se visualiza de manera simple y comprensible a través de infografías, con códigos QR que conducen a videos y artículos explicativos. ¡Disfruta tu viaje de descubrimiento!"
+}
diff --git a/resources/views/components/einundzwanzig/language-selector.blade.php b/resources/views/components/einundzwanzig/language-selector.blade.php
new file mode 100644
index 0000000..71faf10
--- /dev/null
+++ b/resources/views/components/einundzwanzig/language-selector.blade.php
@@ -0,0 +1,44 @@
+<div class="mt-8">
+    <flux:accordion>
+        <flux:accordion.item>
+            <flux:accordion.heading>
+                <div class="flex items-center gap-2">
+                    <flux:icon.language class="w-5 h-5" />
+                    {{ __('Sprache wählen') }}
+                </div>
+            </flux:accordion.heading>
+
+            <flux:accordion.content>
+                @php
+                    $languages = [
+                        'de' => ['name' => 'Deutsch', 'countries' => ['de-DE', 'de-AT', 'de-CH']],
+                        'en' => ['name' => 'English', 'countries' => ['en-GB', 'en-US', 'en-AU', 'en-CA']],
+                        'es' => ['name' => 'Español', 'countries' => ['es-ES', 'es-CL', 'es-CO']],
+                    ];
+                    $currentLangCountry = session('lang_country', config('lang-country.fallback'));
+                @endphp
+
+                <div class="grid grid-cols-2 gap-3 mt-2">
+                    @foreach($languages as $langCode => $langData)
+                        @foreach($langData['countries'] as $langCountry)
+                            @php
+                                [$lang, $countryCode] = explode('-', $langCountry);
+                                $isActive = $currentLangCountry === $langCountry;
+                            @endphp
+                            <a href="{{ route('lang_country.switch', ['lang_country' => $langCountry]) }}"
+                               class="flex flex-col items-center justify-center p-3 border rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors {{ $isActive ? 'border-blue-500 bg-blue-50 dark:bg-blue-950' : 'border-zinc-200 dark:border-zinc-700' }}">
+                                <img
+                                    alt="{{ strtolower($countryCode) }}"
+                                    src="{{ asset('vendor/blade-flags/country-'.strtolower($countryCode).'.svg') }}"
+                                    class="w-10 h-7 mb-1 object-cover"
+                                />
+                                <span class="text-xs font-medium">{{ $langData['name'] }}</span>
+                                <span class="text-[10px] text-zinc-500">{{ strtoupper($countryCode) }}</span>
+                            </a>
+                        @endforeach
+                    @endforeach
+                </div>
+            </flux:accordion.content>
+        </flux:accordion.item>
+    </flux:accordion>
+</div>
diff --git a/resources/views/livewire/auth/login.blade.php b/resources/views/livewire/auth/login.blade.php
index 94b5b82..ca8fa8d 100644
--- a/resources/views/livewire/auth/login.blade.php
+++ b/resources/views/livewire/auth/login.blade.php
@@ -200,6 +200,8 @@ class extends Component {
                     First time around here? <flux:link href="{{ route('register') }}" wire:navigate>Sign up for free</flux:link>
                 </flux:subheading>
             @endif--}}
+            <!-- Language Selection Accordion -->
+            <x-einundzwanzig.language-selector/>
         </div>
     </div>
 
diff --git a/resources/views/livewire/welcome.blade.php b/resources/views/livewire/welcome.blade.php
index 690939a..30401c6 100644
--- a/resources/views/livewire/welcome.blade.php
+++ b/resources/views/livewire/welcome.blade.php
@@ -57,6 +57,9 @@ class extends Component {
                     {{ __('Login') }}
                 </flux:button>
             </div>
+
+            <!-- Language Selection Accordion -->
+            <x-einundzwanzig.language-selector/>
         </div>
     </div>