@extends('templates.theme-four')

@section('titulo-pagina')
	@if(!empty($site->informacao->nome_comercial))
		{{ $site->informacao->nome_comercial }} - Quem Somos
	@else
		Página inicial
	@endif
@endsection

@section('style')
<style>
	.profissionais{
		margin-top: 30px;
	}
	.profissionais img{
		border-radius: 100%;
	}
</style>
@endsection

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

@section('header')
	<header class="intro-header">
		<div class="container">
			<div class="intro-message" style="padding: 5% 0;">
				<h1>Quem Somos</h1>
			</div>
		</div>
	</header>
@endsection

@section('conteudo')	
	<div class="container">
		<div class="row">
			<div class="col-md-9">
				<p class="lead">{!!$site->informacao->sobre!!}</p>
			</div>
		</div>
		<div class="row">
			<div class="col-md-9">
				@foreach($site->informacao->profissionais as $key => $profissional)
				<div class="profissionais">
					<div class="row">
						<div class="col-md-4">
							<img src="{{route('mostrarImagem', ['nomeDoArquivo' => $profissional->imagem, 'user'=>$site->user->id ])}}" alt="{{$profissional->nome}}" class="img-responsive" style="max-width: 100%; margin-bottom: 10px;">
							
						</div>
						<div class="col-md-8">
							<h2>{{$profissional->nome}} - OAB {{$profissional->oab}}</h2>
							{!!$profissional->descricao!!}
							@if(($key+1) == count($site->informacao->profissionais))
								<div class="text-center" style="margin: 80px 0;">
									<a class="btn btn-lg" href="{{url('/areas')}}">CONHEÇA NOSSAS ÁREAS DE ATUAÇÃO</a>
								</div>
							@endif
						</div>
					</div>
				</div>
				@endforeach
			</div>
		</div>
	</div>
@endsection