@extends('master')

@section('title')
    Introduction
@stop

@section('styles')
    <link rel="stylesheet" href="{{ asset('css/nav.css') }}">
@stop

@section('content')

    <div class="row fullWidth">
        <div class="autoplay">
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-test-header.jpg') }}"></a></div>
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-header-blue.jpg') }}"></a></div>
            <div><a href="https://www.payfast.co.za/donate/go/osizwenieducationanddevelopmenttrust" target="_blank"><img class="" src="{{ asset('img/home/osizweni-header-green.jpg') }}"></a></div>
        </div>
        @include('partials.nav')
    </div>

    <div class="row fullWidth">
        <div class="bannerPage">
            <div class="row">
                <div class="large-12 columns">
                    <h1>LATEST <span style="font-weight: 500; color: #003961;">NEWS</span></h1><br/>
                    @foreach($articles as $article)
                    <div class="row">
                        <div class="large-2 medium-4 columns">
                            <img class="imgNews" src="{{ asset($article->intro_image) }}">
                        </div>
                        <div class="large-10 medium-8 columns">
                            <h2 class="newsContent"><a class="h2News" href="/article/{{$article->id}}">{{ $article->title }}</a><br/></h2>
                            <h4 class="newsContent">Date: {{ date('F d, Y', strtotime($article->date)) }}</h4>
                            {!!$article->intro!!}
                            <a class="" href="/article/{{$article->id}}"><strong>Read More</strong></a><br/>
                        </div>
                    </div>
                    <hr class="newsHr">
                    @endforeach
                </div>
           </div>
        </div>
        <hr class="hrBooking">
    </div>
@include('partials.footer')

@stop

@section('scripts')
    <script src="{{ asset('js/scripts.js') }}"></script>

@stop