@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('../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">{{trans('fields.enjoy_stay_with_us')}}</h3>
            </div>
            @foreach($allRooms as $room)
              <div class="col-md-4 wow fadeInUp">
                <div class="event_thumb room_thumb">
                  <div class="thumb_image">
                    <img src="{{ asset('storage/rooms/'.$room->image) }}" alt="" class="w-100">
                  </div>
                  <div class="caption">
                    <h4>{{$room->title}}</h4>
                    @if((App::getLocale()=='en'))
                        @php $str = substr(strip_tags($room->description), 0, 100); @endphp
                    @else
                        @php $str = $room->description; @endphp
                    @endif
                    <p>{{$str}}...</p>
                    <div class="d-flex room_detail flex-wrap">
                      <div class="room_item1">{{$room->size}} {{trans('headings.sq_mt')}}</div>
                      <div class="room_item2">{{trans('headings.up_to')}} {{$room->guest_no}} {{trans('headings.guests')}}</div>
                      <div class="room_item3">{{trans('headings.complimentary_wifi')}}</div>
                      <div class="room_item4">{{$room->type}}</div>
                    </div>
                    <div class="d-flex justify-content-between">
                      <a href="{{route('room',$room->id)}}" class="btn border-btn-white">{{trans('headings.view_details')}}</a>
                      <a href="https://centralinn.book-onlinenow.net?" class="btn btn-primary">{{trans('headings.book_now')}}</a>
                    </div>
                  </div>
                </div>
              </div>
            @endforeach
        </div>
    </div>
</section>

@endsection