@extends('master')

@section('title')
   Gallery
@stop
@section('styles')

@stop

@section('content')


<div class="fullWidth">

    <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>

    @if($images!=NULL)
    <div class="row">
        <div style="padding-left: 7rem;" class="large-11 columns">
        <h1>Gallery</h1>
        <h4>{{ $title->name }}</h4>
        <p>{!! $title->description !!}</p>
        <hr>
        <ul class="clearing-thumbs large-block-grid-3" data-clearing>
        @foreach($images as $image)
            <li class=""><a class="th" href="{{ asset($image->title) }}"><img style="width:100% !important;max-height: 160px !important; height:auto;" src="{{ asset($image->title) }}"></a></li>
        @endforeach
        </ul>

        </div>
    @else
    <h1>No gallery images added.</h1>
    @endif

    </div>
</div>



@stop

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

@stop