setup for stoic settings, changes in legal pages to use core's store details and contact page to show contact info next to form

2026-09-28 17:09:08 +03:00
parent 4634e14924
commit ca362f81c8
22 changed files with 489 additions and 102 deletions
@@ -0,0 +1,45 @@
+{{--
+    Store address and phone from Lunar's Store Details (Modules\Core\Store),
+    email from CONTACT_EMAIL until Store Details has an email field too.
+    Each line is left out when its value is empty.
+--}}
+@props([
+    'store' => null,
+    'email' => null,
+])
+
+@php
+    $address = $store?->translate('address');
+    $phone = $store?->phone;
+@endphp
+
+@if (filled($address) || filled($phone) || filled($email))
+    <address {{ $attributes->merge(['class' => 'not-italic']) }}>
+        <dl class="flex flex-col gap-10">
+            @if (filled($address))
+                <div class="flex flex-col gap-1">
+                    <dt class="font-display text-sm font-semibold uppercase">{{ __('storefront.contact.address') }}</dt>
+                    <dd class="font-display text-h4 font-semibold leading-tight">{{ $address }}</dd>
+                </div>
+            @endif
+
+            @if (filled($phone))
+                <div class="flex flex-col gap-1">
+                    <dt class="font-display text-sm font-semibold uppercase">{{ __('storefront.contact.phone') }}</dt>
+                    <dd class="font-display text-h4 font-semibold leading-tight">
+                        <a href="tel:{{ preg_replace('/[^\d+]/', '', $phone) }}" class="underline-slide [--slide-h:1px] pb-0">{{ $phone }}</a>
+                    </dd>
+                </div>
+            @endif
+
+            @if (filled($email))
+                <div class="flex flex-col gap-1">
+                    <dt class="font-display text-sm font-semibold uppercase">Email</dt>
+                    <dd class="font-display text-h4 font-semibold leading-tight break-all">
+                        <a href="mailto:{{ $email }}" class="underline-slide [--slide-h:1px] pb-0">{{ $email }}</a>
+                    </dd>
+                </div>
+            @endif
+        </dl>
+    </address>
+@endif
@@ -26,29 +26,20 @@
            </div>
         </div>

-        {{-- Social media --}}
-        <nav aria-label="Social media">
-            <ul class="flex items-center gap-4">
-                <li>
-                    <a href="#" aria-label="Facebook" class="hover:text-brand">
-                        <x-ui.icon name="facebook" :size="22" color="text-neutral-300" />
-                        {{-- <span class="leading-none text-[22px] font-extrabold italic group-hover:underline">FB.</span> --}}
-                    </a>
-                </li>
-                <li>
-                    <a href="#" aria-label="Instagram" class="hover:text-brand">
-                        <x-ui.icon name="instagram" :size="22" />
-                        {{-- <span class="leading-none text-[22px] font-extrabold italic group-hover:underline">IG.</span> --}}
-                    </a>
-                </li>
-                <li>
-                    <a href="#" aria-label="TikTok" class="hover:text-brand">
-                        <x-ui.icon name="tiktok" :size="22" />
-                        {{-- <span class="leading-none text-[22px] font-extrabold italic group-hover:underline">TT.</span> --}}
-                    </a>
-                </li>
-            </ul>
-        </nav>
+        {{-- Social media — URLs from Stoic (settings.md); empty ones are hidden. --}}
+        @if ($stoicSettings->socialLinks())
+            <nav aria-label="Social media">
+                <ul class="flex items-center gap-4">
+                    @foreach ($stoicSettings->socialLinks() as $social)
+                        <li>
+                            <a href="{{ $social['url'] }}" aria-label="{{ $social['label'] }}" class="hover:text-brand">
+                                <x-ui.icon :name="$social['icon']" :size="22" />
+                            </a>
+                        </li>
+                    @endforeach
+                </ul>
+            </nav>
+        @endif

        {{-- Copyright --}}
        <div class="flex items-center gap-2">