@extends('layouts.frontend')
@section('content')
@section('style')
    <!-- Slick css -->
    <link rel="stylesheet" type="text/css" href="{{asset('css/slick.min.css')}}" />
    <!--slick-theme.css-->
    <link rel="stylesheet" type="text/css" href="{{asset('css/slick-theme.css')}}" />
    <!-- Rangeslider css -->
    <link rel="stylesheet" href="{{asset('css/nouislider.css')}}" />

    <style>
        .slick-slide{
            max-height: 700px;
        }
    </style>
@endsection
    <!-- search -->
    <div class="search-overlay">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="search-overlay-layer"></div>
                <div class="search-overlay-layer"></div>
                <div class="search-overlay-layer"></div>
                <div class="search-overlay-close">
                    <span class="search-overlay-close-line"></span>
                    <span class="search-overlay-close-line"></span>
                </div>
                <div class="search-overlay-form">
                    <form>
                        <input type="text" class="input-search" placeholder="Search here...">
                        <button type="button"><i class="fas fa-search"></i></button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!-- Common Banner Area -->
    <section id="common_banner">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="common_bannner_text">
                        <h2>Hotel details</h2>
                        <ul>
                            <li><a href="index.html">Home</a></li>
                            <li><span><i class="fas fa-circle"></i></span><a href="hotel-search.html">Hotel</a></li>
                            <li><span><i class="fas fa-circle"></i></span> Hotel Details</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @if(empty($hotelDetail) || empty($roomDetail))
    <div>
        <p class="text-center">Result not found, please reload the page</p>
    </div>
    @else 
    <!-- Hotel Search Areas -->
    <section id="tour_details_main" class="section_padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-8">
                    <div class="tour_details_leftside_wrapper">
                        <div class="tour_details_heading_wrapper">
                            <div class="tour_details_top_heading">
                                <h2>{{$hotelDetail->HotelName}}</h2>
                                <h5><i class="fas fa-map-marker-alt"></i> {{$hotelDetail->Address}}</h5>
                            </div>
                            {{-- <div class="tour_details_top_heading_right">
                                <h4>Excellent</h4>
                                <h6>4.8/5</h6>
                                <p>(1214 reviewes)</p>
                            </div> --}}
                        </div>
                        
                        <div class="tour_details_img_wrapper">
                            
                            
                            <div class="slider slider-for">
                                @php
                                 $imageCount = count($hotelDetail->Images);
                                @endphp
                                @foreach ($hotelDetail->Images as $imgKey => $hotelImg)
                                    
                                        <div>
                                            <img src="{{$hotelImg}}" alt="img">
                                        </div>
                                    

                                @endforeach
                                
                            </div>
                            <div class="slider slider-nav">
                                @php
                                 $imageCount = count($hotelDetail->Images);
                                @endphp
                                @foreach ($hotelDetail->Images as $imgKey => $hotelImg)
                                    
                                        <div>
                                            <img src="{{$hotelImg}}" alt="img">
                                        </div>
                                    

                                @endforeach
                            </div>
                        </div>
                        {{-- <div class="tour_details_boxed">
                            <h3 class="heading_theme">Overview</h3>
                            <div class="tour_details_boxed_inner">
                                {!! $hotelDetail->Description !!}
                            </div>
                        </div> --}}

                        @php
                            $roomCombinationsArr = [];
                        @endphp
                        @if (!empty($roomCombinations))
                            @foreach ($roomCombinations->RoomCombination as $roomCombination)
                                @php
                                    $roomCombinationsArr[] = $roomCombination->RoomIndex[0];
                                @endphp
                            @endforeach
                        @endif
                        <div class="tour_details_boxed">
                            <h3 class="heading_theme">Select your room</h3>
                            <div class="room_select_area">
                                
                                <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane fade show active" id="home" role="tabpanel"
                                        aria-labelledby="home-tab">
                                        <div class="room_booking_area">
                                            @php
                                                $hotelObj = new \App\Http\Controllers\Frontend\HotelController;
                                            @endphp
                                            @foreach ($roomDetail as $roomInfo)
                                                @php
                                                    $hotelASJ = $hotelObj->bp_hotel_get_fare($roomInfo->Price->OfferedPrice, $roomInfo->Price->PublishedPrice, "1");
                                                @endphp
                                                @if(!empty($roomCombinationsArr) && in_array($roomInfo->RoomIndex, $roomCombinationsArr))
                                                @php
                                                    $rand = rand(0,$imageCount-1);
                                                @endphp

                                                @php
                                                $fromDate= strtotime( $roomInfo->CancellationPolicies[0]->FromDate );
                                                $fromDate= date('d-m-Y', $fromDate );

                                                $toDate = strtotime( $roomInfo->CancellationPolicies[0]->ToDate );
                                                $toDate= date('d-m-Y', $toDate );

                                                @endphp
                                                <div class="room_book_item">
                                                    <div class="room_book_img">
                                                        <img src="{{$hotelDetail->Images[$rand]}}" alt="img" width="250" height="250">
                                                    </div>
                                                    <div class="room_booking_right_side">
                                                        <div class="room_booking_heading">
                                                            <h3><a href="">{{$roomInfo->RoomTypeName}}</a></h3>
                                                            <div class="room_fasa_area">
                                                                <ul>
                                                                    @foreach ($roomInfo->Amenities as $amenities)
                                                                        <li><i class="fa fa-star"></i>{{$amenities}}</li>
                                                                    @endforeach
                                                                
                                                                    
 
                                                                </ul>
                                                                
                                                            </div>
                                                            <div class="mt-2">
                                                                <h6><i class="fas fa-info"> </i> From {{$fromDate}} to {{$toDate}} cancellation charge : {{$roomInfo->CancellationPolicies[0]->Charge}}%</h6>
                                                            </div>
                                                            
                                                        </div>
                                                        
                                                        
                                                        <div class="room_person_select">
                                                            <h3>₹{{$hotelASJ['final_fare']}}/ <sub>Per night</sub></h3>
                                                            <div class="mt-1">

                                                                <form action="{{route('frontend.hotel-checkout')}}" method="post">
                                                                    @csrf
                                                                    
                                                                    <input type="hidden" name="roomindex" value="{{$roomInfo->RoomIndex}}">
                                                                    <input type="hidden" name="roomcode" value="{{$roomInfo->RoomTypeCode}}">
                                                                    <button class="btn btn-danger" type="submit">Book Now</button>
                                                                    
                                                                </form>
                                                            </div>
                                                           
                                                        </div>
                                                        
                                                        
                                                    </div>
                                                </div>
                                                @endif
                                            @endforeach                                            
                                        </div>
                                    </div>
                                    {{-- <div class="tab-pane fade" id="profile" role="tabpanel"
                                        aria-labelledby="profile-tab">
                                        <div class="write_review_inner_boxed">
                                            <form action="!#" id="news_comment_form">
                                                <div class="row">
                                                    <div class="col-lg-6">
                                                        <div class="form-froup">
                                                            <input type="text" class="form-control bg_input"
                                                                placeholder="Enter full name">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <div class="form-froup">
                                                            <input type="text" class="form-control bg_input"
                                                                placeholder="Enter email address">
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-12">
                                                        <div class="form-froup">
                                                            <textarea rows="6" placeholder="Write your comments"
                                                                class="form-control bg_input"></textarea>
                                                        </div>
                                                        <div class="comment_form_submit">
                                                            <button class="btn btn_theme btn_md">Enquiry</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div> --}}
                                </div>
                            </div>
                        </div>
                        <div class="tour_details_boxed">
                            <h3 class="heading_theme">Amenities</h3>
                            <div class="tour_details_boxed_inner">
                                <ul>
                                    @foreach ($hotelDetail->HotelFacilities as $facility)
                                    <li><i class="fas fa-circle"></i>{{$facility}}</li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                        {{-- <div class="tour_details_boxed">
                            <h3 class="heading_theme">Hotel location</h3>
                            <div class="map_area">
                                <iframe
                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3677.6962663570607!2d89.56355961427838!3d22.813715829827952!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39ff901efac79b59%3A0x5be01a1bc0dc7eba!2sAnd+IT!5e0!3m2!1sen!2sbd!4v1557901943656!5m2!1sen!2sbd"></iframe>
                            </div>
                        </div> --}}
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="tour_details_right_sidebar_wrapper">
                        <div class="tour_detail_right_sidebar">
                            <div class="tour_details_right_boxed">
                                <h3 class="heading_theme">Overview</h3>
                                <div class="tour_details_boxed_inner">
                                    {!! $hotelDetail->Description !!}
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    <div class="tour_details_right_sidebar_wrapper">
                        <div class="tour_detail_right_sidebar">
                            <div class="tour_details_right_boxed">
                                
                                <h3 class="heading_theme">Attractions</h3>
                                <div class="tour_details_boxed_inner">
                                    @if(!empty($hotelDetail->Attractions))
                                    @foreach($hotelDetail->Attractions as $attraction)
                                         {!! $attraction->Value !!}
                                    @endforeach
                                    @endif
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </div>
        </div>

    </section>
    @endif
@section('scripts')
<script src="{{asset('js/nouislider.min.js')}}"></script>
<script src="{{asset('js/slick.min.js')}}"></script>
<script src="{{asset('js/slick-slider.js')}}"></script>
@endsection

@endsection