@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($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 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/restaurant_bg.jpg') no-repeat">
  <div class="container"> 
    <div class="row">
      <div class="col-12">
        <h3 class="section_title2 mb-5 text-center wow fadeInUp animation1">{{trans('headings.hotel-dining')}}<span>{{trans('headings.room-service-heading')}}</span></h3>
      </div>
    </div>
    @if($restaurants->isNotEmpty())
      @php $temp = 1; @endphp
      <div class="row align-items-center restauren_row">
        <div class="col-md-4 side_spacing hotel_content_sec wow fadeInLeft ">
          <h3 class="section_title2 mb-0">{{trans('headings.hotel-restaurants')}}</h3>
          <p>{{trans('headings.hotel-restaurants-subtitle')}}</p>
        </div>
        <div class="col-md-8  wow fadeInRight ">
          <div class="owl-carousel hotel_restau">
            @foreach($restaurants as $restaurant)
              <div class="item">
                <div class="event_thumb room_thumb restaurent_thumb">
                  <div class="thumb_image position-relative"> 
                    <img src="{{isset($restaurant->image)?asset('storage/dining/'.$restaurant->image):asset('/images/no-image.png')}}" alt="" class="w-100">
                    <div class="caption"> 
                      <div class="media">
                        <div class="media-body pl-0 pr-5">
                          {!!$restaurant->description!!}
                          @if(isset($restaurant->hours_of_operation))
                            <div class="room_detail m-0">
                              <div class="room_item5">{!!$restaurant->hours_of_operation!!}</div>
                            </div>
                          @endif
                        </div>
                        <div class=""> 
                          <!-- <a href="#" class="btn border-btn-white">{{trans('headings.view_details')}}</a>  -->
                          <!-- <a href="#" class="btn border-btn-white">{{trans('headings.view_details')}}</a> </div> -->
                          <a href="{{ asset('storage/dining/'.$restaurant->menu_pdf)}}"  target="_blank" class="btn btn-primary">{{trans('headings.view_menu')}}</a> </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            @endforeach
          </div>
        </div>
      </div>
    @endif
    @if($lounges->isNotEmpty())
      @php $temp = 2; @endphp
      <div class="row align-items-center restauren_row flex-row-reverse">
        <div class="col-md-4 side_spacing hotel_content_sec wow fadeInLeft ">
          <h3 class="section_title2 mb-0">{{trans('headings.hotel-bars-lounges')}}</h3>
          <p>{{trans('headings.hotel-bars-lounges-subtitle')}}</p>
        </div>
        <div class="col-md-8 wow fadeInRight ">
          <div class="owl-carousel hotel_lounges">
            @foreach($lounges as $lounge)
              <div class="item">
                <div class="event_thumb room_thumb restaurent_thumb">
                  <div class="thumb_image position-relative"> 
                    <img src="{{isset($lounge->image)?asset('storage/dining/'.$lounge->image):asset('/images/no-image.png')}}" alt="" class="w-100">
                    <div class="caption"> 
                      <div class="media">
                        <div class="media-body pl-0 pr-5">
                          {!!$lounge->description!!}
                          @if(isset($lounge->hours_of_operation))
                            <div class="room_detail m-0">
                              <div class="room_item5">
                                {!!$lounge->hours_of_operation!!}
                              </div>
                            </div>
                          @endif
                        </div>
                        {{-- <div class=""> 
                          <!-- <a href="#" class="btn border-btn-white">{{trans('headings.view_details')}}</a> 
                          <a href="#" class="btn btn-primary">{{trans('headings.book_now')}}</a> </div> -->
                          <a href="#" class="btn btn-primary">{{trans('headings.view_details')}}</a> </div> --}}
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            @endforeach
          </div>
        </div>
      </div>
    @endif
    @if($foods->isNotEmpty())
      <div class="row align-items-center restauren_row {{ $temp==1 ? 'flex-row-reverse': '' }}">
        <div class="col-md-4 side_spacing hotel_content_sec wow fadeInLeft ">
          <h3 class="section_title2 mb-0">{{trans('headings.international-food')}}</h3>
          <p>{{trans('headings.international-food-subtitle')}}</p>
        </div>
        <div class="col-md-8 wow fadeInRight ">
          <div class="owl-carousel inter_hotel_">
            @foreach($foods as $food)
              <div class="item">
                <div class="event_thumb room_thumb restaurent_thumb international_thumb">
                  <div class="thumb_image"> 
                    <img src="{{isset($food->image)?asset('storage/dining/'.$food->image):asset('/images/no-image.png')}}" alt="" class="w-100">
                  </div>
                  <div class="caption">
                    {!!$food->description!!}
                    @if(isset($food->hours_of_operation))
                      <div class="room_detail border-0 m-0">
                        <div class="room_item5">
                          {!!$food->hours_of_operation!!}
                        </div>
                      </div>
                    @endif
                    <!-- <div class="d-flex justify-content-between"> -->
                      <!-- <a href="#" class="btn border-btn-white">{{trans('headings.view_details')}}</a> 
                      <a href="#" class="btn btn-primary">{{trans('headings.book_now')}}</a>  -->
                    <!-- </div> -->
                  </div>
                </div>
              </div>
            @endforeach
          </div>
        </div>
      </div>
    @endif
  </div>
</section>

@endsection