@extends('templates.theme-eight')

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

@section('content')
    <section class="container " style="">
        <div class="row" style="margin: 5em 0;">
            <div class="col-md-12 text-center">
                @if($conteudo->conteudos()->where('tipo','titulo_pagina')->first())
                    <h1>{!!$conteudo->conteudos()->where('tipo','titulo_pagina')->first()->descricao!!}</h1>
                @else
                    <h1>Áreas de atuação</h1>
                @endif
            </div>

            <div class="col-md-12">
                <div class="row mt-5 justify-content-center">
                    <div class="col-md-10">
                        <div class="row">
                            @foreach($site -> configuracao -> conteudos() -> where('tipo','area_atuacao')->get() as $area)
                                <div class="col-md-4">
                                    <div class="d-flex flex-column justify-content-center p-3 rounded-3 mb-3" style="background-color: #f6f6f6;">
                                        <div class="text-center mb-4">
                                            <span class="fa-4x {{$area ->icone}}"></span>
                                        </div>
                                        <div class="text-center">
                                            <h2>
                                                {{$area -> nome}}
                                            </h2>
                                        </div>
                                        <div class="text-center">
                                            {!! $area ->descricao !!}
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection