@if(isset($announcement_messages) && count($announcement_messages) > 0)
<div class="announcement-bar bg_brown">
    <div class="container-full">
        <div class="row justify-content-center">
            <div class="col-xl-8 col-md-8 col-12 text-center wrap-announcement-bar-2">
                <div dir="ltr" class="swiper tf-sw-top_bar swiper-initialized swiper-horizontal swiper-pointer-events swiper-backface-hidden" data-preview="{{ count($announcement_messages) == 1? 0: 1}}" data-space="0" data-loop="true" data-speed="1000" data-delay="2000">
                    <div class="swiper-wrapper">
                        @foreach($announcement_messages as $message)
                            <div class="swiper-slide">
                                <p class="noti-bar-text text-white fw-5">{!! $message !!}</p>
                            </div>
                        @endforeach
                    </div>

                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
                </div>
                <div class="navigation-topbar nav-next-topbar" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-fad858c2fbeddc25"><span class="icon icon-arrow-left"></span></div>
                <div class="navigation-topbar nav-prev-topbar" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-fad858c2fbeddc25"><span class="icon icon-arrow-right"></span></div>
            </div>
        </div>
        <span class="icon-close close-announcement-bar"></span>
    </div>
</div>
@endif