@extends('layout.app')

@section('title', "Bairro ".$neighborhood->name)
@section('description', $neighborhood->short_description)

@section('body')
    <div class="category-page_hero-section lazy neighborhood-box-header" data-bg-multi="linear-gradient(180deg, transparent, transparent 60%, rgba(0, 0, 0, 0.5)), url({{ \TCG\Voyager\Facades\Voyager::image($neighborhood->image) }})">
        @include('partials.mainHeader')
        <div class="container">
            <h1 class="category-page_hero-section_title">{{ $neighborhood->name }}</h1>
            <div class="category-page_hero-section_subtitle">{{ $neighborhood->short_description }}</div>
        </div>
    </div>
    <div class="neighborhood-description">
        <div class="container">
            <div class="category-page_about-section_content-box">
                <div class="immobile-page_content_left-box">
                    {!! $neighborhood->description !!}
                </div>
                <div class="immobile-page_content_right-box bairro-fit-content">
                    <div class="immobile-page_form-block">
                        <div class="immobile-page_form-block_title">Tenho interesse neste bairro!</div>
                        <div class="immobile-page_form-block_subtitle">Sem compromisso converse com nosso especialista.</div>
                        <div class="immobile-page_form-block_form-block w-form">
                            <form id="contact_form" name="fomulario_imovel" class="immobile-page_form-block_form" method="post" action="{{ route('contact.form') }}">
                                @csrf
                                <input type="hidden" name="property_code" value="{{ $neighborhood->name }}">
                                <div class="immobile-page_form-block_form_row">
                                    <input type="text" class="immobile-page_form-block_input w-input" maxlength="256" name="name" data-name="Name" placeholder="Digite seu nome" id="name" required="">
                                    <input type="tel" class="immobile-page_form-block_input w-input" maxlength="256" name="phone" data-name="phone" placeholder="Digite seu telefone" id="phone" required="">
                                    <input type="text" style="display: none" maxlength="256" name="surname" data-name="surname" id="surname" required="" value="humano">
                                </div>
                                <input type="email" class="immobile-page_form-block_input w-input" maxlength="256" name="email" data-name="email" placeholder="Digite seu e-mail" id="email" required="">
                                <textarea id="message" name="message" maxlength="5000" data-name="message" required="" class="immobile-page_form-block_input textarea w-input">Olá, tenho interesse no bairro {{ $neighborhood->name }}  e gostaria de receber mais informações.</textarea>
                                <button type="submit" class="immobile-page_form-block_button w-inline-block botao-form">
                                    <img src="/images/icone-email-branco.svg" width="23" alt="email" class="immobile-page_form-block_button_icon">
                                    <div class="immobile-page_form-block_button_text">Enviar Mensagem</div>
                                </button>
                            </form>
                            @foreach ($errors->all() as $error)
                                <div class="w-form-fail">
                                    <div>{{ $error }}</div>
                                </div>
                            @endforeach
                            @if(Session::has('messageError'))
                                <div class="w-form-fail">
                                    <div>{{Session::get('messageError')}}</div>
                                </div>
                            @endif
                            @if(Session::has('messageOk'))
                                <div class="w-form-done">
                                    <div>{{Session::get('messageOk')}}</div>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="list-section">
        <div class="container">
            <h2 class="section-h2">Conheça os nossos imóveis no bairro {{ $neighborhood->name }}</h2>
            <div class="list-section search-padding">
                @if($properties != null)
                    @if(count($properties) > 4)
                        @php
                            $property = $properties->first();
                            $properties->shift();
                        @endphp
                        @include('partials.propertyBox.propertyBoxHorizontal')
                        <div class="list-section_row">
                            @foreach($properties as $property)
                                @if(is_array($property))
                                    @include('partials.propertyBox.propertyBox')
                                @endif
                            @endforeach
                        </div>
                    @else
                        <h2 class="section-h2">Não foram localizados imóveis neste bairro</h2>
                    @endif
                    <div class="pagination-center">
                        {{ $properties->onEachSide(1)->links() }}
                    </div>
                @else
                    <div class="container">
                        <h2 class="section-h2">Não foram localizados imóveis neste bairro</h2 class="section-h2">
                    </div>
                @endif
            </div>
            </div>
        </div>
    </div>
    @include('partials.testimonies')
    @include('partials.brokers')
@endsection

@section('extra_scripts')
@endsection