@extends('templates.theme-two')

@section('titulo-pagina')
	{{ $site->informacao->nome_comercial }} - Áreas de Atuação
@endsection

@section('menu-areas')
	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">
					@if($site ->configuracao -> conteudos('tipo','titulo_pagina') ->first());
						<h1>ÁREAS DE ATUAÇÃO</h1>
					@endif
				</div>
			</div>
			<div class="col-md-4">
				<div class="breadcrumbs">
					<ul>
						<li>
							<a href="{{ url('/') }}">Home</a> <span>>></span>
						</li>
						<li>Áreas de atuação</li>
					</ul>
				</div>
			</div>
		</div>
		<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>
@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