@extends('layout.app')

@section('title', $property['Categoria']." no bairro ".mb_convert_case($property['Bairro'], MB_CASE_TITLE, 'UTF-8')." em ".mb_convert_case($property["Cidade"], MB_CASE_TITLE, 'UTF-8'))
@section('description', $page->description)

@section('extraHeaders')
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
@endsection

@section('body')
    @include('partials.navbar')
    {{--Galeria fancybox--}}
    @php
        $property["Foto"] = array_merge($property["Foto"], $property["FotoEmpreendimento"]);
    @endphp
    <div class="w-hidden" id="imagesGalery">
        @if(is_array($property["Foto"]))
            @php
                $i = 1;
            @endphp
            @foreach($property["Foto"] as $image)
                @if($i == 2 and count($property["Video"]) >= 1)
                    <a  data-fancybox="gallery" class="galery" href="https://www.youtube.com/watch?v={{array_values($property["Video"])[0]["Video"]}}"></a>
                @endif
                <a href="{{$image["Foto"]}}"  data-thumb="{{$image["FotoPequena"]}}" data-fancybox="gallery" class="galery"></a>
                @php
                    $i++;
                @endphp
            @endforeach
        @else
            <a href="{{ Storage::url(setting('site.imageEmpty')) }}"  data-fancybox="gallery" class="galery"></a>
        @endif
        <div class="immobile-page_photo-modal_contact-box" id="box">
            <div class="immobile-page_photo-modal_contact-box_content">
                <div class="immobile-page_content_price-box_text modal_price-box_text white-text">
                    @if($property["ValorVenda"] != '')
                        <span class="price-type">R$</span>{{ number_format($property["ValorVenda"], '2', ',', '.') }}
                    @else
                        <span class="price-type">Sob consulta!</span>
                    @endif
                </div>
                <div class="immobile-page_photo-modal_contact-box_content_links">
                    <a href="tel:{{ setting('dados.phone') }}" class="main-navbar_right-box_phone modal_phone w-inline-block">
                        <img src="/images/icone-telefone-branco.svg" width="12" alt="" class="main-navbar_right-box_phone_icon modal_phone_icon">
                        <div class="main-navbar_right-box_phone_text modal_phone_text white-text">{{ setting('dados.phone') }}</div>
                    </a>
                    <a href="{{ route('contact') }}" class="immobile-page_form-block_button modal_button w-inline-block">
                        <img src="/images/icone-email-branco.svg" width="20" alt="" class="immobile-page_form-block_button_icon">
                        <div class="immobile-page_form-block_button_text links-button-text">Enviar Mensagem</div>
                    </a>
                    <a href="https://api.whatsapp.com/send?phone={{ $broker->phone }}&text=Olá, estou entrando em contato pelo site, tenho interesse no Imóvel{{$property["Codigo"]}}" class="immobile-page_form-block_button modal_button w-inline-block cor-whats">
                        <img src="/images/icone-whatsapp-branco.svg" width="17" alt="" class="immobile-page_form-block_button_icon">
                        <div class="immobile-page_form-block_button_text links-button-text">Enviar Whatsapp</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="photo-modal_mobile-immobile-page_fixed-footer" id="boxMobile">
            <div class="mobile-immobile-page_fixed-footer_content">
                <div class="mobile-immobile-page_fixed-footer_content_text-box">
                    <div class="mobile-immobile-page_fixed-footer_content_text-box_price white-text">
                        @if($property["ValorVenda"] != '')
                            <span class="price-type">R$</span>{{ number_format($property["ValorVenda"], '2', ',', '.') }}
                        @endif
                    </div>
                    <div class="mobile-immobile-page_fixed-footer_content_text-box_subtitle white-text">Pelo corretor - CRECI {{$broker->creci}}</div>
                    <div class="mobile-immobile-page_fixed-footer_content_text-box_name white-text">{{ $broker->name }}</div>
                </div>
                <div class="mobile-immobile-page_fixed-footer_content_buttons-box">
                    <a href="{{ route('contact') }}" class="immobile-page_form-block_button links-button mobile-immobile-page_fixed-footer_content_buttons-box-item w-inline-block">
                        <img src="/images/icone-email-branco.svg" width="20" alt="" class="immobile-page_form-block_button_icon">
                        <div class="immobile-page_form-block_button_text links-button-text mobile-immobile-page_fixed-footer_content_buttons-box-item_text">Enviar Mensagem</div>
                    </a>
                    <a href="https://api.whatsapp.com/send?phone={{ $broker->phone }}&text=Olá, estou entrando em contato pelo site, tenho interesse no Imóvel{{$property["Codigo"]}}" target="_blank" class="immobile-page_form-block_button links-button mobile-immobile-page_fixed-footer_content_buttons-box-item w-inline-block">
                        <img src="/images/icone-whatsapp-branco.svg" width="20" alt="" class="immobile-page_form-block_button_icon">
                        <div class="immobile-page_form-block_button_text links-button-text mobile-immobile-page_fixed-footer_content_buttons-box-item_text">Conversar por Whatsapp</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
{{--    Imagens Mobile--}}
    <div data-animation="slide" data-duration="500" data-infinite="1" class="list-section_item_slider mobile-immobile-page_main-slider w-slider openGalery0">
        <div class="list-section_item_slider_mask w-slider-mask">
            @if(count($property["Foto"]) >= 1)
                <div class="list-section_item_slider_slide w-slide">
                    <img data-src="{{ $property["Foto"][0]["Foto"] }}" data-error="{{ str_replace('\\', '/', Storage::url(setting('site.imageEmpty'))) }}" alt="{{ $image["Descricao"] }}" class="lazy list-section_item_slider_slide-image object-image">
                </div>
            @else
                <div class="list-section_item_slider_slide w-slide">
                    <img data-src="{{ str_replace('\\', '/', Storage::url(setting('site.imageEmpty'))) }}" data-error="{{ str_replace('\\', '/', Storage::url(setting('site.imageEmpty'))) }}" alt="Sem Imagem" class="lazy list-section_item_slider_slide-image object-image">
                </div>
            @endif
        </div>
    </div>
    <div data-w-id="d2f4c21e-2796-4a11-aa8c-33e6743f5538" class="immobile-page_header_button mobile-photo-modal-button openGalery0">
        <img src="/images/icone-foto.svg" width="26" alt="">
        <div class="immobile-page_header_button_text">Ver todas as fotos</div>
    </div>
{{--    Imagens Desktop--}}
    <a class="immobile-page_header w-inline-block">
        @if(count($property["Foto"]) >= '1')
            <div class="immobile-page_header_main-photo lazy openGalery0" data-bg="{{array_values($property["Foto"])[0]["Foto"]}}" data-error="{{ str_replace('\\', '/', Storage::url(setting('site.imageEmpty'))) }}"></div>
        @else
            <div class="immobile-page_header_main-photo lazy openGalery0" data-bg="{{ str_replace('\\', '/', Storage::url(setting('site.imageEmpty'))) }}"></div>
        @endif
        <div class="immobile-page_header_right-box">
            @if(count($property["Video"]) >= 1)
                <div class="immobile-page_header_right-box_photo lazy openGalery1" data-bg="https://img.youtube.com/vi/{{array_values($property["Video"])[0]["Video"]}}/hqdefault.jpg" data-error="{{ str_replace('\\', '/', Storage::url(setting('site.imageEmpty'))) }}">
                    <button class="you-tube-center">
                        <img src="/images/YouTube-White-Full-Color-Logo.wine.svg" width="165" alt="">
                    </button>
                </div>
                @if(count($property["Foto"]) >= '2')
                    <div class="immobile-page_header_right-box_photo photo2 lazy openGalery2" data-bg="{{array_values($property["Foto"])[1]["Foto"]}}" data-error="{{ str_replace('\\', '/', Storage::url(setting('site.imageEmpty'))) }}">
                        <button class="immobile-page_header_button">
                            <img src="/images/icone-foto.svg" width="26" alt="">
                            <div class="immobile-page_header_button_text">Ver todas as fotos</div>
                        </button>
                    </div>
                @else
                    <div class="immobile-page_header_right-box_photo photo2 lazy openGalery0" data-bg="{{ str_replace('\\', '/', Storage::url(setting('site.imageEmpty'))) }}">
                        <button class="immobile-page_header_button">
                            <img src="/images/icone-foto.svg" width="26" alt="">
                            <div class="immobile-page_header_button_text">Ver todas as fotos</div>
                        </button>
                    </div>
                @endif
            @else
                @if(count($property["Foto"]) >= '2')
                    <div class="immobile-page_header_right-box_photo lazy openGalery1" data-bg="{{array_values($property["Foto"])[1]["Foto"]}}" data-error="{{ str_replace('\\', '/', Storage::url(setting('site.imageEmpty'))) }}" ></div>
                @else
                    <div class="immobile-page_header_right-box_photo lazy openGalery0" data-bg="{{ str_replace('\\', '/', Storage::url(setting('site.imageEmpty'))) }}"></div>
                @endif
                @if(count($property["Foto"]) >= '3')
                    <div class="immobile-page_header_right-box_photo photo2 lazy openGalery2" data-bg="{{array_values($property["Foto"])[2]["Foto"]}}" data-error="{{ str_replace('\\', '/', Storage::url(setting('site.imageEmpty'))) }}">
                        <button class="immobile-page_header_button">
                            <img src="/images/icone-foto.svg" width="26" alt="">
                            <div class="immobile-page_header_button_text">Ver todas as fotos</div>
                        </button>
                    </div>
                @else
                    <div class="immobile-page_header_right-box_photo photo2 lazy openGalery0" data-bg="{{ str_replace('\\', '/', Storage::url(setting('site.imageEmpty'))) }}">
                        <button class="immobile-page_header_button">
                            <img src="/images/icone-foto.svg" width="26" alt="">
                            <div class="immobile-page_header_button_text">Ver todas as fotos</div>
                        </button>
                    </div>
                @endif
            @endif
        </div>
    </a>

    {{--Conteudo Imóvel--}}
    <div class="immobile-page_content">
        <div class="container">
            <div class="immobile-page_content-box">
                <div class="immobile-page_content_left-box">
                    {{--<div class="immobile-page_content_tag">Exclusividade  |  Ideal para Investimento </div>--}}
                    <h1 class="immobile-page_content_title">{{ $property['Categoria'] }}, no bairro {{ mb_convert_case($property['Bairro'], MB_CASE_TITLE, 'UTF-8') }} em {{ mb_convert_case($property["Cidade"], MB_CASE_TITLE, 'UTF-8') }}</h1>
                    <p class="immobile-page_content_subtitle">Código do Imóvel: <strong>{{ $property["Codigo"] }}</strong></p>
                    @if($property["Dormitorios"] != '' || $property["TotalBanheiros"] != '' || $property["Vagas"] != '')
                        <div class="list-section_item_content_details-list immobile-page_details-list">
                            @if($property["Dormitorios"] != '')
                                <div class="list-section_item_content_details-list_item immobile-page_details-list_item">
                                    <img src="/images/icone-cama-cinza.svg" width="23" alt="" class="list-section_item_content_details-list_item-icon immobile-page_details-list_item-icon">
                                    <div class="list-section_item_content_details-list_item-text immobile-page_details-list_item-number">{{ $property["Dormitorios"] }}</div>
                                    <div class="immobile-page_details-list_item-description">dormitórios</div>
                                </div>
                            @endif
                            @if($property["BanheiroSocialQtd"] != '')
                                <div class="list-section_item_content_details-list_item immobile-page_details-list_item">
                                    <img src="/images/bath.svg" width="24" alt="" class="list-section_item_content_details-list_item-icon immobile-page_details-list_item-icon">
                                    <div class="list-section_item_content_details-list_item-text immobile-page_details-list_item-number">{{ $property["BanheiroSocialQtd"] }}</div>
                                    <div class="immobile-page_details-list_item-description">banheiros</div>
                                </div>
                            @endif
                            @if($property["Vagas"] != '')
                                <div class="list-section_item_content_details-list_item immobile-page_details-list_item">
                                    <img src="/images/icone-carro-cinza.svg" width="20" alt="" class="list-section_item_content_details-list_item-icon immobile-page_details-list_item-icon">
                                    <div class="list-section_item_content_details-list_item-text immobile-page_details-list_item-number">{{ $property["Vagas"] }}</div>
                                    <div class="immobile-page_details-list_item-description">vagas p/ carro</div>
                                </div>
                            @endif
                        </div>
                    @endif
                    @if($property["AreaTotal"] != '' || $property["AreaPrivativa"] != '' || $property["DimensoesTerreno"] != '')
                        <div class="list-section_item_content_details-list immobile-page_details-list">
                            @if($property["AreaTotal"] != '')
                                <div class="list-section_item_content_details-list_item immobile-page_details-list_item">
                                    <img src="/images/icone-metragem-cinza.svg" width="23" alt="" class="list-section_item_content_details-list_item-icon immobile-page_details-list_item-icon">
                                    <div class="list-section_item_content_details-list_item-text immobile-page_details-list_item-number">{{ $property["AreaTotal"] }}</div>
                                    <div class="immobile-page_details-list_item-description">m² Totais</div>
                                </div>
                            @endif
                            @if($property["AreaPrivativa"] != '')
                                <div class="list-section_item_content_details-list_item immobile-page_details-list_item">
                                    <img src="/images/Ativo-4.svg" width="33" alt="" class="list-section_item_content_details-list_item-icon immobile-page_details-list_item-icon">
                                    <div class="list-section_item_content_details-list_item-text immobile-page_details-list_item-number">{{ $property["AreaPrivativa"] }}</div>
                                    <div class="immobile-page_details-list_item-description">m² Privativos</div>
                                </div>
                            @endif
                            @if($property["DimensoesTerreno"] != '')
                                <div class="list-section_item_content_details-list_item immobile-page_details-list_item">
                                    <img src="/images/area-space.svg" width="33" alt="" class="list-section_item_content_details-list_item-icon immobile-page_details-list_item-icon">
                                    <div class="list-section_item_content_details-list_item-text immobile-page_details-list_item-number">{{ $property["DimensoesTerreno"] }}</div>
                                    <div class="immobile-page_details-list_item-description"> Terreno</div>
                                </div>
                            @endif
                        </div>
                    @endif
                    <h2 class="immobile-page_content_h2">O imóvel</h2>
                    <p class="immobile-page_content_paragraph">{!! str_replace(["\r\n", "\n"], ["<br>", "<br>"], $property["DescricaoWeb"]) !!}</p>
                    @if(in_array("Sim", $property["Caracteristicas"]))
                        <div class="immobile-page_content_list">
                            @foreach($property["Caracteristicas"] as $key => $caracteristica)
                                @if($caracteristica == "Sim")
                                    <div class="immobile-page_content_list_item">
                                        <img data-src="{{ Storage::url('icones_imoveis/'.$key.'.svg') }}" data-error="{{ Storage::url('icones_imoveis/Generico.svg') }}" width="15" alt="{{$key}}" class="lazy immobile-page_content_list_item-icon">
                                        <div class="immobile-page_content_list_item-text">{{ $key }}</div>
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    @endif
                    @if(in_array("Sim", $property["InfraEstrutura"]) || $property["DescricaoEmpreendimento"] != '')
                        <h2 class="immobile-page_content_h2">O condomínio</h2>
                        <p class="immobile-page_content_paragraph">{!! str_replace(["\r\n", "\n"], ["<br>", "<br>"], $property["DescricaoEmpreendimento"]) !!}</p>
                        @if(in_array("Sim", $property["InfraEstrutura"]))
                            <div class="immobile-page_content_list">
                                @foreach($property["InfraEstrutura"] as $key => $infra)
                                    @if($infra == "Sim")
                                        <div class="immobile-page_content_list_item">
                                            <img data-src="{{ Storage::url('icones_condominio/'.$key.'.svg') }}" data-error="{{ Storage::url('icones_condominio/Generico.svg') }}" width="15" alt="{{ $key }}" class="lazy immobile-page_content_list_item-icon">
                                            <div class="immobile-page_content_list_item-text">{{ $key }}</div>
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                        @endif
                    @endif
                    @if($property["Latitude"] && $property["Longitude"])
                        <h2 class="immobile-page_content_h2">Localização</h2>
                        <div id="detalhes-mapa">
                            <input type="hidden" id="latitude" value="{{ $property["Latitude"] }}">
                            <input type="hidden" id="longitude" value="{{ $property["Longitude"] }}">
                            <br>
                            <div id="mapa"></div>
                        </div>
                    @endif
{{--                    @if(count($property["Video"]) >= 1)--}}
{{--                        <h2 class="immobile-page_content_h2">Vídeo</h2>--}}
{{--                        @foreach($property["Video"] as $video)--}}
{{--                            <div class='embed-container'>--}}
{{--                                <iframe id="player" type="text/html" width="640" height="360"--}}
{{--                                        src="http://www.youtube.com/embed/{{$video["Video"]}}?enablejsapi=1&origin=http://example.com"--}}
{{--                                        frameborder="0"></iframe>--}}
{{--                            </div>--}}
{{--                        @endforeach--}}
{{--                    @endif--}}
                </div>
                {{--Caixa direita com contatos--}}
                <div class="immobile-page_content_right-box">
                    <div class="immobile-page_content_price-box">
                        <div class="immobile-page_content_price-box_text">
                            @if($property["ValorVenda"] != '')
                                <span class="price-type">R$</span>{{ number_format($property["ValorVenda"], '2', ',', '.') }}
                            @else
                                <span class="price-type">Sob consulta!</span>
                            @endif
                        </div>
                        <div class="list-section_item_content_price-box_links-list">
                            <a data-w-id="5a50c94a-1223-1fe5-7ad6-60d55ac1e28a" href="#" class="list-section_item_content_price-box_links-list_item-favorite w-inline-block favorite" id="{{ $property["Codigo"] }}">
                                <img src="/images/icone-coracao.svg" width="22" alt="coracao" class="list-section_item_content_price-box_links-list_item-favorite_icon">
                                <img src="/images/icone-coracao-preenchido.svg" width="22" style="opacity:0" alt="coracao" class="list-section_item_content_price-box_links-list_item-favorite_icon-blue" id="heart{{ $property["Codigo"] }}">
                            </a>
                        </div>
                    </div>
                    <div class="immobile-page_form-block">
                        <div class="immobile-page_form-block_title">Tenho interesse nesse imóvel!</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('request.highlight.form') }}">
                                @honeypot
                                @csrf
                                <input type="hidden" name="property_code" value="{{ $property["Codigo"] }}">
                                <input type="hidden" name="broker_code" value="{{ $broker->id }}">
                                <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 imóvel {{ $property["Codigo"] }} 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 class="immobile-page_links">
                        <a href="https://api.whatsapp.com/send?phone={{ $broker->phone }}&text=Olá, estou entrando em contato pelo site, tenho interesse no Imóvel{{$property["Codigo"]}}" target="_blank" class="immobile-page_form-block_button links-button whats w-inline-block">
                            <img src="/images/icone-whatsapp-branco.svg" width="20" alt="" class="immobile-page_form-block_button_icon">
                            <div class="immobile-page_form-block_button_text links-button-text">Whatsapp para <span class="phone_with_ddd9">{{ substr($broker->phone, 2) }}</span></div>
                        </a>
                        <a href="tel:{{ $broker->phone }}" class="immobile-page_form-block_button links-button w-inline-block">
                            <img src="/images/icone-telefone-branco.svg" width="15" alt="" class="immobile-page_form-block_button_icon">
                            <div class="immobile-page_form-block_button_text links-button-text">Ligar para <span class="phone_with_ddd9">{{ substr($broker->phone, 2) }}</div>
                        </a>
                        <button type="button" class="botao-form immobile-page_form-block_button links-button copy-link w-inline-block" id="link_button">
                            <input id="link_url" type="hidden" value="{{ \Illuminate\Support\Facades\URL::full() }}">
                            <div class="immobile-page_form-block_button_text links-button-text copy-link" id="link_text">Copiar o Link do Imóvel</div>
                        </button>
                    </div>
                    <div class="immobile-page_person-box">
                        <div class="immobile-page_person-box_title">Corretor especialista que lhe atenderá:</div>
                        <div class="immobile-page_team-section_list_item">
                            <div class="immobile-page_team-section_list_item_text-box">
                                <h3 class="immobile-page_team-section_list_item_text-box_name">{{ $broker->name }}</h3>
                                <div class="immobile-page_team-section_list_item_text-box_detail">CRECI {{ $broker->creci }}</div>
                                <p class="immobile-page_team-section_list_item_text-box_paragraph">{!! $broker->description !!}</p>
                            </div>
                            <div class="immobile-page_team-section_list_item_image-box">
                                <img src="{{ Storage::url($broker->photo) }}" width="90" alt="" class="immobile-page_team-section_list_item_image">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="photo-modal_mobile-immobile-page_fixed-footer">
        <div class="container">
            <div class="mobile-immobile-page_fixed-footer_content">
                <div class="mobile-immobile-page_fixed-footer_content_text-box">
                    @if($property["ValorVenda"] != '')
                        <div class="mobile-immobile-page_fixed-footer_content_text-box_price"><span class="price-type">R$</span>{{ number_format($property["ValorVenda"], '2', ',', '.') }}</div>
                    @endif
                    <div class="mobile-immobile-page_fixed-footer_content_text-box_subtitle">Pelo corretor - CRECI {{ $broker->creci }}</div>
                    <div class="mobile-immobile-page_fixed-footer_content_text-box_name">{{ $broker->name }}</div>
                </div>
                <div class="mobile-immobile-page_fixed-footer_content_buttons-box">
                    <a href="{{ route('contact') }}" class="immobile-page_form-block_button links-button mobile-immobile-page_fixed-footer_content_buttons-box-item w-inline-block">
                        <img src="/images/icone-email-branco.svg" width="20" alt="" class="immobile-page_form-block_button_icon">
                        <div class="immobile-page_form-block_button_text links-button-text mobile-immobile-page_fixed-footer_content_buttons-box-item_text">Enviar Mensagem</div>
                    </a>
                    <a href="https://api.whatsapp.com/send?phone={{ $broker->phone }}&text=Olá, estou entrando em contato pelo site, tenho interesse no Imóvel{{$property["Codigo"]}}" target="_blank" class="immobile-page_form-block_button links-button mobile-immobile-page_fixed-footer_content_buttons-box-item w-inline-block">
                        <img src="/images/icone-whatsapp-branco.svg" width="20" alt="" class="immobile-page_form-block_button_icon">
                        <div class="immobile-page_form-block_button_text links-button-text mobile-immobile-page_fixed-footer_content_buttons-box-item_text">Conversar por Whatsapp</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="property-testimonials-background">
        @include('partials.testimonies')
    </div>
@endsection

@section('extra_scripts')
    <script type="text/javascript">
        var map;
        function initMap() {
            map = new google.maps.Map(document.getElementById("mapa"), {
                center: {lat: parseFloat($('#latitude').val()), lng: parseFloat($('#longitude').val())},
                zoom: 15
            });
            // Create marker
            var marker = new google.maps.Marker({
                map: map,
                position: new google.maps.LatLng(parseFloat($('#latitude').val()), parseFloat($('#longitude').val())),
                visible: false,
            });

            // Add circle overlay and bind to marker
            var circle = new google.maps.Circle({
                map: map,
                radius: 600,    // 10 miles in metres
                fillColor: '#4b4b4b'
            });
            circle.bindTo('center', marker, 'position');
        }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?key={{ setting('site.js_maps') }}&callback=initMap"
            async defer></script>

@endsection