@extends('frontend.layout.app')
@section('content')
<main>  
          
       <section class="banner-sec ">
            <h1 class="title text-white text-center"> {{ $getBlogPost->title }}</h1>
        </section>
       <section class="services-sec pb-5">
        <div class="services-top-main-cont">
            <div class="container">
            
            <div class="share-articles">
                <ul >
                    <li >Share this article</li>
                      
                    <li><a href="http://www.facebook.com/sharer.php?u={{ $CurPageURL }}" target="_blank"><img src="{{ url('public/home/assets/img/facebook.svg') }}" alt="" class="img-fluid"></a></li>
                    <li><a href="http://twitter.com/share?url={{ $CurPageURL }}" target="_blank"><img src="{{ url('public/home/assets/img/twitter.svg') }}" alt="" class="img-fluid"></a></li>
                    <li><a href="https://www.instagram.com/sharer.php?u={{ $CurPageURL }}" target="_blank"><img src="{{ url('public/home/assets/img/insta.svg') }}" alt="" class="img-fluid"></a></li>
                    <li><a href="https://in.linkedin.com/sharer.php?u={{ $CurPageURL }}" target="_blank"><img src="{{ url('public/home/assets/img/linked.svg') }}" alt="" class="img-fluid"></a></li>
                    <li><a href="#" target="_blank"><img src="{{ url('public/home/home-assets/img/share-icon.svg') }}" alt="" class="img-fluid"></a></li>
                    
                </ul>
            </div>
            <div class="main-content">
            {!! $getBlogPost->description !!}
                
<p>If you would like to explore how Soothsayer can help your company become more data driven, visit us at www.SoothsayerAnalytics.com, call us at 1-844-44-SOOTH, or e-mail us at info@soothsayeranalytics.com</p>

<!--form cont start  -->
<div class="form-top-cont p-sm-5 p-3">
<h2 class="font-weight-bold text-white">Leave A Comment</h2>
<form action="#" method="post" class="comment-form" id="contact-form">
    <div class="row">
        <div class="col-md-6">
            <div class="form-group text-area">
               <textarea name="" id="" cols="30" rows="10" class="form-control" placeholder="Comment"></textarea>
            </div>
        </div>
        <div class="col-md-6">
            <div class=" h-100">
                <div class="form-group">
                    <input type="text" name="" id="" class="form-control" placeholder="Name">
                </div>
                <div class="form-group">
                    <input type="email" name="" id="" class="form-control" placeholder="E-mail">
                </div>
                <div class="form-group">
                    <input type="text" name="" id="" class="form-control" placeholder="Website">
                </div>
            </div>
        </div>
        <div class="col-md-6 mt-4 d-flex flex-column justify-content-center">
            <div class="form-group checkbox mb-0">
                <input type="checkbox" name="" id="saveCheck" class=""><label class="text-white" for="saveCheck">Save my name, email, and website in this browser for the next time I comment.</label>
            </div>
        </div>
        <div class="col-md-6 text-md-right text-center mt-4">
            <div class="form-group submit_">
            <!-- <input type="button" value="POST COMMENT" class="custom-btn"> -->
            <button class="custom-btn" type="button">POST COMMENT</button>
            </div>
        </div>
    </div>
</form>
</div>
<!--form cont end  -->
   <!-- Blog -->
   <section class="our-blog-sec py-5">
    <div class="container">
        <div class="title-cont mb-2">
            <h2 class="title">Our <span>Blog</span></h2>
            <a href="{{ url('blog') }}" class="custom-btn">see more</a>
        </div>
        <div class="blog owl-carousel">
            @foreach($featuredBlogs as $post)
            <div class="item">
                <div class="blog-cont">
                <a href="{{ url('blog/'.$post->title_slug) }}">
                
                <img src="{{ url('public/home/assets/blog-images/'.$post->images)}}" 
alt="{{ $post->title }}" title="{{ $post->title }}" class="img-fluide blog-img  wow animate__animated  animate__fadeInLeft">
                <h5 class="blog-title">{{ $post->title }} <br>
                <span class="invisible">visibility-none</span>
                </h5>
                {!! mb_strimwidth($post->description, 0, 100, '...ReadMore') !!}
                </a>
                </div>
            </div>
            @endforeach
            
        </div>
    </div>
</section>
            </div>
            </div>
        </div>
       </section>
   </main>
@endsection