@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">
		<div class="container">
			<div class="intro-message" style="padding: 5% 0;">
				<h1>Notícias</h1>
			</div>
		</div>
	</header>
@endsection

@section('conteudo')	

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

		<div class="container">
			<div class="row">      
				@if(!empty($feed))
					@foreach($feed['items'] as $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>
								@else
								<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>
								@endif
							</div>
						</div>
					</div>
					@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