@extends('clientside.layouts.app')
@section('content')
<section class="section_common inner_banner">
  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
      @php $i = 0; @endphp
      @foreach($banners as $banner)
        <div class="carousel-item {{ $i==0 ? 'active': '' }}"
            style="background:url({{isset($banner->image)?asset('storage/banners/'.$banner->image):asset('/images/no-image.png')}})">
            <img src="{{isset($banner->image)?asset('storage/banners/'.$banner->image):asset('/images/no-image.png')}}" alt="" class="w-100 banner_inner_image">
            <div class="carousel-caption d-none d-flex justify-content-center align-items-center">
                <div class=" wow fadeInUp">
                    {!!$banner->description!!}
                </div>
            </div>
        </div>
      @php $i++; @endphp
      @endforeach
    </div>
    @if($i !=1)
      <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <img src="{{ asset('clientside/img/arr_left.png') }}" alt="">
      </a> 
      <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <img src="{{ asset('clientside/img/arr_right.png') }}" alt="">
      </a>
    @endif
  </div>
  <a href="#" class="scroll_more next-section"> <img alt="" src="{{ asset('clientside/img/circle_white.png') }}" class="circle"> <img alt="" src="{{ asset('clientside/img/arrow_white.png') }}" class="arrow"> </a> 
</section>
<section class="section_common even_list_sec" style="background:url({{asset('clientside/img/memories_slide_bg.jpg')}}) no-repeat">
  <div class="container-fluid">
    <div class="row h-100 align-content-center">
    	<div class="col-12">
        <section id="dg-container" class="dg-container wow fadeInUp">
          <nav>	
            <span class="dg-prev"><img src="{{ asset('clientside/img/arr_left.png') }}" alt=""></span>
            <span class="dg-next"><img src="{{ asset('clientside/img/arr_right.png') }}" alt=""></span>
          </nav>
          <div class="dg-wrapper">
            @foreach($sliders as $slider)
              <a href="javascript:void(0)"><img src="{{isset($slider->image)?asset('storage/banners/'.$slider->image):asset('/images/no-image.png')}}" alt="image" class="w-100">
                <div>
                  {!!$slider->description!!}
                </div>
              </a> 
            @endforeach
          </div>
        </section> 
      </div>    	
    </div>    
  </div>
</section>
@endsection