@extends('layout.app')

@section('title', $page->title)
@section('description', $page->description)

@section('extraHeaders')
    <meta name="facebook-domain-verification" content="lrn3cynxh6aiwnefex866nqp5zb4sj" />
@endsection

@section('body')
    <div class="intro-section" style="background-image: url({{\App\DomainConfig::getConfig('home_backgroud', \Illuminate\Support\Facades\Request::url()) }}); background-size: cover;">
        @include('partials.mainHeader')
        {{--Busca desktop--}}
        <div class="intro-section_content">
            <div class="container">
                @include('partials.searchbox.buscaHome')
                <h1 class="intro-section_content_h1">Encontre o imóvel perfeito em {!! \App\DomainConfig::getConfig('city_name', \Illuminate\Support\Facades\Request::url()) !!} em dois passos!</h1>
            </div>
        </div>
    </div>
    {{--Busca Mobile Visual--}}
    @include('partials.searchbox.busca_mobile')
    @include('partials.searchbox.buscaHomeMobile')
    @include('partials.news')
    @if(count($neighborhoods) >= 1)
        <div class="neighborhood">
            <div class="container">
                <h2 class="section-h2">Os bairros mais procurados da Serra</h2>
                <div class="container">
                    <div class="category-page_types_list">
                        @foreach($neighborhoods as $neighborhood)
                            @include('partials.neighborhoodBox')
                        @endforeach
                    </div>
                </div>
                <a href="{{ route('neighborhood.index') }}" class="list-section_item_content_button neighborhood-cta w-button">Ver todos os bairros</a>
            </div>
        </div>
    @endif
    <div class="list-section">
        <div class="container" id="properties">
            <h2 class="section-h2">Conheça os nossos destaques</h2>
            <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
        </div>
    </div>
    @include('partials.testimonies')
    @include('partials.brokers')
@endsection

@section('extra_scripts')
    <script type="text/javascript">
        $( document ).ready(function() {
            console.log('aquiii');
            $.ajax({
                url: '{{ route('home.properties') }}',
                type: "GET",
                dataType: "html",
            }).done(function(response) {
                $("#properties").html(response)
                runLazyload();
            }).fail(function(jqXHR, textStatus ) {
                $("#properties").html('<h2 class="section-h2">Estamos passando por uma instabilidade, tente novamente em alguns minutos</h2>')
            }).always(function() {
                console.log('Completou!!!')
            });
        });
    </script>
@endsection