@extends('website.layout.app')
@section('title', $news->meta_title ?? 'Invinaa')
@section('meta_keywords', $news->meta_keyword ?? '')
@section('meta_description', $news->meta_description ?? '')
@section('content')


    <div class="clients-main">
        <div class="banner">
            <div class="banner-text">
                <h3>News & Media</h3>
            </div>
        </div>
        <div class="container">
            <div class="breadcrumb-area">
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{ url('/') }}"><i class="fa-solid fa-house"></i></a></li>
                        <li class="breadcrumb-item"><a href="{{ url('/') }}">Insights</a></li>
                        <li class="breadcrumb-item active" aria-current="page">News & Media</li>
                    </ol>
                </nav>
            </div>
            <!-- Start News-N-Media 0ne Detail -->
            <section class="news-n-media-one-detail-sec py-5">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 col-lg-8 col-md-12 col-12 mb-5">
                            <div class="news-n-media-one-detail-child-one-sec">
                                <img src="{{ asset($news->image ?? '') }}" class="img-fluid"
                                    alt="{{ $news->alt_image ?? '' }}" />
                                <div class="text-sec pt-4">
                                    <h2>{{ $news->title ?? '' }}</h2>
                                    {!! $news->description ?? '' !!}
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-12 col-12">
                            <div class="news-n-media-one-detail-child-two-sec">
                                <div class="card mb-5">
                                    <div class="card-body">
                                        <h5 class="text-white">Recent News</h5>
                                        <hr style="color: brown;" />
                                        @foreach ($recentNews as $recent)
                                            <a href="{{ url('news') }}/{{ $recent->slug_name }}">
                                                <div class="row mb-2">
                                                    <div class="col-xl-4 col-lg-4 col-md-12 col-12 mb-1">
                                                        <div class="img-sec">
                                                            <img src="{{ asset($recent->image) }}" class="img-fluid"
                                                                alt="{{ $recent->alt_image ?? '' }}" />
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-8 col-lg-8 col-md-12 col-12 mb-1">
                                                        <p class="text-white">{{ $recent->title ?? '' }}</p>
                                                    </div>
                                                </div>
                                            </a>
                                        @endforeach
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </section>
            <!-- End News-N-Media 0ne Detail -->
        </div>
    </div>

@endsection