@extends('layouts.master')
@section('content')
    <!-- SINGLE NOTICIA -->
    <section class="singleNoticia">
        <!-- #print && container -->
        <div id="print" class="container">
            <!-- ccbreadcrumb -->
            <!-- noticia-container -->
            <div class="noticia-container mt-5">
                <div class="noticia-lado d-flex" data-aos="fade-up">
                    <!-- noticia-titulo -->
                    <h5>{{ $album->date }} - {{ $album->name }}</h5>
                </div>
                <!-- noticia-btns -->
                <br><br>
                <div class="container-fluid">
                    <div class="row">
                        @foreach ($album->images as $picture)
                            <div class="col-md-4 col-sm-6" style="margin-bottom: 10px;">
                                <a rel="group1" class="fancybox" href="{!! asset("uploads/gallery/$picture->id/$picture->image") !!}">
                                    <img src="{!! $picture->getImage('notice_list') !!}" alt="" />
                                </a>
                            </div>
                        @endforeach
                    </div>
                </div>
                {!! $album->description !!}
            </div>
        </div>
    </section>
    <script>
        $(document).ready(function() {
            $('.fancybox').fancybox();
        });
    </script>
@endsection