@extends('site.layouts.layout_1')
@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">TV Prefeitura</span>
                        </span>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="content-wrapper2 w-container">
        <div class="post-content-text">
            <h1 class="heading-1">Tv Prefeitura</h1>
            <p style="text-align: justify">
                A TV Cidade 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">
                <div class="authors-box less-padding">
                    @foreach ($videos as $video)
                        <div style="padding:10px;" class="w-col w-col-6">
                            <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://i.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>
    </div>
    
    <br>
@endsection