@php
    $formatBooleanValue = fn($val) => in_array($val, ['1', 'true', true], true) ? 'Yes' : 'No';

    $formatString = function ($value) {
        // convert \n to <br> for text area, and skip html special char.
        $value = nl2br(e($value));
        // check for urls and embed anchor tag
        if (str_starts_with($value, 'http')) {
            return "<a href='{{ $value }}'  style='text-decoration: none; color: inherit; margin-right: 20px;'> $value </a>";
        } else {
            return $value;
        }
    };
@endphp

<div style="font-family: sans-serif">
    <div style="margin-bottom: 30px;border-bottom: 1px solid #ccc; display: flex; justify-content: space-between;">
        <p>{{ $submission->name ?? $submission->uuid }}</p>
        <p>{{ $submission->created_at }}</p>
    </div>

    @foreach ($questions as $questionTitle => $answer)
        <div style="margin-bottom: 30px;">
            <h3>{{ $questionTitle }}</h3>

            @php
                $value = is_string($answer?->rawValues) ? $formatString($answer?->rawValues) : $answer?->rawValues;
            @endphp

            <table style="width: 100%; border-collapse: collapse; margin-top: 10px;">
                @if ($answer?->formElement->type == 'boolean')
                    <tr>
                        <td style="border: 1px solid #ddd; padding: 8px; font-weight: bold; width: 200px;">
                            {{ $questionTitle }}
                        </td>
                        <td style="border: 1px solid #ddd; padding: 8px;">
                            {!! $formatBooleanValue($value) !!}
                        </td>
                    </tr>
                @elseif($answer?->formElement->type === 'file')
                    @foreach ($value as $file)
                        <a href="{{ $file['content'] }}"
                            style="text-decoration: none; color: inherit; margin-right: 20px;">
                            {{ $file['name'] }}
                        </a>
                    @endforeach
                @elseif($answer?->formElement->type === 'multipletext')
                    @foreach ($value as $key => $text)
                        <tr>
                            <td style="border: 1px solid #ddd; padding: 8px; font-weight: bold; width: 200px;">
                                {{ $key }}</td>
                            <td style="border: 1px solid #ddd; padding: 8px;">{!! $text !!}</td>
                        </tr>
                    @endforeach
                @elseif(is_array($value))
                    <tr>
                        <td style="border: 1px solid #ddd; padding: 8px; font-weight: bold; width: 200px;">
                            {{ $questionTitle }}
                        </td>
                        <td style="border: 1px solid #ddd; padding: 8px;">
                            {{ implode(', ', $value) }}
                        </td>
                    </tr>
                @else
                    <tr>
                        <td style="border: 1px solid #ddd; padding: 8px; font-weight: bold; width: 200px;">
                            {{ $questionTitle }}
                        </td>
                        <td style="border: 1px solid #ddd; padding: 8px;">
                            {!! $value !!}
                        </td>
                    </tr>
                @endif
            </table>
        </div>
    @endforeach
</div>