@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/events_list_bg.jpg')}}) no-repeat">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 text-center">
        <h3 class="section_title2 mb-4">FREQUENT FLYER PARTNERS</h3>
      </div>
      @foreach($partners_image as $partner)
        <div class="col-sm-6 col-md-4 col-lg-3 wow fadeInUp">
          <div class="event_thumb flyer_thumb">
            <div class="thumb_image"> <img src="{{ asset('storage/banners/'.$partner->image) }}" alt="" class="w-100"> </div>
            <div class="caption">
              <h3>{!!$partner->description!!}</h3>
            </div>
          </div>
        </div>
      @endforeach
    </div>
  </div>
</section>

@endsection