@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 mis quinces! Te espero';
    $instagramProfileBackgroundUrl = $_instagramProfileBackgroundUrl ?? asset('img/templates/glam/profile.jpg');
@endphp
<section id="instagram-cumple">
    <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">@Rocio</div>

            <a href="#" class="btn btn-ig">IR A INSTAGRAM</a>
        </div>
        @endforelse
    </div>
</section>