@extends('templates.theme-two')

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

@section('styles')
	<style>
		.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('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(!empty($feed))
				@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>
						@else
						<a href="{{ url('post/'.$item->link_permanente) }}">
							<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>
						</a>
						@endif
					</div>
					@if( ($key + 1) % 3 == 0)
						</div>
						<div class="row">
					@endif
				@endforeach
			@endif
		</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