@extends('layouts.app')
@section('content')
<div class="template-news"> 
    <div class="title">
        <div class="image-background">
            <img src="{{ url('/') }}/images/location_CANADA@2x.png" alt="{{ __('messages.news') }}">
        </div>
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-10 offset-md-1">
                    <h1 class="text-center">{{ __('messages.news') }}</h1>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="container">
            @if ( count($data) > 0 )
                @foreach ($data as $value)
                <div class="row mb-5 mt-3">
                    <div class="offset-sm-1 col-sm-3">
                        <a href="{{ route('news', ['slug' => $value->slug ]) }}">
                            <img data-original="{{ url('/images/'.$value->image) }}" alt="{{ $value->title }}">
                        </a>
                    </div>
                    <div class="col-sm-7">
                        <h2><a href="{{ route('news', ['slug' => $value->slug ]) }}" class="text-title">{{ $value->title }}</a></h2>
                        <p class="desc">{{ $value->description }}</p>
                    </div>
                </div>
                @endforeach
                <div class="row">
                    <div class="col-sm-12 col-md-10 offset-md-1">
                        <div class="float-right">
                            {{ $data->appends(Request::all())->links() }}
                        </div>
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection