@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')

    <main>
        <div class="bg-right">
            <div class="bg-asp"> </div>
        </div>
        <div class="bg-left">
            <div class="bg-asp"> </div>
        </div>
    
        <div class="container pt-[.5rem] lg:pt-8">
            <div class="flex -mx-3 flex-wrap pt-6 lg:pt-12">
                <div class="px-[.75rem] pb-[.75rem] w-full text-center">
                    <p class="uppercase fs-24 text">@lang('frontend::lang.news_event')</p>
                </div>
               
                @if (!empty($data['news']))
                    <div class="splide news-splide flex-grow" slide-item='{{count($data['news'])}}'>
                        <div class="splide__track">
                            <div class="splide__list">
                                @foreach ($data['news'] as $news)
                                    <div class="splide__slide">
                                        <div class="pst full-url">
                                            @if (!empty($news['image']))
                                                <img class="w-full object-cover" src="{{ asset($news['image']) }}" alt="Alternate Text" />
                                            @endif
                                                <a href="{{ !empty($news['url']) ? $news['url'] : "" }}"> </a>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div> 
                @endif
                
            </div>
        </div>
    </main>
@endsection

@section('script')


@endsection