@extends('frontend.layouts.app')

@section('metatags')
    <meta name="description"
        content="We are specialized in sending flexible, service-oriented catering employees with an emphasis on
                        hospitality!" />
    <meta name="keywords"
        content="" />
    <meta name="copyright" content="Consulting Masters Africa" />
    <meta name="url" content="/blog" />
    <meta name="identifier-URL" content="/blog" />

    <meta itemprop="image" content="/assets/images/meta.jpg" />
    <meta property="og:image" itemprop="image/*" content="/assets/images/meta.jpg" />
    <meta property="og:image:width" content="256" />
    <meta property="og:image:height" content="256" />
    <meta property="og:site_name" content="Consulting Masters Africa" />

@endsection
@section('title', 'Events & News')

@section('content')


@section('content')

  <div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="fronty--breadcrumb--area "
            style="background-image: linear-gradient(to left, rgba(255, 74, 104, 0.8) , rgba(6, 17, 52, 0.6)   ), url('/assets/images/bg--0001.jpg')">
                <div class="fronty--breadcrumb--area--content">
                    <div class="head">
                        <h1>
                            <span>News</span>
                        </h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>


    <section class="news__area ">
        <div class="container">
            <div class="row g-4">
                <div class="col-md-12 col-lg-9">
                    @if (count($posts) != 0)
                        <div class="blog--grid">
                            @foreach ($posts as $post)

                            <div class="news__area--item">
                                <figure
                                    style="background-image: linear-gradient(to top, rgb(11, 18, 25) 10%, rgba(11, 18, 25, .01)   ),url('{{ asset('/storage/app/public/posts/' . $post->image) }}')">
                                </figure>
                                <div class="category">
                                    @foreach($post->categories as $category)
                                        <a style="text-decoration: none" href="{{ url('category',$category->slug) }}"  class="icon-link mr-3">
                                            {{ $category->name }}
                                        </a>
                                    @endforeach
                                </div>
                                <div class="content">
                                    <a href="{{ route('showBlog', [$post->slug]) }}" class="title">
                                        <h3>{{ $post->title }}</h3>
                                    </a>
                                    <div class="date">{{ $post->created_at->toFormattedDateString() }}</div>
                                </div>
      
                            </div>
                            
                            @endforeach
                        </div>
                    @endif
                </div>
                <div class="col-md-12 col-lg-3">
                    @include('frontend/pages/blog/list-categories')
                </div>
            </div>

        </div>
    </section>



@endsection

@section('scripts')

@endsection