@extends($layout) 

@section('content')  
 <style>
        .box
        {
            height:200px;
        }
        .box .img-responsive
        {
            height:100%;
            widows: auto;
        }
.project-block .inner-box .image img {
            position: relative;
            width: auto !important;
            display: block;
            margin: 0 auto !important;
        }
    </style> 

<section class="inner-banner">
            <div class="container">
                <ul class="list-unstyled thm-breadcrumb">
                    <li><a href="{{URL_USERS_HOME}}">Home</a></li>
                    <li><a href="{{SCHOOLGALLERY}}">Photo Gallery</a></li>
                    <li class="active"><a href="#"> Photo Gallery List</a></li>
                </ul><!-- /.list-unstyled -->
                <h2 class="inner-banner__title"> Photo Gallery</h2><!-- /.inner-banner__title -->
            </div><!-- /.container -->
        </section><!-- /.inner-banner -->


  

<div class="container" >
    <div class="row"> 

        <div class="container">
        <!--Gallery Section--> 
            <div style="margin-bottom: 50px;">
                <div class="sortable-masonry">
                    <div class="items-container row clearfix"> 
                        @if(!empty($gallaries[0]))    
                        @foreach ($gallaries as $gallary) 
                          <div class="col-lg-3 col-md-6">
                        <div class="gallery-one__single">
                            <img src="{{ URL_ALUMNI_GALLERY_IMAGE.$gallary->image }}" alt="">
                            <a href="{{ URL_ALUMNI_GALLERY_IMAGE.$gallary->image }}" class="gallery-one__popup img-popup"><i class="kipso-icon-plus-symbol"></i></a>
                        </div>
                    </div>  
                    @endforeach
                    @else
                       <div class="inner-box"> No Record Found!!! </div>
                    @endif
                    </div>
                </div>
            </div> 
        <!--End Gallery Section-->
</div>
</div>
</div>
@stop