@php
$totalBox = $totalBox ?? 3;
$gridClass = match ((int) $totalBox) {
    4 => 'col-sm-3',
    default => 'col-sm-4',
};
$style = "height:24vw";
if($totalBox == 3) $style = "height:30vw";
@endphp
<div class="rl-invite-sec sec-py">
    <div class="container">
        @if(@$metaArr['invite_title'] || @$metaArr['invite_description'])
        <div class="row mb-5">
            <div class="col-lg-8 mx-auto text-center">
                @if(@$metaArr['invite_title'])
                <div class="sec-title">
                    <h2>{!! @$metaArr['invite_title'] !!}</h2>
                </div>
                @endif
                @if(@$metaArr['invite_description'])
                <p class="sec-title-para mb-0">
                    {!! @$metaArr['invite_description'] !!}
                </p>
                @endif
            </div>
        </div>
        @endif
        <div class="row gx-xl-5">
            @for($i=1;$i<=$totalBox;$i++)
            @if(@$metaArr['invite_img'.$i])
            <div class="{!! $gridClass !!} Col mb-sm-0 mb-4">
                <a href="{!! @$metaArr['invite_img'.$i.'_link'] ?? 'javascript:void(0)' !!}" class="invite-img" @if(@$metaArr['invite_img'.$i.'_link'] && @$metaArr['invite_img'.$i.'_link_open_in_new_tab']) target="_blank" @endif style="{!! $style !!}">
                    <img src="{!! getCmsFileUrl(@$metaArr['invite_img'.$i]) !!}" class="img-fluid" alt="{!! removeTagsFromAltText(@$metaArr['invite_img'.$i.'_alt']) !!}">
                </a>
            </div>
            @endif
            @endfor
        </div>
    </div>
</div>