@extends('frontend.layouts.master')
@section('meta')
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="{{$room_detail->description}}">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:url" content="{{route('room-detail',$room_detail->id)}}">
	<meta property="og:type" content="article">
	<meta property="og:title" content="{{$room_detail->title}}">
	<meta property="og:image" content="{{$room_detail->photo}}">
	<meta property="og:description" content="{{$room_detail->description}}">
@endsection
@section('title') {{$room_detail->title}} @endsection
@section('main-content')
@include('frontend.layouts.notification')

<hr>

<!-- Breadcrumb Section Begin -->
<div class="breadcrumb-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="breadcrumb-text">
                    <h2>{{ __('header.our_hall') }}</h2>
                    <div class="bt-option">
                        <a href="{{ route('home') }}">{{ __('header.home_title') }}</a>
                        <span>{{$room_detail->title}}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Breadcrumb Section End -->

<!-- Room Details Section Begin -->
<section class="room-details-section spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="room-details-item">
                    @php
                        $photo=explode(',',$room_detail->photo);
                    @endphp
                    <img src="{{ Storage::url($room_detail->photo) }}" alt="{{ Storage::url($room_detail->photo) }}">
                    <div class="rd-text">
                        <div class="rd-title">
                            <h3>{{$room_detail->title}}</h3>
                            {{-- <div class="rdt-right">
                                @php
                                    $rate=ceil($room_detail->getReview->avg('rate'))
                                @endphp
                                <div class="rating">
                                    @for($i=1; $i<=5; $i++)
                                        @if($rate>=$i)
                                            <i class="icon_star"></i>
                                        @else 
                                            <i class="icon_star-half_alt"></i>
                                        @endif
                                    @endfor
                                    <div>({{$room_detail['getReview']->count()}}) Review</div>
                                </div>
                                <a href="{{route('checkout',$room_detail->id)}}">{{ __('header.book_title') }}</a>
                            </div> --}}
                        </div>
                        <h2>{{number_format($room_detail->price,2)}} FBU<span>/Pernight</span></h2>
                        <table>
                            <tbody>
                            </tbody>
                        </table>
                        <p>{!! ($room_detail->description) !!}</p>

                        
                        <section class="testimonial-section spad">
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="section-title">
                                            <h2>More Photos</h2>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-8 offset-lg-2">
                                        <div class="testimonial-slider owl-carousel">
                                            @if($room_detail->images)
                                                @foreach($room_detail->images as $image)
                                                    <div class="ts-item">
                                                        <p>{{$image->caption}}</p>
                                                        <img src="{{ asset('/storage/' . $image->name) }}" alt="{{ asset('/storage/' . $image->name) }}">
                                                    </div>
                                                @endforeach
                                            @endif
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>

                    </div>
                </div>
                {{-- <div class="rd-reviews">
                    <h4>Overall {{ceil($room_detail->getReview->avg('rate'))}} 
                        <span>Based on {{$room_detail->getReview->count()}} Comments</span>
                    </h4>
                    @foreach($room_detail['getReview'] as $data)
                        <div class="review-item">
                            <div class="ri-pic">
                                @if($data->user_info['photo'])
                                    <img src="{{ Storage::url($data->user_info['photo']) }}" alt="{{ Storage::url($data->user_info['photo']) }}" style="width: 100px; height: 100px;">
                                @else 
                                    <img src="{{asset('backend/images/icon/avatar-01.jpg')}}" alt="Profile.jpg">
                                @endif
                            </div>
                            <div class="ri-text">
                                <div class="rating">
                                    @for($i=1; $i<=5; $i++)
                                        @if($data->rate>=$i)
                                            <i class="icon_star"></i>
                                        @else 
                                            <i class="icon_star-half_alt"></i>
                                        @endif
                                    @endfor
                                    <div class="rate-count">(<span>{{$data->rate}}</span>)</div>
                                </div>
                                <h5>{{$data->user_info['name']}}</h5>
                                <p>{{$data->review}}</p>
                            </div>
                        </div>
                    @endforeach
                </div> --}}
                {{-- <div class="review-add">
                    <h4>Add Review</h4>
                    @auth --}}
                        {{-- <form class="ra-form" method="post" action="{{route('review.store',$room_detail->slug)}}">
                            @csrf
                            <div class="row">
                                <div class="col-lg-12">
                                    <div>
                                        <h5>You Rating:</h5>
                                        <div class="rating">
                                                <input class="icon_star" id="star-rating-1" type="radio" name="rate" value="1" for="star-rating-1" title="1 out of 5 stars">
                                                
                                                <input class="icon_star" id="star-rating-2" type="radio" name="rate" value="2" for="star-rating-2" title="2 out of 5 stars">
                                                
                                                <input class="icon_star" id="star-rating-3" type="radio" name="rate" value="3" for="star-rating-3" title="3 out of 5 stars">
                                                
                                                <input class="icon_star" id="star-rating-4" type="radio" name="rate" value="4" for="star-rating-4" title="4 out of 5 stars">
                                                
                                                <input class="icon_star" id="star-rating-5" type="radio" name="rate" value="5" for="star-rating-5" title="5 out of 5 stars">
                                                
                                                @error('rate')
                                                <span class="text-danger">{{$message}}</span>
                                                @enderror
                                        </div>
                                    </div>
                                    <textarea name="review" placeholder="Your Review"></textarea>
                                    <button type="submit">Submit Now</button>
                                </div>
                            </div>
                        </form> --}}
                    {{-- @else 
                        <p class="text-center p-5">
                            You need to <a href="{{route('admin')}}" style="color:rgb(54, 54, 204)">Login</a> 
                        </p>
                    @endauth --}}
                {{-- </div> --}}
            </div>
        </div>
    </div>
</section>
<!-- Room Details Section End -->

<!-- Recommend Room Section Begin -->
<section class="recommend-blog-section spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-title">
                    <h2>Related Rooms</h2>
                </div>
            </div>
        </div>
        <div class="row">
            @foreach($related_rooms as $data)
                <div class="col-md-4">
                    @php
                        $photo=explode(',',$data->photo);
                    @endphp
                    <div class="blog-item set-bg" data-setbg="{{ Storage::url($data->photo) }}">
                        <div class="bi-text">
                            @php 
                                $after_discount=($data->price-(($data->discount*$data->price)/100));
                            @endphp
                            <span class="b-time">{{number_format($data->price,2)}} FBU</span>
                            <h4><a href="{{route('room-detail',$data->id)}}">{{$data->title}}</a></h4>
                            {{-- <div class="b-tag">{{$data->cat_info['title']}}</div> --}}
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
</section>
<!-- Recommend Room Section End -->

@endsection


@push('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>

    {{-- <script>
        $('.cart').click(function(){
            var quantity=$('#quantity').val();
            var pro_id=$(this).data('id');
            // alert(quantity);
            $.ajax({
                url:"{{route('add-to-cart')}}",
                type:"POST",
                data:{
                    _token:"{{csrf_token()}}",
                    quantity:quantity,
                    pro_id:pro_id
                },
                success:function(response){
                    console.log(response);
					if(typeof(response)!='object'){
						response=$.parseJSON(response);
					}
					if(response.status){
						swal('success',response.msg,'success').then(function(){
							document.location.href=document.location.href;
						});
					}
					else{
                        swal('error',response.msg,'error').then(function(){
							document.location.href=document.location.href;
						});
                    }
                }
            })
        });
    </script> --}}

@endpush