@extends('welcome')
@section('content')
<style>
    .mb-1 {
        margin-bottom: 10px;
    }

    .me-1 {
        margin-right: 10px;
    }

    .galleryno {
        display: none;
    }
</style>
<section class="page-header page-header-classic">
    <div class="container">
        <div class="row">
            <div class="col">
                <ul class="breadcrumb">
                    <li><a href="{{URL::to('index')}}">Home</a></li>
                    <li class="active">Gallery</li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col p-static">
                <span class="page-header-title-border visible" style="width: 216.938px;"></span>
                <h1 data-title-border="">Gallery</h1>

            </div>
        </div>
    </div>
</section>
<section class="about-us padding-section yellow-bg">
    <div class="container">
        <h2 class="font-weight-normal text-7 text-center mb-5">Sri Ramakrishna International <strong class="font-weight-extra-bold">Gallery</strong></h2>
        <div class="row  pb-3">
            <div class="row portfolio-list sort-destination" data-sort-id="portfolio">
                @if($data!=null)
                @foreach($data as $item)
                <div class="col-12 col-sm-6 col-lg-3 isotope-item ">
                    <div class="portfolio-item">
                        <a href="{{url('gallery',['id' => $item->event_id])}}">
                            <span class="thumb-info thumb-info-lighten border-radius-5">
                                <span class="thumb-info-wrapper border-radius-5">
                                    <img src="{{asset('storage/uploads/event/'.$item['thumbnail'])}}" class="img-fluid border-radius-5" alt="">
                                    <span class="thumb-info-title">

                                        {{$item['event']}}
                                    </span>

                                </span>
                            </span>
                        </a>
                    </div>
                </div>
                @endforeach
                @else
                <tr class="text-center">
                    <td colspan="4">No Records Found!</td>
                </tr>
                @endif
            </div>
        </div>
    </div>
</section>





<script src="{{asset('assets/js/examples/examples.gallery.js')}}"></script>
@stop