@props(['text'])

@php
    $lines = preg_split("/\r\n|\n|\r/", (string) $text) ?: [];
    $blocks = [];
    $currentList = [];

    $flushList = function () use (&$blocks, &$currentList): void {
        if ($currentList !== []) {
            $blocks[] = ['type' => 'list', 'items' => $currentList];
            $currentList = [];
        }
    };

    foreach ($lines as $line) {
        $trimmed = trim($line);

        if ($trimmed === '') {
            $flushList();
            continue;
        }

        if (preg_match('/^[•\-\x{2013}\*]\s*(.+)$/u', $trimmed, $m)) {
            $currentList[] = $m[1];
            continue;
        }

        if (preg_match('/^\d+[\.\)]\s+(.+)$/u', $trimmed, $m)) {
            $currentList[] = $m[1];
            continue;
        }

        $flushList();
        $blocks[] = ['type' => 'p', 'text' => $trimmed];
    }

    $flushList();
@endphp

<div {{ $attributes->merge(['class' => 'mt-4 space-y-3 break-words text-sm leading-relaxed text-ink-soft']) }}>
    @foreach ($blocks as $block)
        @if ($block['type'] === 'p')
            <p class="break-words">{{ $block['text'] }}</p>
        @else
            <ul class="space-y-1.5">
                @foreach ($block['items'] as $item)
                    <li class="flex items-start gap-2">
                        <svg class="mt-1 h-3.5 w-3.5 shrink-0 text-brand" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                            <path d="M5 12h14"/>
                            <path d="m13 6 6 6-6 6"/>
                        </svg>
                        <span class="min-w-0 flex-1 break-words">{{ $item }}</span>
                    </li>
                @endforeach
            </ul>
        @endif
    @endforeach
</div>