@extends('clientside.layouts.app')
@section('content')
@if(isset($banner[0]))
<section class="section_common inner_banner">
  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner">
      @php $i = 0; @endphp
      @foreach($banner as $banners)
        <div class="carousel-item {{ $i==0 ? 'active': '' }}"
          style="background:url({{isset($banners->image)?asset('storage/banners/'.$banners->image):asset('/images/no-image.png')}})">
          <img src="{{isset($banners->image)?asset('storage/banners/'.$banners->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">
              {!!$banners->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 src="{{ asset('clientside/img/circle_white.png') }}"
            class="circle"> <img src="{{ asset('clientside/img/arrow_white.png') }}" class="arrow"> </a>
</section>
@endif
@if(isset($galleryes))
  <section class="section_common loyaltygiftSec content_page gallery_hed" style="background:url('../clientside/img/privacy_policy_bg.jpg') no-repeat">
    <div class="container">
      <div class="row">
        <div class="col-12 text-center wow fadeInDown">
            <h3 class="section_title2 mb-5">{{trans('headings.our_gallery')}}</h3>
          </div>
      </div>
      <div class="row gallery_row">
        @foreach($galleryes as $gallery)
          @if(isset($gallery->link))
          <div class="col-6 col-sm-4 col-lg-3">
            <a href="{{$gallery->link}}" class="gallery_thumb" data-fancybox="gallery"> 
              <img src="{{isset($gallery->image)?asset('storage/gallery/'.$gallery->image):asset('/images/no-image.png')}}" alt="" class="w-100">
              <div class="position-absolute"> 
                <img src="{{ asset('clientside/img/play.png') }}" alt=""> 
              </div>
            </a>
          </div>
          @else
          <div class="col-6 col-sm-4 col-lg-3"> 
            <a href="{{isset($gallery->image)?asset('storage/gallery/'.$gallery->image):asset('/images/no-image.png')}}" class="gallery_thumb" data-fancybox="gallery"> 
              <img src="{{isset($gallery->image)?asset('storage/gallery/'.$gallery->image):asset('/images/no-image.png')}}" alt="" class="w-100">
            </a> 
          </div>
          @endif
        @endforeach
      </div>
    </div>
  </section>
@endif
@endsection