@section('title')
{{ $album->name }} | 
@stop

@section('metatags')
<meta name="description" content="">
<meta property="og:title" content="{{ $album->name }}">
<meta property="og:description" content="">
@if($album->filepath)
<meta property="og:image" content="{{ $album->getCroppa(600,400) }}">
@else
<meta property="og:image" content="{{ $album->images->first()->getCroppa(600,400) }}">
@endif
<meta property="og:image:width" content="600">
<meta property="og:image:height" content="400">
<meta name="robots" content="index, follow">
@stop

@section('content')
<section>
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <ol class="breadcrumb">
                    <li><a href="{{ route('home.index') }}">Início</a></li>
                    <li><a href="{{ route('collections.show', $album->slug) }}">{{ $album->name }}</a></li>
                </ol>
            </div>
            <div class="col-sm-12">
                <div class="pull-left">
                    <h1 class="margin-top-0 margin-bottom-10">
                        {{ $album->name }}
                    </h1>
                    @if($album->description)
                    <p>{{ $album->description }}</p>
                    @endif
                </div>
                <ul class="filters list-unstyled text-center margin-top-20 bigger-120 pull-right">
                    <li>
                        <ul class="list-inline margin-0 height-25">
                            <li>
                                <a href="http://www.facebook.com/share.php?u={{ Request::fullUrl() }}&title={{ $album->title }}" data-toggle="share" title="facebook">
                                    <span class="social-square facebook">
                                        <i class="fa fa-facebook-f"></i>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="http://twitter.com/home?status={{ $album->title }}+{{ Request::fullUrl() }}" data-toggle="share" title="Twitter" >
                                    <span class="social-square twitter">
                                        <i class="fa fa-twitter"></i>
                                    </span>
                                </a>
                            </li>
                            <li>
                                <a href="https://plus.google.com/share?url={{ Request::fullUrl() }}" data-toggle="share" title="Google +" >
                                    <span class="social-square google-plus">
                                        <i class="fa fa-google-plus"></i>
                                    </span>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="spacer-10"></div>
        <div class="row row-5" id="lightgallery">
            @foreach($album->images as $image)
            <div class="col-sm-4 col-md-3 margin-bottom-10">
                <a href="{{ asset($image->filepath) }}" class="gallery-item">
                    <img src="{{ $image->getCroppa(370,250) }}" class="img-responsive">
                </a>
            </div>
            @endforeach
        </div>
        <div class="spacer-50"></div>
</section>
@stop

@section('scripts')
<script>
    $('#lightgallery').lightGallery({
        selector: '.gallery-item'
    })

    $(document).ready(function () {

        $('a[data-toggle=share]').on('click', function (e) {
            e.preventDefault();
            var href = $(this).attr('href');
            popupCenter(href, '', 600, 400);
            return false;
        })

    });
</script>
@stop