@extends('web.layouts.container')

@section('content')
    <div class="page-heading" style="background: url({{asset('assets/web/images/page-heading-1.png')}});">
        <div class="container">
            <div class="text-box text-center">
                <h1 class="sec-title"> {{$pageTitle[0]}} <b>{{$pageTitle[1]}}</b></h1>
            </div>
        </div>
    </div>

    <!--Start news-pg -->
    <section class="news-pg">
        <div class="container">
            <div class="inner-sec">
                <div class="heading text-center mb-5 wow fadeInUp"  >
                    <h1 class="pg-title">{{__('articles.latest_news')}}</h1>
                </div>
                <div class="row">
                    @if(count($events))
                        @foreach($events as $event)
                            <div class="col-lg-4">
                                <a href="{{route('events.show', [$event->id, $event->slugText])}}">
                                    <div class="news_card">
                                        <div class="img-box">
                                            <img src="{{asset($event->image)}}" alt=""/>
                                        </div>
                                        <div class="text-box card-body">
                                            <p class="date">{{date('F Y', strtotime($event->created_at))}}</p>
                                            <div class="content">
                                                <h5 class="title">{{$event->title}}</h5>
                                                <p class="p">{{stripText($event->description, 100)}} </p>
                                            </div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection