@extends('front.layout.app')
@section('title', $blog->title)
{{--@section('meta_description', $meta_description)--}}
@section('content')

{{--    <section class="flat-title ">--}}
{{--        <div class="container2">--}}
{{--            <div class="row">--}}
{{--                <div class="col-lg-12">--}}
{{--                    <div class="title-inner style">--}}
{{--                        <div class="title-group fs-12"><a class="home fw-6 text-color-3"--}}
{{--                                                          href="{{route('front.home')}}">Home</a><a--}}
{{--                                class="home fw-6 text-color-3"--}}
{{--                                href="{{ route('front.blogs') }}">Blogs</a><span>{{ $blog->title ?? '' }}</span></div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </section>--}}

    <section class="tf-section3 flat-blog-detail flat-property-detail">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="post">
                        <h1 class="title-heading">{{ $blog->title ?? '' }}</h1>
                        <div class="icon-boxs flex flex-wrap gap-20">
                            <div class="icon flex align-center">
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                                     xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M11.9883 12.4831C11.5225 11.8664 10.9198 11.3662 10.2278 11.022C9.53575 10.6779 8.77324 10.4991 8.00033 10.4998C7.22743 10.4991 6.46492 10.6779 5.77288 11.022C5.08084 11.3662 4.47816 11.8664 4.01233 12.4831M11.9883 12.4831C12.8973 11.6746 13.5384 10.6088 13.8278 9.4272C14.1172 8.24555 14.0405 7.00386 13.608 5.86679C13.1754 4.72972 12.4075 3.75099 11.4059 3.0604C10.4044 2.36982 9.21656 2 8 2C6.78344 2 5.59562 2.36982 4.59407 3.0604C3.59252 3.75099 2.82455 4.72972 2.39202 5.86679C1.95949 7.00386 1.88284 8.24555 2.17221 9.4272C2.46159 10.6088 3.10333 11.6746 4.01233 12.4831M11.9883 12.4831C10.891 13.4619 9.47075 14.0019 8.00033 13.9998C6.52969 14.0021 5.10983 13.4621 4.01233 12.4831M10.0003 6.4998C10.0003 7.03024 9.78962 7.53894 9.41455 7.91402C9.03948 8.28909 8.53077 8.4998 8.00033 8.4998C7.4699 8.4998 6.96119 8.28909 6.58612 7.91402C6.21105 7.53894 6.00033 7.03024 6.00033 6.4998C6.00033 5.96937 6.21105 5.46066 6.58612 5.08559C6.96119 4.71052 7.4699 4.4998 8.00033 4.4998C8.53077 4.4998 9.03948 4.71052 9.41455 5.08559C9.78962 5.46066 10.0003 5.96937 10.0003 6.4998Z"
                                        stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                                <span class="fw-6 text-color-3 fs-16">Nahide Karabag</span>
                            </div>
                            <div class="icon flex align-center">
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                                     xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M4.5 2V3.5M11.5 2V3.5M2 12.5V5C2 4.60218 2.15804 4.22064 2.43934 3.93934C2.72064 3.65804 3.10218 3.5 3.5 3.5H12.5C12.8978 3.5 13.2794 3.65804 13.5607 3.93934C13.842 4.22064 14 4.60218 14 5V12.5M2 12.5C2 12.8978 2.15804 13.2794 2.43934 13.5607C2.72064 13.842 3.10218 14 3.5 14H12.5C12.8978 14 13.2794 13.842 13.5607 13.5607C13.842 13.2794 14 12.8978 14 12.5M2 12.5V7.5C2 7.10218 2.15804 6.72064 2.43934 6.43934C2.72064 6.15804 3.10218 6 3.5 6H12.5C12.8978 6 13.2794 6.15804 13.5607 6.43934C13.842 6.72064 14 7.10218 14 7.5V12.5"
                                        stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
                                </svg>
                                <span class="fs-16">{{ $blog->updated_at->format('M d, Y') }}</span>
                            </div>
                        </div>
                        <div class="blog-content-area fs-16 lh-28 text-color-2">
                            {!! $blog->content !!}
                        </div>

                        <div class="tag-wrap flex flex-wrap justify-space align-center gap-8">

                            <div class="share-box flex-three">
                                <p class="text-color-2 fw-5 font">Share this post:</p>
                                <div class="icon-social">
                                    <a href="https://www.facebook.com/sharer/sharer.php?u={{ url()->current() }}"
                                       target="_blank"><i class="icon-autodeal-facebook"></i></a>
                                    <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ url()->current() }}"
                                       target="_blank"><i class="icon-autodeal-linkedin"></i></a>
                                    <a href="https://twitter.com/intent/tweet?url={{ url()->current() }}&text={{ urlencode($blog->title) }}"
                                       target="_blank"><i class="icon-autodeal-twitter"></i></a>

                                </div>
                            </div>
                        </div>

                    </div>
                </div>


            </div>
        </div>
    </section>

@endsection