@extends('layouts.app')

@section('content')
<div class="page-header-banner" style="background-image: url('https://girt.localhost/images/slider-2.jpg');">
    <div class="overlay">
        <h1>NEWS</h1>
    </div>
</div>
<div class="page-section">
    <div class="container">
        <div class="row">
            @foreach ($news as $newsItem)
            <div class="col-sm-4 mb-5">
                <div class="news-content">
                <div class="image" style="background-image:url('{{ user_asset($newsItem->featured_image_path) }}')"></div>
                <p>{{ $newsItem->title }} </p>
                <div class="btn-content">
                    <a href="{{ $newsItem->link }}" class="girt-btn">read more <i></i></a>
                </div>
                </div>
            </div>
            @endforeach
        </div>
        {{ $news->links() }}
    </div>
</div>
@endsection