@extends('layouts.v2.frontend')

@section('title', '| Blogs')

@section('content')
<div class="blog-banner-section featured-section-blog blog-detils-area-section">
    <div class="container">
       
     <div class="row">
        <div class="col-lg-3 d-none">
            <div class="left-details-blog for-web">
                {{-- <span>Category</span>
                <button>Featured</button> --}}
                <div class="user-section d-none">
                    <span>Written By</span>
                    <img src="{{url('v2/images/user-img.png') }}" alt="">
                    <h6>{{ $blog['author'] }}</h6>
                    <p>Contributor At CRYPTO TRUST AND WILL</p>
                </div>
                <div class="social-media-section">
                    <ul>
                        <li><img src="{{url('v2/images/facebook-img.png') }}" alt="facebook"></li>
                        <li><img src="{{url('v2/images/twitter-img.png') }}" alt="twitter"></li>
                        <li><img src="{{url('v2/images/instragram-img.png') }}" alt="instragram"></li>

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

        <div class="col-lg-12">
            <div class="right-blog-details  right-content-blog">
               <div class="blog-details-rt">
                <h2>{{ $blog['title'] }}</h2>
                <p class="d-none">{{ $blog['short_content'] }}</p>
                {{-- <span>{{ $blog['created_at'] }}</span>  <ul> <li class="text-upper">10 mins read</li></ul> --}}
            </div>
            <div class="blog-image-holder shine-effect">
                <img src="{{url($blog['image']) }}" alt="{{ $blog['title'] }}">
            </div>
           

           <div class="left-details-blog for-mobile">
            <div class="row">
                <div class="col-6">
                    <div class="user-section">
                        <span>Written By</span>
                        <img src="{{url($blog['image']) }}" alt="">
                        <h6>{{ $blog['author'] }}</h6>
                        <p>Contributor At CRYPTO TRUST AND WILL</p>
                    </div>
                </div>
                <div class="col-6">
                    <div class="left-details-blog">
                    <span>Category</span>
                    <button>Featured</button>
                </div>
                    <div class="social-media-section">
                        <ul>
                            <li><img src="{{url('v2/images/facebook-img.png') }}" alt=""></li>
                            <li><img src="{{url('v2/images/twitter-img.png') }}" alt=""></li>
                            <li><img src="{{url('v2/images/instragram-img.png') }}" alt=""></li>
        
                        </ul>
                    </div>
                </div>
            </div>
          
        </div>
            <div class="common-content-blog-dets">
                {!! $blog['content'] !!}
                <div class="d-none">
                    <h3>Lorem ipsum dolor sit amet consectetur.</h3>
                    <p>Dolor sodales dictum platea diam vulputate nullam congue viverra. Pellentesque quis cras eget venenatis tincidunt sed fermentum amet habitasse. At quis et aliquam ac quam. Id quam id purus nec aliquam ac ipsum ut placerat. In mauris eget sit et dictum mi nisl rhoncus.</p>
                    <h3>Accumsan curabitur dignissim quis libero viverra. </h3>   
                    <p>At vitae felis etiam nulla ut condimentum condimentum mauris in. Non quam ultrices et dolor. A augue lectus sit in. At quis lacus egestas cursus pretium leo urna fermentum. Faucibus pulvinar eget lectus adipiscing morbi sed laoreet. Hac id lectus pellentesque malesuada arcu. Nec ipsum scelerisque vel arcu tempus porta. Volutpat ac posuere neque id. Sed ipsum mi leo non hac in mi sem ac. Quam odio congue in nibh. Mauris commodo bibendum eget scelerisque. Odio cras integer malesuada mauris enim tempus tempor nascetur cras. Viverra tristique convallis consequat egestas lacus odio.</p>
                    <h3>Pretium sem montes egestas quam volutpat egestas. </h3>
                    <p>Tempus imperdiet velit vel accumsan at nisl arcu massa. Viverra morbi arcu dolor nisi ullamcorper. Tristique nec est cras faucibus felis sit nunc eget. Risus a donec lobortis semper id laoreet maecenas dignissim maecenas. Amet mauris ac nascetur placerat vitae commodo lectus. Mollis sit aliquam eu cras cras. Erat eget lectus feugiat eget risus orci cursus. Leo enim placerat sed gravida arcu lorem nullam sagittis. Gravida nullam tincidunt commodo porttitor.</p>
                    <p>Lectus sed fringilla commodo in pretium sit blandit in viverra. Pharetra semper nunc ultricies aliquam sed nulla. Pretium dolor sagittis in maecenas in. Scelerisque vitae mi nulla ut tellus elit vulputate. Gravida eget et sit augue et amet. Consectetur tellus auctor velit libero. Faucibus dolor dapibus.</p>
                </div>
            </div>
        </div>
        </div>
     </div>
    </div>
</div>


<div class="blog-sss  new-probate blog-det">
    <div class="container">
        <div class="heading-section capitalize-text">
         
           <span>Latest articles</span>
        </div>
        
        <div class="articles-area blog-articles blog-details-areas">
    
            <div class="swiper articlesSlider swiper-initialized swiper-horizontal swiper-backface-hidden">
                <!-- Swiper Wrapper -->
                <div class="swiper-wrapper" id="swiper-wrapper-f29cbd2f1b882cc1" aria-live="off" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); transition-delay: 0ms;">
                    <!-- Swiper Slide 1 -->
                    @foreach($latest_blogs as $lblog)
                        <a href="{{ route('blog.show', $lblog['slug']) }}">
                                <div class="clss colshh swiper-slide item-post swiper-slide-active" role="group" aria-label="1 / 3" style="width: 412px; margin-right: 30px;">
                                    <div class="shine-effect">
                                        <img src="{{ url($lblog['cover']) }}" alt="{{ $lblog['title'] }}">
                                    </div>
                                    <button class="mt-3">{{ $lblog['category'] }}</button>
                                    <h5 class="mt-0">{{ $lblog['title'] }}</h5>
                                    {{-- <div class="details-post">
                                        <span>{{ $lblog['created_at'] }}</span>
                                        <li class="text-upper">{{ rand(1, 60) }} mins read</li>
                                    </div> --}}
                                </div>
                        </a>
                    @endforeach
                    <!-- Swiper Slide 2 -->
                </div>
            
                <!-- Pagination -->
                <div class="pagination-reviews swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal swiper-pagination-lock"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" tabindex="0" role="button" aria-label="Go to slide 1" aria-current="true"></span></div>
            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
            
           
        </div>
    </div>
    </div>


@endsection