@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('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">
                    @if($conteudo -> conteudos() -> where('tipo','titulo_pagina') ->first());
                        <h1>{!! $conteudo -> conteudos() -> where('tipo','titulo_pagina') ->first() ->descricao !!}</h1>
                    @else
                        <h1>AREAS 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($conteudo ->conteudos() ->where('tipo','area_atuacao') ->get()  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