@php
    $icon = "/img/templates_v2/{$templateName}/icon-instagram.svg";
    $image = "/img/templates_v2/{$templateName}/ig.jpg";
    $instagramProfileDescription = $_instagramProfileDescription ?? ' ¡Sígueme para mantenerte al día con todos los detalles de mi fiesta! Te espero.';
    $instagramProfileBackgroundUrl = $_instagramProfileBackgroundUrl ?? asset('img/templates/glam/profile.jpg');
@endphp
<section id="instagram-cumple">
    @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="container">
        <div class="icon">
            <img src="{{ asset($icon) }}" alt="" />
        </div>
        <h3 class="title">Únete a la Celebración</h3>
        <p class="text">{{ $instagramProfileDescription }}</p>
        @forelse ($instagramProfiles as $instagramProfile)
        <div class="bg" @if($loop->index > 0)
            style="margin-top: 180px"
            @endif>
            <img alt="" width="190" height="190" class="img-fluid rounded-pill border-gold border " src="{{ array_key_exists('instagramProfileImage', $instagramProfile) ? Storage::url($instagramProfile['instagramProfileImage']) : $instagramProfileBackgroundUrl }}" loading="lazy"/>

            <div class="profile-name notranslate">{{array_key_exists('instagramProfileName', $instagramProfile) ? '@'.$instagramProfile['instagramProfileName'] : '@NULL'}}</div>

            <a href="https://instagram.com/{{array_key_exists('instagramProfileName', $instagramProfile) ? $instagramProfile['instagramProfileName'] : ''}}" class="btn btn-ig" target="__blank">Ir a Instagram</a>
        </div>
        @empty
        <div class="bg">
            <img alt="" width="190" height="190" class="img-fluid rounded-pill border-gold border " src="{{ asset($image) }}" loading="lazy"/>

            <div class="profile-name notranslate">@PerfilDeInstagram</div>

            <a href="#" class="btn btn-ig">Ir a Instagram</a>
        </div>
        @endforelse
    </div>
</section>