@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">{{ $brochures->title }}</h2>
                        </div>
                        <div class="breadcrumb__inner">
                            <ul>
                                <li><a href="index.php">Home</a></li>
                                <li><a href="">Resources</a></li>
                                <li>Previlages</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">
                @foreach ($brochures->children as $item) 
                        <div class="blog__details__content__wraper">
                            <div class="blog__details__img" data-aos="fade-up">
                                <img loading="lazy" src="{{asset($item->cover_photo)}}" alt="{{$item->title}}">
                            </div>
                            <div class="blog__details__content">
                                <p class="content__1" data-aos="fade-up">
                                    {!!$item->text!!}
                                </p>
                            </div>
                        </div>
                @endforeach
                </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 ($news as $item) 
                             <li>
                                 <div class="recent__img">
                                     <a href="{{route('blog-detail',['id'=>$item->news_id])}}">
                                         <img loading="lazy" src="{{asset($item->image)}}" alt="{{$item->title}}">
                                     </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>
            </div>
        </div>
    </div>
@endsection