@extends('frontend.layouts.app')

@section('content')
    <section class="bread">
        <div class="container">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('frontend.home')}}">Home</a></li>
                    <li class="breadcrumb-item active" aria-current="page">All {{$category->name}}</li>
                </ol>
            </nav>
        </div>
    </section>
    <section class="news section-padding">
        <div class="container">
            <div class="heading text-center mb-3">
                <span>Latest News & Events</span>
                <h1 data-aos="fade-right">{{$category->name}}</h1>
                <div class="hero-stars mb-4">
                    <i class="fas fa-star"></i>
                    <i class="fas fa-star big"></i>
                    <i class="fas fa-star"></i>
                </div>
            </div>

            <div class="row">
                @foreach($categoryItems as $categoryItem)
                    <div class="col-lg-6 col-md-6 mb-5">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="news-img">
                                <img src="{{$categoryItem->media[0]->getFullUrl()}}" alt="" />
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="news-desc">
                                <div class="news-date">
                                    <div class="date-box">
                                        <span>{{date('d M Y', strtotime($categoryItem->created_at))}}</span>
                                    </div>
                                </div>

                                <div class="news-head">
                                    <h1>{{$categoryItem->title}}</h1>
                                    <p>
                                        {{$categoryItem->description}}
                                    </p>
                                </div>

                                <div class="news-btn mt-3 mb-3">
                                    <a class="main-btn" href="{{route('frontend.category_item.show',[$category->slug, $categoryItem->id])}}">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
              <nav aria-label="Page navigation example">
                        <ul class="pagination justify-content-end">
                           {{$categoryItems->links()}}
                        </ul>
                    </nav>


        </div>
    </section>
@endsection