@extends('templates.theme-eight')

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

@stop
@section('menu-home')
    active
@stop

@section('content')
    <section class="section-imagens">
        <div class="owl-carousel" >
            @foreach($conteudo ->conteudos() -> where('tipo','slide_imagem') ->get() as $slide)
                <img src="{{route('arquivo.show',$slide -> imagem)}}" alt="sobre o escritório">
            @endforeach
        </div>
    </section>

    <section class="areas">
        <div class="container-fluid">
            <div class="row">
                @foreach($conteudo -> conteudos() -> where('tipo','area_atuacao')->get() as $area)
                    <div class="col-md-3 areas-itens" style="background-color: {{$area ->conteudosMetas()->where('meta_key','background') ->first()  ? '#'.$area ->conteudosMetas()->where('meta_key','background') ->first() ->meta_valor : 'black' }} ">
                        <div class="icon">
                            <i class="{{$area -> icone}}"></i>
                        </div>
                        <div class="nome text-uppercase">
                            <h2>{{$area -> nome}}</h2>
                        </div>
                        <div class="descricao">
                            {!! $area -> descricao !!}
                        </div>
                    </div>
                @endforeach
            </div>

        </div>
    </section>

    <section class="section-contato py-5">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="text-center">
                        <h3 class="text-white fw-light">
                            @if ($conteudo ->conteudos() ->where('tipo','titulo_contato') -> first())
                          
                                {!!$conteudo->conteudos()->where('tipo','titulo_contato')->first()->descricao !!}
                            @else
                                    ENVIE SUA MENSAGEM, DÚVIDA, OU SUGESTÃO!
                            @endif
                        </h3>
                        <div class="row justify-content-center text-start">
                            <div class="col-md-10">
                                <div class="form-contato">
                                    <div class="">
                                        {!! Form::open( ['route' => ['salvarMensagem', 'subdominio' => Route::input('subdominio') ] , 'method' => 'POST', 'class'=>'row', 'id' => 'mensagem'] ) !!}

                                        {!! Form::hidden('id_solicitacao', $site->id, ['class'=>'form-control']) !!}
                                        <div class="col-md-6">

                                            <div class="my-2">
                                                <label for="nome" class="form-label">Nome</label>
                                                <input id="nome" type="text" class="form-control" placeholder="digite seu nome completo" name="nome">
                                            </div>
                                            <div class="my-2">
                                                <label for="email" class="form-label">E-mail</label>
                                                <input id="email" type="text" class="form-control" placeholder="digite seu melhor e-mail" name="email">
                                            </div>
                                            <div class="my-2">
                                                <label for="email" class="form-label">Telefone</label>
                                                <input id="email" type="text" class="form-control" placeholder="(38) 9 9999-9999" name="telefone">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div>
                                                <label for="mensagem" class="form-label">Mensagem</label>
                                                <textarea id="mensagem" cols="30" rows="10" class="form-control" name="mensagem"></textarea>
                                            </div>
                                        </div>

                                        <div class="col-md-12 col-sm-12 d-flex justify-content-center">
                                            <div class="form-group" style="margin-top: 20px;">
                                                <div class="g-recaptcha" id="captcha" data-sitekey="6LfxLZ0UAAAAABbZxZKZh14q-uVxQZK5-sY52dWC"></div>
                                            </div>
                                        </div>
                                        <div class="col-12 mt-3">
                                            <div>
                                                <button class="btn btn-link w-100 py-3">
                                                    Enviar mensagem
                                                </button>
                                            </div>
                                        </div>
                                        {!! Form::close() !!}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

@endsection