@extends('website.layout.app')
@section('content')
<div class="news-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>
        <div class="row">
            @foreach($news as $value)
                <div class="col-lg-3 col-md-6">
                    <div class="news-box">
                        <img src="{{asset($value->image ?? '')}}" class="img-fluid" alt="{{ $value->alt_image ?? '' }}">
                        <div class="text-area">
                            <h5><a href="{{url('news')}}/{{$value->slug_name}}">{{$value->title ?? ''}}</a></h5>
                            @php $description = strip_tags($value->description); @endphp
                            <p>{{ strlen($description) > 150 ? substr($description,0,150).'...' : $description }}</p>
                            <div class="download-btn">
                                <a href="{{url('news')}}/{{$value->slug_name}}">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</div>
@endsection