@extends('layout')
@section('title', 'new')
@section('keywords', 'new')
@section('content')

    <div class="container">
        <div class="row content-items">
            <div class="title-new m-5">
                {{-- <h2>
                    smart<br />
                    fleet<br />
                    management
                </h2> --}}
                <h2>{!! $formatted_title !!}</h2>
            </div>
            <div class="col-lg-12 content-item">
                <div class="news-list items">
                    @foreach ($news as $new)
                        <article class="news-wide-item item">
                            <a href="{{ url('new/' . $new->id) }}" class="news-wide-item-img img-style">
                                <img data-src="{{ url('storage/' . $new['image']) }}" class="lazy"
                                    src="{{ url('storage/' . $new['image']) }}" alt="new">
                            </a>
                            <div class="news-wide-item-info">
                                <h3 class="news-wide-item-heading item-heading">
                                    {{ $new->title }}
                                </h3>
                                <div class="news-wide-item-row">
                                    <div class="news-wide-item-date">{{ $new->created_at }}</div>
                                </div>
                                <div class="news-wide-item-desc">
                                    <p>{{ strlen($new->description) > 300 ? substr($new->description, 0, 300) . '...' : $new->description }}
                                    </p>
                                </div>
                                <div class="wrapp-btn-link">
                                    <a href="{{ url('new/' . $new->id) }}" class="btn-link">
                                        <span style="margin-bottom: 30px; text-decoration: underline;">Read more</span>
                                    </a>
                                </div>
                            </div>
                        </article>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>

@endsection