@extends('souqwaqif.layouts.app')
@section('content')
    <section class="slider_section innerslider_section">
        <div id="carouselExampleCaptions" class="carousel slide carousel-fade" data-bs-ride="carousel">
            <div class="carousel-indicators">
              @php $i = 0; @endphp
              @foreach($banners as $banner)
                <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="{{$i}}" {!! $i==0 ? 'class="active"  aria-current="true"': '' !!}
                    aaria-label="Slide {{$i+1}}"></button>
                @php $i++; @endphp
              @endforeach
            </div>
            <div class="carousel-inner">
              @php $i = 0; @endphp
              @foreach($banners as $banner)
                  <div class="carousel-item  slide {{ $i==0 ? 'active': '' }}" data-bs-interval="10000">
                      <img src="{{ asset('storage/rooms/'.$banner->image) }}" class="d-block w-100" alt="...">
                      <div class="carousel-caption d-md-block">
                          <div>
                              {!! $banner->description !!}
                          </div>
                      </div>
                  </div>
                @php $i++; @endphp
              @endforeach
            </div>

            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
                data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span
                    class="visually-hidden">Previous</span> </button>
            <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
                data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span
                    class="visually-hidden">Next</span> </button>
        </div>
    </section>
    <section class="ourroomsdetails-section section-padding">
      <div class="container">
        @if(isset($hotelRoom))
          <div class="row">
            @if ($roomGallery->isNotEmpty())
              <div class="col-lg-6 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">
                  <div class="owl-carousel roomdetails_carousel owl-theme">
                    @foreach ($roomGallery as $roomGall )
                        <div class="item">
                          <a href="{{ asset('storage/rooms/'.$roomGall->image) }}" data-fancybox="images" data-caption="">
                            <img src="{{ asset('storage/rooms/'.$roomGall->image) }}" />
                          </a>
                        </div>
                    @endforeach
                  </div>
              </div>
            @endif

            <div class="col-lg-6 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".7s">
              <div class="homehotel_details hoteldetail_inner">
                  <h3>{{$hotelRoom->title}}</h3>
                  <p>{!! $hotelRoom->description !!}</p>
                  <div class="max_occ_bedtype">
                    <div class="max_occ"> {{trans('headings.max_occupy')}} :<span>{{$hotelRoom->guest_no}}</span> </div>
                    <div class="bedtype"> {{trans('headings.bed_type')}} :<span> {{$hotelRoom->type}}</span> </div>
                  </div>

                  <div class="homehotel_facility facilities_detailpage">
                    @if ($hotelRoom->facilities)
                        @php $facilities = explode(',',$hotelRoom->facilities); @endphp
                        @foreach($facilities as $id)
                            @foreach($allFacilities as $all)
                                @if ($all->id == $id)
                                    <div> <span> <img src="{{asset('storage/facilities/'.$all->image)}}"></span> {{$all->facilities}}</div>
                                @endif
                            @endforeach
                        @endforeach
                    @endif
                  </div>
                  <div class="checkin_out">
                      <div class="checkin"> {{trans('headings.checkin_time')}}<br>
                          <span> {{$hotelRoom->check_in}} </span>
                      </div>
                      <div class="checkout"> {{trans('headings.checkout_time')}}<br>
                          <span>{{$hotelRoom->check_out}} </span>
                      </div>
                      <p>{{trans('headings.early_checkin_text')}}</p>
                  </div>

                  <div class="roombook_cta d-flex align-items-center justify-content-end">
                      <p>{{trans('headings.hurry_last_few_rooms_remaining')}}</p>
                      <a href="{{ route('souqwaqif') }}#enquiry" class="btn primary_btn btn_lg">{{trans('headings.enquire_now')}}</a>
                  </div>
              </div>
            </div>
          </div>
        @endif

        @if($allRooms->isNotEmpty())
          <div class="row similarroom_block wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">
              <div class="col-lg-12">
                  <h3>{{trans('headings.choose_similar_room')}}</h3>
              </div>
              @foreach ($allRooms as $allRoom )
                <div class="col-lg-6 col-md-6">
                    <div class="similarroom">
                        <div class="smilarR_img">
                            <div class="forimg_animate">
                                <div class="imgsec">
                                    @php
                                        $image2=App\Models\RoomGallery::select('image')
                                            ->where([['room_id', $allRoom->id],['type', 3]])->first();
                                    @endphp
                                    <figure class="effect-apollo"> <img src="{{isset($image2->image)?asset('storage/rooms/'.$image2->image):asset('/images/no-image.png')  }}" />
                                        <figcaption> </figcaption>
                                    </figure>
                                </div>
                            </div>
                        </div>
                        <div class="smilarR_content">
                            <h4>{{$allRoom->title}}</h4>
                            <p>{{$allRoom->short_description}}</p>
                        </div>
                        <div class="smilarR_cta"> <a href="{{route('souqwaqif-room',$allRoom->id)}}"
                                class="btn line_btn">{{trans('headings.view_details')}}</a> <a
                                href="https://centralinn.book-onlinenow.net?" target="_blank"
                                class="btn secondary_btn">{{trans('headings.s_book_now')}}</a> </div>
                    </div>
                </div>
            @endforeach
          </div>
        @endif
      </div>
    </section>
@endsection