@php
    $contactEmail = $settings->contact_email;
    $contactPhone = $settings->contact_phone;
    $whatsappDisplay = '00963994806517';
    $whatsappDigits = '963994806517';
    $locale = app()->getLocale();
    $defaultAboutText = data_get(\App\Models\SiteSetting::defaultAttributes(), "about_text_translations.$locale", __('messages.about_platform_description'));
    $aboutText = trim($siteAboutText !== '' ? $siteAboutText : $defaultAboutText);
    $legalText = trim($siteLegalNotice !== '' ? $siteLegalNotice : __('messages.legal_notice_description'));

    $parseStructuredText = static function (string $text): array {
        $paragraphs = [];
        $bullets = [];

        $lines = preg_split('/\R/u', $text) ?: [];
        foreach ($lines as $line) {
            $line = trim((string) $line);
            if ($line === '') {
                continue;
            }

            if (preg_match('/^[-*•]\s+/u', $line) === 1) {
                $bullets[] = trim((string) preg_replace('/^[-*•]\s+/u', '', $line));
                continue;
            }

            $paragraphs[] = $line;
        }

        return [
            'paragraphs' => $paragraphs,
            'bullets' => $bullets,
        ];
    };

    $aboutParsed = $parseStructuredText($aboutText);
    $legalParsed = $parseStructuredText($legalText);
@endphp

<x-layouts.public :title="__('messages.about')">
    <div class="px-4 sm:px-6 lg:px-8">
        <article class="theme-card overflow-hidden">
            <header class="theme-gradient px-6 py-7 sm:px-8">
                <h1 class="text-3xl font-bold">{{ __('messages.about') }}</h1>
                <p class="mt-2 text-sm sm:text-base opacity-90">{{ __('messages.project_subtitle') }}</p>
            </header>

            <div class="p-6 sm:p-8 space-y-6">
                <section class="theme-surface-panel p-5">
                    <h2 class="text-xl font-semibold">{{ __('messages.about_platform_title') }}</h2>
                    <div class="mt-3 space-y-3 text-[var(--theme-muted)] leading-7">
                        @foreach ($aboutParsed['paragraphs'] as $paragraph)
                            <p>{{ $paragraph }}</p>
                        @endforeach
                    </div>
                </section>

                @if ($aboutParsed['bullets'] !== [])
                    <section class="theme-surface-panel p-5">
                        <h2 class="text-xl font-semibold">{{ __('messages.about_features_title') }}</h2>
                        <ul class="mt-3 space-y-2.5 text-[var(--theme-muted)]">
                            @foreach ($aboutParsed['bullets'] as $bullet)
                                <li class="flex items-start gap-2">
                                    <span class="mt-2 h-2 w-2 rounded-full theme-dot-brand"></span>
                                    <span>{{ $bullet }}</span>
                                </li>
                            @endforeach
                        </ul>
                    </section>
                @endif

                <section class="theme-surface-panel p-5">
                    <h2 class="text-xl font-semibold">{{ __('messages.legal_notice') }}</h2>
                    <div class="mt-3 space-y-3 text-[var(--theme-muted)] leading-7">
                        @foreach ($legalParsed['paragraphs'] as $paragraph)
                            <p>{{ $paragraph }}</p>
                        @endforeach
                    </div>
                    @if ($legalParsed['bullets'] !== [])
                        <ul class="mt-3 space-y-2 text-[var(--theme-muted)]">
                            @foreach ($legalParsed['bullets'] as $bullet)
                                <li class="flex items-start gap-2">
                                    <span class="mt-2 h-2 w-2 rounded-full theme-dot-brand"></span>
                                    <span>{{ $bullet }}</span>
                                </li>
                            @endforeach
                        </ul>
                    @endif
                </section>

                <section class="theme-surface-panel p-5">
                    <h2 class="text-xl font-semibold">{{ __('messages.contact') }}</h2>
                    <div class="mt-3 space-y-2.5 text-[var(--theme-muted)]">
                        @if ($contactEmail)
                            <p>{{ __('messages.contact_email') }}: <a class="underline" href="mailto:{{ $contactEmail }}">{{ $contactEmail }}</a></p>
                        @endif
                        @if ($contactPhone)
                            <p>{{ __('messages.contact_phone') }}: {{ $contactPhone }}</p>
                        @endif
                        @if ($whatsappDigits !== '')
                            <a href="https://wa.me/{{ $whatsappDigits }}" class="theme-btn-primary inline-flex">
                                WhatsApp {{ $whatsappDisplay }}
                            </a>
                        @endif
                    </div>
                </section>
            </div>
        </article>
    </div>
</x-layouts.public>