@extends('layouts.escola.default')

@section('content')
<div class="detalhes-fotos">
    <p class="titulo-secao-interno">Fotos</p>

    <div class="conteudo">
        <span class="data">{{ $galeria->data_publicacao->format('d/m/Y') }}</span>
        <p class="h2 titulo">{{ $galeria->titulo }}</p>
    </div>

    <div class="galeria clearfix"></div>
</div>
<link rel="stylesheet" href="{{ asset('libs/flickrizr/assets/css/flickrizr.css') }}" media="all" />
<script type="text/javascript" src="{{ asset('libs/jquery.jcarousel.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('libs/jquery.jcarousel-control.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('libs/flickrizr/assets/js/flickrizr.min.js') }}"></script>
<script>
    jQuery(document).ready(function($){
        $('.galeria').flickrizr('{{ $galeria->www }}', {
            basePath: '{{ asset('libs/flickrizr') }}'
        });
    });
</script>
@endsection