@extends('web.layouts.container')
@section('content')
    <section class="news-pg section bg-light">
        <div class="container">
            <div class="head_content col-lg-5 mb-5">
                <h1 class="title_br color-secondary text-capitalize mb-4"> {{$pages[0]->title}} </h1>
                <p class="det">
                    <small>{!! $pages[0]->dscription !!}</small>
                </p>
            </div>
            <div class="swiper-container news-swiper pb-2">
                <div class="swiper-wrapper pb-5">
                    @if(count($news))
                        @foreach($news as $new)
                            <div class="swiper-slide">
                                <a href="{{route('new.show', [$new->id, $new->slug_text])}}">
                                <div class="news_card">
                                    <div class="img-box">
                                        <img src="{{asset($new->image)}}" alt="" class="sec-img"/>
                                    </div>
                                    <div class="content">
                                        <h6 class="subtitle color-primary mb-2">{{$new->catName}}</h6>
                                        <h4 class="title color-secondary mb-3">
                                            {{$new->title}}
                                        </h4>
                                        <p class="det">{{wordLimit(stripText($new->description), 25)}}</p>
                                        <div class="prof_box d-flex align-items-center">
                                            <img src="{{asset('assets/web/images/icon.png')}}" alt="" class="icon"/>
                                            <div class="prof_data">
                                                <span class="span"><small>{{__('events.updated_on')}}</small></span>
                                                <p class="date mb-0">{{date('d M Y', strtotime($new->updated_at ?? $new->created_at))}}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                </a>
                            </div>

                        @endforeach
                    @endif
                </div>
                <!-- Start arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
            <a href="{{route('new.index')}}" class="butn light_butn fw-bold m-auto mt-4">
                <img src="{{asset('assets/web/images/icons/categ.svg')}}" alt="" class="icon-15 filterPrimary me-2 ms-0"/> {{__('main.show_all')}}
            </a>
        </div>
    </section>
    <!-- Start news-pg -->
    <section class="news-pg events-sec section bg-white">
        <div class="container">
            <div class="head_content col-lg-5 mb-5">
                <h1 class="title_br color-secondary text-capitalize mb-4"> {{$pages[1]->title}} </h1>
                <p class="det">
                    <small>{!! $pages[1]->dscription !!}</small>
                </p>
            </div>
            <div class="swiper-container news-swiper pb-2">
                <div class="swiper-wrapper pb-5">
                    @if(count($events))
                        @foreach($events as $event)

                    <div class="swiper-slide">
                        <a href="{{route('event.show', [$event->id, $event->slug_text])}}">
                        <div class="news_card">
                            <div class="content">
                                <h6 class="subtitle color-primary mb-2">{{$event->cityName}}</h6>
                                <h4 class="title color-secondary mb-3">
                                    {{$event->name}}
                                </h4>
                                <p class="det">{{wordLimit(stripText($event->description), 25)}}</p>
                                <div class="prof_box d-flex align-items-center">
                                    <img src="{{asset('assets/web/images/icon.png')}}" alt="" class="icon"/>
                                    <div class="prof_data">
                                        <span class="span"><small>{{__('events.updated_on')}}</small></span>
                                        <p class="date mb-0">{{date('d M Y', strtotime($event->updated_at ?? $event->created_at))}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </a>
                    </div>
                        @endforeach
                    @endif
                </div>
                <!-- Start arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
            <a href="{{route('event.index')}}" class="butn light_butn fw-bold m-auto mt-4">
                <img src="{{asset('assets/web/images/icons/categ.svg')}}" alt="" class="icon-15 filterPrimary me-2 ms-0"/> {{__('main.show_all')}}
            </a>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection