@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">{{$advisory->title}} </h2>
                        </div>
                        <div class="breadcrumb__inner">
                            <ul>
                                <li><a href="index.php">Home</a></li>
                                <li><a href="">About</a></li>
                                <li>{{$advisory->title}} </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="dashboard">
        <div class="container-fluid full__width__padding">
            <div class="row">
                <div class="coursearea sp_top_100 sp_bottom_100">
                    <div class="container">
                        <div class="row">
                            <div class="tab-content tab__content__wrapper" id="myTabContent">
                                <div class="tab-pane fade  active show" id="projects__one" role="tabpanel"
                                    aria-labelledby="projects__one">
                                    <div class="row">
                                      @foreach ($advisory->children as $item) 
                                          <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 aos-init aos-animate"
                                              data-aos="fade-up">
                                              <div class="gridarea__wraper gridarea__wraper__2 row">
                                                  <div class="gridarea__img col-xl-4 col-lg-4">
                                                      <a><img loading="lazy" src="{{$item->cover_photo}}" alt="grid"></a>
                                                  </div>
                                                  <div class="col-lg-8 col-xl-8">
                                                      <div class="gridarea__content">
                                                          <div class="gridarea__heading">
                                                              <h3> {{$item->title}} </h3>
                                                              <h5> {{$item->subtitle}}</h5>
                                                              <p> {!!$item->text!!} </p>
                                                          </div>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      @endforeach
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection