@extends('layouts.users')
@section('title','Gallery')

@section('content')
  <!-- single-page-banner start -->
  <section class="single-page-banner">
    <div class="single-banner-content-area">
      <div class="container">
        <div class="row">
          <div class="col-lg-12">
            <div class="single-banner-content">
              <h2 class="single-banner-title">Students gallery</h2>
              <ul class="page-list">
                  <li><a href="/">Home</a></li>
                  <li> Gallery</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- single-page-banner end  -->

  <!-- student-gallery-section start -->
  <div class="student-gallery-section section-padding">
    <div class="container">
      <div class="row">
        <div class="col-lg-6">
        @if($count > 0 )
          @foreach($event as $ev)
          <div class="student-gallery-thumb">
            <img style="width: 560px;height: 360px;" src="{{ asset('uploads/gallery/'.$ev->image) }}" alt="student-gallery-thumb">
            <div class="student-gallery-content">
              {{-- <a href="{{asset('users/images/students-gallery/1.jpg')}}" data-rel="lightcase:myCollection:slideshow" title="Your title"><i class="fa fa-picture-o"></i></a> --}}
              <h4 class="student-gallery-title">{{$ev->name}}</h4>
              {{-- <p>ui/ux Designer</p> --}}
            </div>
          </div>
        </div><!-- student-gallery-thumb end -->

        @endforeach

        @else
           <div class="row">
                <div class="col-md-12">
                    <h1 class="text-center">There Are No Photos Addedd</h1>
                </div>
            </div>
        @endif
         

      </div><!-- row end -->
      
      {{-- <div class="row justify-content-center">
        <a href="#" class="cmn-button">View more</a>
      </div> --}}
    </div>
  </div>
  <!-- student-gallery-section end -->

@endsection