@extends('front.layouts.layout')
@section('title',"News")
@section('content')
<div class="main-content bg-lighter">
    <!-- Section: inner-header -->
    <section class="inner-header divider parallax layer-overlay overlay-dark-5" style="background-color: #0a53be;">
        <div class="container pt-20 pb-20">
            <!-- Section Content -->
            <div class="section-content">
                <div class="row">
                    <div class="col-sm-8 text-left flip xs-text-center">
                        <h2 class="title text-white">News</h2>
                    </div>
                    <div class="col-sm-4">
                        <ol class="breadcrumb text-right sm-text-center text-black mt-10">
                            <li><a href="#">Home</a></li>
                            <li class="active text-gray-silver">News</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Divider: Contact -->
    <section class="divider bg-white">
        <div class="container">
            <div class="row pt-20">
                @foreach($news as $new)
                <div class="causes bg-white maxwidth500 clearfix mb-40">
                    <div class="col-md-4">
                        <div class="thumb">
                            <img src="{{ asset($new->image) }}" alt="" class="img-fullwidth">
                        </div>
                    </div>
                    <div class="col-md-8">
                        <div class="causes-details clearfix p-15 pt-0 pb-10 pl-0">
                            <h3 class="font-weight-600 mt-0" style="border-bottom: 2px solid #002e5b !important;"><a href="{{ route('news.single',$new->id) }}">{{ $new->title }}</a></h3>
                            <p class="pb-0 text-justify">{{ $new->excerpt }}</p>
                            <a href="{{ route('news.single',$new->id) }}" class="btn btn-warning ml-0"> Read More →</a>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
            <div class="row">
                <div class="col-md-12 text-right">
                    {{ $news->links() }}
                </div>
            </div>
        </div>
    </section>
</div>
@endsection