@extends('layouts.app')
@section('content')
@foreach($data['moduleItems'] as $item)
 @if($item['title'] =='Welcome Kultikri Teacher Training Institute')
    <section class="features-box py-5">
      	<div class="container">
         <div class="row justify-content-center">
            <div class="col-md-6 mb-sm-0 mb-3 d-flex">
               <div class="bg-inner text-center">
           <div class="w-100  title-bx1">
            	<h3>{{$item['title']}}</h3>
            </div>
                  <p>{{$item['shortDescription']}}.<a href="">readmore</a></p>
              
               </div>
            </div>
            <div class="col-md-4 mb-sm-0 mb-3 d-flex">
               <div class="about-area6 text-center">
               <img src="{{ asset('assets/image/about.jpeg') }}">
               </div>
            </div>
   

         </div>
         </div>
      </section>
	  @endif
	  @if($item['title'] =='Notice')
		  <section class="features-box py-5">
	  <div class="features-box1 py-5">
      	<div class="container">
      		<div class="row">
      <div class="col-md-6 mb-sm-0 mb-3 ">
         <div class="w-100 title-bx1">
            <h3 class="one8">Notice </h3>
         </div>
		 @if(count($item['dynamicSections']) > 0)
			  @foreach($item['dynamicSections'] as $dynamicSection)
         <div class="notice-part">
      		<h3>{{$dynamicSection['title']}}</h3>
      		<button>new </button>
      	</div>
      	 @endforeach
		 @endif
         <div class="col-md-12 px-0 text-center mt-5">
               <a href="#" class="btn-n1"> View More</a>
         </div>
     </div>
     <div class="col-md-6 mb-sm-0 mb-3 pt-5">
  
  <img src="{{ asset('assets/image/group8.png')}}" alt="">
     	</div>
     </div>
     </div>
     </div>
	 </section>
	 @endif
	 @if($item['title'] =='College')
	       <section class="blog-box collage-area py-5">
         <div class="w-100 text-center title-bx1">
            <h3 class="one8">Collage</h3>
         </div>
         <div class="container">
            <div class="row justify-content-center">
			@foreach($item['dynamicSections'] as $dynamicSection)
               <div class="col-md-3 mb-3 mb-md-0">
                  <div class="w-100 inr-box99 text-center">
                     <span class="d-block"> 
                     	<img src="{{$dynamicSection['image']}}">
                     </span>
                     <div class="p-4 text-center">
                        <p> <a href="{{$dynamicSection['slug']}}"> {{$dynamicSection['title']}}</a></p>
                     </div>
                  </div>
               </div>
          @endforeach
       



            </div>
         </div>
       
      </section>
	   @endif
	   @if($item['title'] =="Chairman's Quote")
	         <section class="blog-box py-5 mt-0">
      	  <div class="w-100 text-center title-bx1">
            <h3 class="one8">{{$item['title']}}</h3>
         </div>
         <div class="container">
         	<div class="row">
         <div class="Testimonials">
         	  <div class="item">
                     <div class="d-md-flex ">
                        <div class="col-md-2 pr-0 pl-0 pl-md-3 text-center">
                           <span class="radius-box-img">
                           <img src="img/01.jpg" alt="01.png">
                           </span>
                        </div>
                        <div class="col-md-10 pr-0 pera-dtls">
                           <p ><svg xmlns="http://www.w3.org/2000/svg" width="62.409" height="47.869" viewBox="0 0 62.409 47.869">
  <path id="Path_31" data-name="Path 31" d="M8.541,48.566C4.936,44.737,3,40.443,3,33.481c0-12.25,8.6-23.23,21.105-28.658l3.126,4.823C15.558,15.96,13.276,24.153,12.366,29.32a12.531,12.531,0,0,1,6.751-1.088,12.25,12.25,0,0,1-.959,24.461A13.549,13.549,0,0,1,8.541,48.566Zm35,0C39.936,44.737,38,40.443,38,33.481c0-12.25,8.6-23.23,21.1-28.658L62.23,9.646C50.558,15.96,48.276,24.153,47.366,29.32a12.531,12.531,0,0,1,6.751-1.088,12.25,12.25,0,0,1-.959,24.461,13.549,13.549,0,0,1-9.618-4.127Z" transform="translate(-3 -4.823)" fill="#aeaeae"/>
</svg>
 {{$item['shortDescription']}}.<svg xmlns="http://www.w3.org/2000/svg" width="60.408" height="47.869" viewBox="0 0 60.408 47.869">
  <path id="Path_31" data-name="Path 31" d="M58.046,8.95c3.489,3.829,5.363,8.123,5.363,15.085,0,12.25-8.324,23.229-20.429,28.658L39.955,47.87c11.3-6.314,13.507-14.507,14.388-19.674a11.786,11.786,0,0,1-6.535,1.088A12.165,12.165,0,0,1,36.878,17.073,12.059,12.059,0,0,1,48.736,4.823,12.92,12.92,0,0,1,58.046,8.95Zm-33.878,0c3.489,3.829,5.363,8.123,5.363,15.085,0,12.25-8.324,23.229-20.429,28.658L6.076,47.87c11.3-6.314,13.507-14.507,14.388-19.674a11.786,11.786,0,0,1-6.535,1.088A12.165,12.165,0,0,1,3,17.073,12.058,12.058,0,0,1,14.857,4.823a12.92,12.92,0,0,1,9.31,4.127Z" transform="translate(-3 -4.823)" fill="#aeaeae"/>
</svg>

                           </p>
                        </div>
                     </div>
                  </div>
      

         </div>
     </div>
         </div>
      </section>
	  @endif
	   @if($item['title'] =='Gallery')
	        <section class="testimonials-bx py-5">
         <div class="w-100 text-center title-bx1">
            <h3 class="one8">{{$item['title']}}</h3>
         </div>
         <div class="container">
            <div class="row">
               <div id="owl-demo2" class="owl-carousel owl-theme">
			   @foreach($item['dynamicSections'] as $dynamicSection)
                  <div class="item">
                     
<img src="{{$dynamicSection['image']}}">
                  </div>
         @endforeach
               
                 
				  
				  
               </div>
            </div>
         </div>
      </section>
	   @endif
@endforeach
@endsection