@php
    $icon = "/img/templates_v2/{$templateName}/camera.svg";
    $videoHeader = $_videoHeader ?? 'Título del Video';
    $videoText = $_videoText ?? 'Subtítulo o pequeña descripción del video.';
@endphp
<section id="video">
    @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="formaTop">
        <div class="position-relative">
            <span class="formaUno"></span>
            <span class="formaDos"></span>
            <span class="formaTres"></span>
        </div>
    </div>
    <div class="container">
        <div class="icon">
            <img src="{{ asset($icon) }}" alt="" />
        </div>
        <div class="title">{{ $videoHeader }}</div>
        <div class="text">{{ $videoText }}</div>
        <div class="ratio ratio-16x9">
            <video autoplay muted playsinline width="100%" height="100%" controls>
                @isset($_videoSummary)
                    <source src='{{Storage::url($_videoSummary)}}' type="video/mp4">
                @else
                    <source src="{{ asset('img/templates/video-quinces.mp4') }}" type="video/mp4">
                @endif
            </video>
        </div>
    </div>
    <div class="formaDown">
        <div class="position-relative">
            <span class="formaUno"></span>
            <span class="formaDos"></span>
            <span class="formaTres"></span>
        </div>
    </div>
</section>