@extends('blog.layout.base')

@section('title', $post->title.' - Mapa do Imóvel')
@section('description', $post->excerpt.' - Mapa do Imóvel')

@section('body')
    <div class="post-hero lazy" data-bg="{{ \TCG\Voyager\Facades\Voyager::image($post->image) }}">
        <a href="{{ route('index.blog') }}" class="post-logobar w-inline-block"><img src="/images/logo-mapa.svg" loading="lazy" width="217" alt=""></a>
    </div>
    <div class="post-content">
        <div class="container">
            <div class="post-flexbox">
                <div class="post-social">
                    <a href="https://api.whatsapp.com/send?phone={{ setting('dados.whatsapp') }}&text=Olá, tenho um dúvida!" target="_blank" class="social-item w-inline-block"></a>
                    <a href="https://www.instagram.com/mapadoimovel/" target="_blank" class="social-item instagram w-inline-block"></a>
                    <a href="{{ route('home') }}" class="social-item site w-inline-block"></a>
                </div>
                <div class="post-contentbox" >
                    <h1 class="title post-title">{{ $post->title }}</h1>
                    <div class="post-author-contentbox">
                        <div class="post-author-img lazy" data-bg="{{ \TCG\Voyager\Facades\Voyager::image($post->authorId->avatar) }}"></div>
                        <div>
                            <div class="post-author-text">{{ $post->authorId->name }}<br></div>
                            <div class="text-block-copy">{{ $post->created_at->format('d/m/Y - H:i') }}</div>
                        </div>
                    </div>
                    <div class="post-content-data">
                        {!! $post->body !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('blog.layout.newsletter')
@endsection