@extends('site.templates.layout')

@section('content')

<section class="paddingTop-50 paddingBottom-100 bg-light-v2">
    <div class="container">
        <div class="row">
            <div class="col-lg-9 mt-5">
                <div class="card align-items-start shadow-v1 p-5">
                    @if ($noticia->imagem_principal)
                    <img class="card-img-top w-100" src="{{ $noticia->imagem_principal->thumbs['760x450']->url }}"
                    alt="{{ $noticia->noticia_titulo }}" />
                    @endif

                    <ul class="list-inline text-gray mt-4">
                        <li class="list-inline-item mr-3">
                            <i class="fas fa-calendar-alt text-primary mr-1"></i>
                            {{ optional($noticia->noticia_data_publicacao)->format('d/m/Y') }}
                        </li>
                        <li class="list-inline-item mr-3">
                            <i class="ti-file text-primary mr-1"></i>
                            {{ optional($noticia->categoria)->categoria_nome }}
                        </li>

                    </ul>
                    <h4 class="mb-4">{{ $noticia->noticia_titulo }}</h4>

                    {!! $noticia->noticia_texto !!}

                    @if ($noticia->noticia_video)
                        <div class="col-lg-12 mt-3">
                            <div class="embed-responsive embed-responsive-16by9">
                                <iframe class="embed-responsive-item" width="560" height="315" src="https://www.youtube.com/embed/{{ $noticia->noticia_video}}"
                                    title="YouTube video player" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen></iframe>
                            </div>
                        </div>
                    @endif
                  
                    <ul class="list-unstyled list-style-icon mt-2">
                        @if ($noticia->getMedia('arquivos'))
                            @foreach ($noticia->getMedia('arquivos') as $matriz)
                             <li><a href="{{ $matriz->getFullUrl() }}"
                                target="_blank">{{ $matriz->name }}</a></li>
                            @endforeach
                        @endif
                 
                    </ul>

                    <div class="col-lg-12 mt-3">
                        <p>Compartilhar notícia:</p>
                        {!! Share::currentPage()->facebook()->whatsapp()->twitter()->linkedin() !!}
                    </div>


                </div>
            </div>
            <div class="col-lg-3 mt-5">
                <div class="card shadow-v1">
                    <div class="card-header border-bottom">
                        <h4 class="mb-0">Categorias</h4>
                    </div>
                    <div class="card-body">
                        <ul class="list-unstyled">
                            @foreach ($categorias as $categoria)
                            <li class="mb-3"><a
                                    href="{{ route('site.categoria', $categoria->categoria_slug) }}">{{ $categoria->categoria_nome }}
                                    ({{ $categoria->noticias_count }})</a></li>
                            @endforeach
                        </ul>
                    </div>
                </div>

            

            </div>

        </div>
        <!-- END row-->
    </div>
    <!-- END container-->
</section>
@if($noticia->galeria->count())
<section class="padding-y-80 border-bottom border-light">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center mb-5">
                <h4>Galeria</h4>
            </div>
            <div class="col-12">
                <div class="owl-carousel" data-space="30" data-arrow="true">

                    @foreach ($noticia->galeria as $imagem)

                        <div class="media-viewer">
                            <img class="media-viewer__media" src="{{ $imagem->thumbs['360x300']->url }}" alt="" />
                            <div class="media-viewer__overlay bg-black-0_7 flex-center">
                                <a href="{{ $imagem->thumbs['720x0']->url }}" class="text-white font-size-30" data-fancybox="gallery">
                                    <i class="ti-plus"></i>
                                </a>
                            </div>
                        </div>
                    @endforeach

                </div>
            </div>
        </div>
        <!-- END row-->
    </div>
    <!-- END container-->
</section>
@endif
@endsection