@extends('templates.theme-four')

@section('titulo-pagina')
	@if(!empty($site->informacao->nome_comercial))
		{{ $site->informacao->nome_comercial }} - Áreas de atuação
	@else
		Áreas de atuação
	@endif
@endsection

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

@section('header')
	<header class="intro-header">
		<div class="container">
			<div class="intro-message" style="padding: 5% 0;">
				<h1>Áreas de atuação</h1>
			</div>
		</div>
	</header>
@endsection

@section('conteudo')	

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

		<div class="container">
			<div class="row">
				@foreach($site->informacao->areas as $area)
				<div class="col-md-4">
					<div class="area-atuacao">
						<div class="header">
							<i class="fa fa-balance-scale"></i>
							<h2>{{$area->nome}}</h2>
						</div>
						<div class="texto">
							{!!$area->descricao!!}
						</div>
					</div>
				</div>
				@endforeach
			</div>
		</div>
		<!-- /.container -->
	</section>

@endsection

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

      var highestBox = 0;
      
      $('.area-atuacao', this).each(function(){
        
        if($(this).height() > highestBox) {
          highestBox = $(this).height(); 
        }
      
      });  

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