@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> {{$brochures->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="eventarea sp_top_100 sp_bottom_100" id="brochures">
        <div class="container">
            <div class="row">

               @foreach ($brochures->children as $item) 
                 <div class="col-xl-12 text-center">
                     <div class="event__details__heading" data-aos="fade-up">
                         <h3>{{$item->title}}</h3>
                     </div>
                 </div>
                 <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                     <div class="event__details__inner">
                         <div class="event__details__img__2" data-aos="fade-up">
                             <img loading="lazy" src="{{asset($item->cover_photo)}}" alt="phto">
                         </div>
                         <div class="event__details__content" data-aos="fade-up">
                            @if ($brochures->alias!== "application-flow-chart") 
                                 <div class="gridarea__bottom">
                                     <div class="registerarea__button" style="margin-left: 80%;">
                                         <a class="default__button" href="{{route('download',['id'=>$item->institutionarticle_id])}}">Download
                                             <i class="icofont-long-arrow-down"></i>
                                         </a>
                                     </div>
                                 </div>
                            @endif
                             <h4>Description</h4>
                             <span>{!!$item->text!!}</span>
                         </div>
 
 
 
                     </div>
                 </div>
               @endforeach
            </div>
        </div>
    </div>
@endsection