@extends('templates.theme-two')

@section('titulo-pagina')
    {{ $site->informacao->nome_comercial }} - Notícias
@endsection

@section('styles')
    <style>
        .pagination .page-link {
            color: black;
        }

        .pagination li a {
            color: black;
        }

        .pagination .active > span {
            background-color: {{$site->adicional->cor_menu ? '#'.$site->adicional->cor_menu : 'white'}}   !important;
            border-color: {{$site->adicional->cor_menu ? '#'.$site->adicional->cor_menu : 'white'}}   !important;
        }

        .noticia {
            background-color: #f1f1f1;
            padding: 20px;
        }

        .noticia h3 {
            color: #302624;
            font-size: 16px;
            color: #555555;
            text-transform: uppercase;
            text-align: left;
            font-family: 'nowmedium';
        }

        .noticia i {
            color: #302624;
        }
    </style>
@endsection

@section('menu-noticias')
    style="font-family: 'now_altbold';"
@endsection


@section('set-header-imagem')
    @if($conteudo ->conteudos() ->where('tipo','banner_pagina') ->first())
        style=" background-image: url('{{route('arquivo.show',$conteudo ->conteudos() ->where('tipo','banner_pagina') ->first() ->imagem )}}') !important;"
    @endif
@endsection


@section('conteudo')
    <div class="extend row-oriente">
        <div class="row">
            <div class="col-md-8">
                <div class="heading-title">
                    <h1>NOTÍCIAS</h1>
                </div>
            </div>
            <div class="col-md-4">
                <div class="breadcrumbs">
                    <ul>
                        <li>
                            <a href="{{ url('/') }}">Home</a> <span>>></span>
                        </li>
                        <li>Notícias</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            @if($posts)
                @foreach($posts as $item )
                    <a href="{{ url('post/'.$item->link_permanente) }}">
                        <div class="col-lg-4">
                            <div class="noticia">
                                <div class="icone">
                                    <i class="fa fa-newspaper-o"></i>
                                </div>
                                <div class="texto">
                                    <h3>{{ substr($item->titulo,0,70) }}</h3>
                                    <span>Publicada em {{ date('d/m/Y',strtotime($item->created_at)) }}</span>
                                </div>
                            </div>
                        </div>
                    </a>
                @endforeach
                <div class="col-md-12">
                    {{$posts ->links('vendor/pagination/bootstrap-3')}}
                </div>
            @endif


            @isset($feed['items'])
                @foreach($feed['items'] as $key => $item)
                    <div class="col-lg-4">
                        @if(!isset($item->solicitacao_id))
                            <a href="{{ $item->get_permalink() }}" target="_blank">
                                <div class="noticia">
                                    <div class="icone">
                                        <i class="fa fa-newspaper-o"></i>
                                    </div>
                                    <div class="texto">
                                        <h3>{{ substr($item->get_title(),0,70) }}</h3>
                                        <span>Publicada em {{ $item->get_date('d/m/Y') }}</span>
                                    </div>
                                </div>
                            </a>
                        @endif
                    </div>
                    @if($key > ($site->adicional->num_noticias_home - 2))
                        @break
                    @endif
                @endforeach
            @endisset
        </div>
    </div>
@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