@extends('master')

@section('title')
   Gallery
@stop

@section('styles')
    <link rel="stylesheet" href="{{ asset('css/gallery.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>

    @if($images!=NULL)


    <div class="row">
        <ul class="large-block-grid-3 medium-block-grid-3 ulGallery">
            @foreach($images as $image)
            <li class="liPadding">
                <div class="content">
                    <div class="grid">
                        <figure class="effect-ming">
                            <img class="containerGallery" src="{{ asset($image->images[0]->title) }}">
                            <figcaption>
                                <h2>{{ $image->name }}<!--test--></h2>
                                <!-- <p>{{ substr($image->description,0,100); }}</p> -->
                                <a href="view-gallery/{{ $image->slack }}"></a>
                            </figcaption>
                        </figure>
                    </div>
                </div>
            </li>
            @endforeach
        </ul>
    </div>


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

    <div class="row fullWidth">
        <hr class="hrBooking">
    </div>

    @include('partials.footer')

@stop

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


@stop