@extends('ved.layout.layout')
@section('content')
    <div class="breadcrumbarea aos-init aos-animate" data-aos="fade-up">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="breadcrumb__content__wraper">
                        <div class="breadcrumb__title">
                            <h2 class="heading">{!!$newsDetail->title!!}</h2>
                        </div>
                        <div class="breadcrumb__inner">
                            <ul>
                                <li><a href="index.php">Home</a></li>
                                <li><a href="">Blog</a></li>
                                <li> Blog Details</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="shape__icon__2">
            <img loading="lazy" class=" shape__icon__img shape__icon__img__1"
                src="{{ asset('ved/assets/img/herobanner/herobanner__1.png') }}" alt="photo">
            <img loading="lazy" class=" shape__icon__img shape__icon__img__2"
                src="{{ asset('ved/assets/img/herobanner/herobanner__2.png') }}" alt="photo">
            <img loading="lazy" class=" shape__icon__img shape__icon__img__3"
                src="{{ asset('ved/assets/img/herobanner/herobanner__3.png') }}" alt="photo">
            <img loading="lazy" class=" shape__icon__img shape__icon__img__4"
                src="{{ asset('ved/assets/img/herobanner/herobanner__5.png') }}" alt="photo">
        </div>
    </div>


    <div class="blogarea__2 sp_top_100 sp_bottom_100">
        <div class="container">
            <div class="row">
                <div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12">
                    <div class="blog__details__content__wraper">
                        <div class="blog__details__img" data-aos="fade-up">
                            <img loading="lazy" src="{{ asset($newsDetail->image) }}" alt="blog">
                        </div>
                        <div class="blog__details__content">
                            <p class="content__1" data-aos="fade-up">
                                {!! $newsDetail->text !!}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">

                    <div class="blogsidebar__content__wraper__2" data-aos="fade-up">

                        <h4 class="sidebar__title">Recent Post</h4>
                        <ul class="recent__list">
                            @foreach ($recentNews as $index=>$item)
                                <li>
                                    <div class="recent__img">
                                        <a href="{{route('blog-detail',['id'=>$item->news_id])}}">
                                            <img loading="lazy" src="{{ asset($item->thumb) }}" alt="{{ $item->title }}">
                                            <div class="recent__number">
                                                <span>{{ $index + 1 }}</span>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="recent__text">



                                        <h6><a href="{{route('blog-detail',['id'=>$item->news_id])}}">{{ $item->title }} </a></h6>




                                    </div>
                                </li>
                            @endforeach

                        </ul>

                    </div>

                    <div class="blogsidebar__content__wraper__2" data-aos="fade-up">

                        <h4 class="sidebar__title">Photo Gallery</h4>
                        <div class="photo__gallery__img">

                @foreach ($gallery->limitedChildren as $item) 
                                <div class="single__gallery__img">
                                    <img loading="lazy" src="{{asset($item->cover_photo)}}" alt="{{$item->title}}">
                                    <div class="gallery__icon">
                                        <a class="popup__img" href="img/blog/blog_15.png"> <i class="icofont-eye-alt"></i></a>
                                    </div>
                                </div>
                                
                @endforeach

                        </div>

                    </div>
                    <div class="blogsidebar__content__wraper__2" data-aos="fade-up">

                        <h4 class="sidebar__title">Get in Touch</h4>
                        <div class="get__touch__input">
                            <form action="{{ route('send-email') }}" id="register" method="POST">
                                @csrf
                                <div class="form-message">
                                </div>
                                <input type="text" name="title" placeholder="Enter name*">
                                <input type="text" name="email" placeholder="Enter your mail*">
                                <input type="text" name="phone" placeholder="Enter your phone number*">
                                <input type="text" name="address" placeholder="Enter your address*">
                                <input type="text" name="comment" placeholder="Massage*">
                                <button class="default__button" type="submit">SEND MASSAGE</button>
                            </form>
                        </div>

                    </div>

                    <div class="blogsidebar__content__wraper__2" data-aos="fade-up">

                        <h4 class="sidebar__title">Follow Us</h4>
                        <div class="follow__icon">
                            <ul>
                                <li>
                                    <a href="