@extends('layouts.frontend')
@section('content')
<div class="section pattern-bg inner-section wf-section">
    <div class="container w-container" data-ix="fade-from-bottom">
        <div class="ttitle">{{ $news_page->title }}</div>
        <div class="grey-text">{{ $news_page->sub_title }}</div>
        <div class="content-b">
            <div class="news-row">
                @foreach($news as $key => $_news)
                <div class="news-col {{ $key == 0 ? 'first' : ''}}">
                    <div class="news-content-row">
                        <div class="news-text-col">
                            <div class="grey-text">{{ $_news->date }}</div>
                            <a href="{{ $_news->getDetailUrl() }}" class="news-title"><strong>{{ $_news->title }}</strong></a>
                            <div>@editor($_news->short_description)</div>
                            <div class="content-b-20">
                                <a href="{{ $_news->getDetailUrl() }}" class="pink-outline-btn w-inline-block" data-ix="pink-outline-btn">
                                    <div class="btn-text">@__('read more')</div>
                                    <div class="pink-outline-btn-arrow-b">
                                        <div class="pink-outline-btn-arrow">
                                            <img src="{{ asset_frontend('images/icon-arrow-pink.svg') }}" alt="" class="btn-arrow-img">
                                        </div>
                                        <div class="pink-outline-btn-arrow-hover" data-ix="opacity-0">
                                            <img src="{{ asset_frontend('images/icon-arrow-white.svg') }}" alt="" class="btn-arrow-img">
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <a href="{{ $_news->getDetailUrl() }}" class="news-mg-col">
                            @if($image = $_news->getMedia('listing_image'))
                                <img src="{{ $image->getResizedImage(400, 400) }}" alt="" class="news-img desktop">
                                <img src="{{ $image->getResizedImage(400, 200) }}" alt="" class="news-img mobile">
                            @endif
                        </a>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</div>
@endsection