@extends('templates.theme-two')

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

@section('menu-profissionais')
    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>Nossos profissionais</h1>
                    @endif
                </div>
            </div>
            <div class="col-md-4">
                <div class="breadcrumbs">
                    <ul>
                        <li>
                            <a href="{{ url('/') }}">Home</a> <span>>></span>
                        </li>
                        <li>Profissionais</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="row">
            @foreach($conteudo ->conteudos() -> where('tipo','profissional') ->get() as $profissional)
                <div class="col-md-4">
                    <div class="area-atuacao">
                        <div class="header">
                            <img class="img-responsive"
                                alt="{{$profissional->nome}}"
                                 @if($profissional ->imagem)
                                    src="{{route('arquivo.show',$profissional ->imagem)}}" 
                                 @else
                                    src="{{asset('uploads/pessoa-anonima.png')}}"
                                 @endif
                            >
                            <h2>{{$profissional->nome}}</h2>
                        </div>
                        <div class="texto">
                            {!!$profissional->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