@extends('frontend.layouts.master')
@section('title') Gallery @endsection
@section('main-content')
@include('frontend.layouts.notification')

<!-- Start Page Title Area -->
<div class="page-title-area">
    <div class="d-table">
        <div class="d-table-cell">
            <div class="container">
                <div class="page-title-content">
                    <h2>Album</h2>
                    <ul>
                        <li><a href="{{route('home')}}">Home</a></li>
                        <li>Album</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Page Title Area -->

<!-- Start Team Area -->
<section class="team-section pt-100 pb-70">
    <div class="container">
        <div class="team-title-area">
            <div class="row align-items-center">
                <div class="col-lg-7">
                    <div class="section-title">
                        <span>
                            <i class="flaticon-support"></i>
                                Our Albums
                        </span>
                        <h2></h2>
                        <p></p>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            @if(count($albums)>0)
                @foreach($albums as $album)
					<div class="col-lg-4 col-md-6 col-sm-6">
					    <a href="{{route('album.detail',$album->slug)}}">
						<div class="team-item">
							<div class="image">
								<img src="{{ Storage::url($album->profile) }}" alt="{{ Storage::url($album->profile) }}">
							</div>

							<div class="content">
                                <h3>{{$album->title}}</h3>
							</div>
						</div>
						</a>
					</div>
				@endforeach
			@endif
        </div>
    </div>
</section>
<!-- End Team Area -->

@endsection