@extends('site.layouts.layout')
@section('content_header')
    <div class="content-wrapper2 w-container">
        <div class="masterbreadcrumb">
            <div class="container">
                <div class="breadcrumb">
                    <a href="{{ route('site.index') }}">
                        <span class="breadcrumb__inner">
                            <span class="breadcrumb__title">Página inicial</span>
                        </span>
                    </a>
                    <a href="#" class="w--current">
                        <span class="breadcrumb__inner">
                            <span class="breadcrumb__title">Galeria de Fotos</span>
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="content-wrapper2 w-container">
        <div class="post-content-text">
            <h1 class="heading-1">Galeria de Fotos</h1>
            <p style="text-align: justify">
                A Galeria de Fotos está subordinado funcionalmente a {{ $entidade->entidade }}. É um canal exclusivo do
                site Municipal através da Internet.<br>
                Neste canal disponibizamos todos os atos administrativos divulgados pelo setor de Comunicação..
            </p>
            <br>
            <h5 class="red">Confira</h5>
            <div class="authors-box less-padding">
                @foreach ($fotos as $video)
                    <div style="padding:10px;" class="w-col w-col-4">
                        <a class="w-lightbox" href="#" data-ix="fade-in-text-on-load-4"
                            style=" cursor:pointer; transition: background-color 0.5s ease 0s, opacity 1200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: translateX(0px) translateY(0px);">
                            <img src="https://i1.ytimg.com/vi/{{ $video->video_url }}/hqdefault.jpg" width="100%">
                            <script type="application/json" class="w-json">{ "items": [{
                                        "type": "video",
                                        "html": "<iframe class=\"embedly-embed\" src=\"https://www.youtube-nocookie.com/embed/{{$video->video_url}}?rel=0&amp;controls=0&amp;showinfo=0\" width=\"854\" height=\"480\" scrolling=\"no\" frameborder=\"0\" allowfullscreen></iframe>",
                                        "thumbnailUrl": "",
                                        "width": 700,
                                        "height": 420
                                      }] }</script>
                        </a>
                        <div style="font-size: 13px;margin-top: 10px;text-align: center;line-height: 16px;">
                            {{ $video->video_titulo }}</div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    <br>
@endsection