@extends('main')

@if($seo !== NULL)
    @section('title', $seo->title)
    @section('description', $seo->description)
    @section('keywords', $seo->keywords)
    @section('author', $seo->author)
@else
    @section('title', 'Fanadek Masr | '.$hotel->title)    
@endif

@section('content')
<section id="home_intro">
   <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
			@foreach($hotel->hotel_images as $image)
                <li data-target="#carousel-example-generic" data-slide-to="{{$loop->index}}" @if($loop->index == 0) class="active" @endif></li>
            @endforeach
        </ol>
      <div class="carousel-inner" role="listbox">
		  @foreach($hotel->hotel_images as $image)
			<div class="item @if($loop->index == 0) active @endif">
				<img src="{{asset($image->image)}}" alt="{{$hotel->title}}">
			</div>
        @endforeach
      </div>
      <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
</section>
<div id="hotel-page" class="page-section">
	<div class="container">
		<div class="row">
			<div id="main" class="col-md-12 col-xs-12">
				<div class="single-product-section">
                	<div class="single-product-title">
						<h1 class="section-title text-center">
							{{$hotel->title}}

							@for ($i = 1; $i <= $hotel->stars; $i++)
								<span class="text-warning pull-left"><i class="fas fa-star"></i></span>
							@endfor
						</h1>
                        
					</div>
				</div>
				
				<section id="home_search_form" class="bg-light">
					<div class="tabs type-2 tabs-section clearfix">                
						<div class="tabs-content">
						<div id="tab-1">
							<form action="{{url()->current()}}" method="get" id="search_form_hotel">
							<div class="select-area">
								<div class="row">
									<div class="col-12 col-sm-12 col-md-5">
										<div class="select-col">
										<div class="form-group">
											<label>الغرف</label>
											<div class="auto-custom-select">
												<input type="number" name="rooms" placeholder="عدد الغرف" value="{{$rooms_count}}" id="rooms_counter_hotel"
												data-url="{{ url('set_pepople_inputs') }}" />
											</div>
										</div>
										</div>
									</div>
									<div class="col-12 col-sm-12 col-md-5">
										<div class="select-col">
											<div class="form-group">
												<label>تاريخ الوصول - تاريخ المغادرة</label>
												<input type="text" name="start_date" id="home_start_date" 
												placeholder="تاريخ البداية" value="{{$requeust_date}}" min="{{date('Y-m-d')}}" />
											</div>
										</div>
									</div>
									<div class="col-12 col-sm-6 col-md-2">
										<div class="select-col">
											<button type="submit" class="btn btn-style-2"><i class="licon-magnifier"></i></button>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-12 col-sm-12 col-md-10">
										<div class="row" id="rooms_people">
											@for ($i = 0; $i < $rooms_count; $i++)									
												<div class="col-12 col-sm-12 col-md-4 form-group">
													<label>عدد الاشخاص في غرفة {{ $i + 1 }} : </label>
													<input type="number" step="1" min="1" name="people[]"
														value="{{$people[$i]}}" />
												</div>
											@endfor
										</div>
									</div>
								</div>
							</div>
							</form>
						</div>
						</div>
					</div>
				</secion>

				<section id="hotel_room_data">
					<div class="container-fluid">
						@foreach ($rooms as $room)
							<div class="row">
								<div class="col-xs-12 col-md-4">
									@if(count($room->images) > 0)
										<div id="carousel-example-generic-{{ $room->id }}" class="carousel slide" data-ride="carousel">
											<!-- Indicators -->
											<ol class="carousel-indicators">
												@foreach($room->images as $image)
													<li data-target="#carousel-example-generic-{{ $room->id }}" data-slide-to="{{$loop->index}}" @if($loop->index == 0) class="active" @endif></li>
												@endforeach
											</ol>
											<div class="carousel-inner" role="listbox">
												@foreach($room->images as $image)
													<div class="item @if($loop->index == 0) active @endif">
														<img src="{{asset($image->image)}}" alt="{{$hotel->title}}">
													</div>
												@endforeach
											</div>
										</div>
									@else
										<img src="{{asset('empty-image.png')}}" class="w-100" />
									@endif
								</div>	
								<div class="col-xs-12 col-md-6">
									<h4>
										<b>{{$room->name}}</b>
									</h4>
									{!! $room->description !!}									
									{{-- <p class="text-success text-right" dir="ltr">
										<b>
										@if(breakfast_room_price($room->id, $start_date, $end_date))
										 السعر شامل الافطار 
										@endif
										</b>
									</p> --}}

								</div>
								<div class="col-xs-12 col-md-2">
									<h4>
										<p style="
										font-weight: bold;
										background: #782f8af0;
										padding: 10px;
										border-radius: 5px;
										color: white;
										margin-bottom: 10px;
										font-size: 18px;
										direction: ltr;
										text-align: center;
									">
											$ {{number_format(calculate_room_price($room->id, $people,  $rooms_count, $start_date, $end_date, true), 2)}}
									</p>
									</h4>
									<form action="{{url('Booking-Hotel')}}" method="get" class="text-right">
										@for($i = 0; $i < $rooms_count; $i++)
										<input type="hidden" name="people[]" value="{{$people[$i]}}" />
										@endfor

										<input type="hidden" name="start_date" value="{{$start_date}}" />
										<input type="hidden" name="end_date" value="{{$end_date}}" />
										<input type="hidden" name="hotel" value="{{$hotel->id}}" />
										<input type="hidden" name="rooms_count" value="{{$rooms_count}}" />
										<input type="hidden" name="room" value="{{$room->id}}" />
										<button type="submit" class="btn btn-warning bnt-lg px-5 text-dark btn-block">احجز الان</button>
									</form>
									{{-- <p class="text-success text-right" dir="ltr">
										<b>
										@if(breakfast_room_price($room->id, $start_date, $end_date))
										 السعر شامل الافطار 
										@endif
										</b>
									</p> --}}

								</div>
							</div>
						@endforeach
						<hr />
						<ul class="row" id="hotel_features">
							@foreach($hotel->hotel_features as $ssw)
								<li class="col-12 col-md-4  col-lg-3">
									<div class="hotel_feature_intem">{{$ssw->feature_info->title}}</div>
								</li>
							@endforeach
						</ul>
					</div>
				</section>


				
			</div>
			<div id="main" class="col-md-12 col-xs-12">				
                <div class="map-section">{!!$hotel->map!!}</div>
				<hr />
				{!!$hotel->text!!}
			</div>
		</div>
	</div>
</div>






<section id="latest_hotels">
  <div class="page-section-bg">
    <h2 class="section-title align-center">فنادق اخرى</h2>
    <div class="car-carousel">
      <div class="carousel-type-3">
        <div class="owl-carousel container" data-max-items="4" data-item-margin="30">
          @foreach ($related_hotels as $hotel)
            <!-- Slide -->                  
            <div class="item-carousel">
              <!-- Carousel Item -->                  
              <!-- - - - - - - - - - - - - - Product - - - - - - - - - - - - - - - - -->
              <div class="product">
                <!-- - - - - - - - - - - - - - Product Image - - - - - - - - - - - - - - - - -->
                <a href="{{url('/Hotel/'.beautify_url($hotel->title))}}"><img src="{{asset($hotel->hotel_images[0]->image)}}" alt="{{$hotel->title}}"></a>
                <!-- - - - - - - - - - - - - - End of Product Image - - - - - - - - - - - - - - - - -->
                <!-- - - - - - - - - - - - - - Product Description - - - - - - - - - - - - - - - - -->
                <div class="product-description">
                  <h5 class="product-name"><a href="{{url('/Hotel/'.beautify_url($hotel->title))}}">{{$hotel->title}}</a></h5>
                  <div class="rating-area">
                    <ul class="rating">
                    @for ($i = 1; $i <= $hotel->stars; $i++)
                      <li><i class="fas fa-star"></i></li>
                    @endfor
                    </ul>
                  </div>
                  <!-- <div class="pricing-area">
                    <div class="product-price">
                      <span>اسعار تبدء من</span> $26,459
                    </div>
                  </div> -->
                </div>
                <!-- - - - - - - - - - - - - - End of Product Description - - - - - - - - - - - - - - - - -->
              </div>
              <!-- /Carousel Item --> 
            </div>
            <!-- /Slide -->
          @endforeach
        </div>
      </div>
    </div>
  </div>
</section>
@endsection