@extends('layouts.geracao.default')

@section('content')
    <div class="clearfix margin-top-15 padding-bottom-15">
        <div class="text-left noticia txt-lateral pull-left">
                        <div class="img"><a href="{{ $noticia->www ?? route('geracao.noticia', ['slug' => $noticia->slug]) }}"><img
                        src="{{ route('geracao.imagens.exibir', ['tamanho' => 'medium', 'nome' => optional($noticia->imagem)->arquivo]) }}"
                        style="max-width: 100%;"></a>
                    </div>
                    <br>
            <p class="data-publicacao">Publicado em {{ $noticia->data_publicacao->format('d/m/Y H:i') }} @if (!empty($noticia->updated_at))
                    > atualizado em {{ $noticia->updated_at->format('d/m/Y H:i') }}
                @endif
            </p>
            <p class="h2 titulo">{{ $noticia->titulo }}</p>
            @if (!empty($noticia->autor))
                <p class="autor">Por <b>{{ $noticia->autor }}</b></p>
            @endif
            <div class="texto">

                <div class="materia">
                    {!! $noticia->texto !!}
                </div>
                @if (!empty($noticia->fonte))
                    <p class="clearfix fonte">Fonte: {{ $noticia->fonte }}</p>
                @endif

            </div>
        </div>
        @include('layouts.geracao.lateral')
    </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>
        (function($) {
            $.each($('.galeria-flickr'), function(i, o) {
                $(o).flickrizr($(o).data('galeria'), {
                    basePath: '{{ asset('libs/flickrizr') }}'
                });
            });
        })(jQuery);
    </script>
@endsection