@section('title')
{{ trans('seo.albuns.title') }} | 
@stop

@section('metatags')
<meta name="description" content="{{ trans('seo.albuns.description') }}">
<meta property="og:title" content="{{ trans('seo.albuns.facebook.title') }}">
<meta property="og:description" content="{{ trans('seo.albuns.facebook.description') }}">
<meta property="og:image" content="{{ trans('seo.og-image.url') }}">
<meta property="og:image:width" content="{{ trans('seo.og-image.width') }}">
<meta property="og:image:height" content="{{ trans('seo.og-image.height') }}">
<meta name="robots" content="index, follow">
@stop

@section('content')
{{-- <div class="image-background" style="background-image: url('/assets/img/a9.jpg'); background-position: center;"></div> --}}
@include('partials.background_slider')
<section>
    <div class="container">
        <div class="row">
            <div class="col-sm-3">
                <h1 class="margin-top-30 margin-bottom-30">
                    {{ trans('global.menu.gallery') }}
                </h1>
            </div>
        </div>
        <div class="row equal-height">
            @foreach($albuns as $album)
            <div class="col-sm-6 col-md-4 col-lg-3">
                <a href="{{ route('albuns.show', $album->slug) }}" class="album-item" title="{{ $album->name }}">
                    <div class="album-img">
                        <div class="album-img-hover">
                            <i class="fa fa-search bigger-200"></i><br/>
                            {{ trans('global.word.see-more') }}
                        </div>
                        @if($album->filepath)
                        <img src="{{ asset($album->getCroppa(370,250)) }}" alt="{{ $album->name }}">
                        @else
                        <img src="{{ asset($album->images->first()->getCroppa(370,250)) }}" alt="{{ $album->name }}">
                        @endif
                    </div>
                    <div class="album-caption">
                        <h1>{{ $album->name }}</h1>
                    </div>
                    <div class="clearfix"></div>
                </a>
            </div>
            @endforeach
        </div>
</section>
@stop