@extends('templates.theme-four')

@section('titulo-pagina')
    @if(!empty($site->informacao->nome_comercial))
        {{ $site->informacao->nome_comercial }} - Notícias
    @else
        Notícias
    @endif
@endsection

@section('style')
    <style>
        .noticia {
            border-top: 2px solid #{{$site->adicional->cor_links}};
            color: #333;
        }

        .noticia h3, .noticia a {
            color: #333 !important;
            transition: all 0.3s;
        }

        .noticia a:hover {
            color: # {{$site->adicional->cor_links}}   !important;
            text-decoration: none;
        }
    </style>
@endsection

@section('menu-noticias')
    active
@endsection

@section('header')
    <header class="intro-header"
            @if($conteudo ->conteudos() ->where('tipo','banner_pagina') ->first())
            style="background-image: url('{{route('arquivo.show',$conteudo ->conteudos() ->where('tipo','banner_pagina') ->first() ->imagem)}}') !important"
            @else
            style="background-image: url('{{asset('theme-four/img/bg.jpg')}}') !important"
            @endif
    >
        <div class="container">
            <div class="intro-message" style="padding: 5% 0;">
                @if($conteudo->conteudos()->where('tipo','titulo_pagina')->first())
                    <h1>{!!$conteudo->conteudos()->where('tipo','titulo_pagina')->first()->descricao!!}</h1>
                @else
                    <h1>NOTÍCIAS</h1>
                @endif
            </div>
        </div>
    </header>
@endsection

@section('conteudo')

    <section class="content-section-a">

        <div class="container">
            <div class="row">
                @if($posts)
                    @foreach($posts as $item)
                        <div class="col-lg-4">
                            <div class="noticia">
                                <div class="texto">
                                    <h3>
                                        <a href="{{ url('post/'.$item->link_permanente) }}">{{ substr( ($item->titulo ), 0, 80)}}
                                            ...</a></h3>
                                    <p class="lead">Publicado em {{ date('d/m/Y',strtotime($item->created_at)) }}<br/>
                                        <a href="{{ url('post/'.$item->link_permanente) }}"
                                           style="display: block; text-align: left;">Veja mais...</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    @endforeach
                    <div class="col-md-12 mt-5 justify-content-center d-flex">
                        {{$posts -> links('vendor.pagination.bootstrap-4') }}
                    </div>
                @endif


                @if($feed)
                    @foreach($feed['items'] as $key => $item)
                        <div class="col-lg-4">
                            <div class="noticia">
                                <!-- <div class="icone">
                                    <i class="fa fa-newspaper-o"></i>
                                </div> -->
                                <div class="texto">
                                    @if(!isset($item->solicitacao_id))
                                        <h3>
                                            <a href="{{ $item->get_permalink() }}">{{ substr( ($item->get_title() ), 0, 80)}}
                                                ...</a></h3>
                                        <p class="lead">Publicado em {{ $item->get_date('d/m/Y') }}<br/>
                                            <a href="{{ $item->get_permalink() }}" target="_blank"
                                               style="display: block; text-align: left;">Veja mais...</a>
                                        </p>
                                    @endif
                                </div>
                            </div>
                        </div>
                        @if($key > ($site->adicional->num_noticias_home - 2))
                            @break
                        @endif
                    @endforeach
                @endif
            </div>

        </div>
        <!-- /.container -->
    </section>

@endsection

@section('scripts')
    <script>
        $(document).ready(function () {

            var highestBox = 0;

            $('.noticia', this).each(function () {

                if ($(this).height() > highestBox) {
                    highestBox = $(this).height();
                }

            });

            $('.noticia', this).height(highestBox);
        });
    </script>
@endsection