@php
    $headerTitle = $_title ?? 'Título';
    $headerSubtitle = $_subtitle ?? '¡Subtítulo!';
    $bg = isset($_backgroundImage) ? Storage::url($_backgroundImage) : asset("/img/templates_v2/{$templateName}/cover.jpg");
    $eventdate = $invitation->event_date ?? now();
@endphp
<div class="containerBg portada" id="welcome">
        <section class="bg-img" style="background-image: url('{{ $bg }}');"></section>
        @if (in_array(strtolower($invitation->template->name), ['graduation classic', 'classic']))
            <div class="decorative-slot decorative-slot-1"><img alt="decorative" loading="lazy"></div>
            <div class="decorative-slot decorative-slot-2"><img alt="decorative" loading="lazy"></div>
            <div class="decorative-slot decorative-slot-3"><img alt="decorative" loading="lazy"></div>
            <div class="decorative-slot decorative-slot-4"><img alt="decorative" loading="lazy"></div>
            <div class="decorative-slot decorative-slot-5"><img alt="decorative" loading="lazy"></div>
            <div class="decorative-slot decorative-slot-6"><img alt="decorative" loading="lazy"></div>
            <div class="decorative-slot decorative-slot-7"><img alt="decorative" loading="lazy"></div>
            <div class="decorative-slot decorative-slot-8"><img alt="decorative" loading="lazy"></div>
        @endif
        <div class="">
            <div class="formas"></div>
            <h1 class="nombre notranslate">
                {{ $headerTitle }}
            </h1>
            <h2 class="edad">
                {{ $headerSubtitle }}
            </h2>
            <!-- <h3 class="tercera-linea">{ $subtitle }</h3> -->
            <div class="fecha">
                {{ $eventdate->format('d.m.Y') }}
            </div>
        </div>
</div>