@extends('app')

@section('head_title', $venue->venue_name.' | '.$hotel->hotel_name.' | '.getcong('site_name') )
@section('meta_title',$hotel->meta_title.' | '.getcong('site_name'))
@section('meta_keywords',$hotel->meta_keyword)
@section('meta_description',$hotel->meta_description)
@section('head_url', Request::url())

@section('content')
	<style>
		.star{
			color:  #ffa912;
		}
		table.roomviewlist.table.tbl-tab {
    min-height: 190px;
    max-height: 190px;
}
.partyarea-profile-price {
    min-height: 74px;
} 

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}
.owl-pagination {
    bottom: -13px;
}
.owl-carousel .item img {
     display: block;
     width: 100%;  
 }
	</style> 
	<div class="venue-listing-item-block">
		<div class="container"> 
		<div class="venuelisting-section">
			<div class="row venuelisting-header">
				<div class="col-md-9 col-sm-8">
					<h1>{{$hotel->hotel_name}} </h1><br>
					<h1 class="single-listing-heading item_title" style="margin-top: -40px;">Venue: {{$venue->venue_name}}</h1>
					<p class="vendor-address"><div class="dd0"><i class="fa fa-map-marker"></i></div><div class="dd">{{$hotel->hotel_address}}, {{ \App\Cities::getCityInfo($hotel->city_id)->city_name }}, {{ \App\States::getStateInfo($hotel->state_id)->name }}  - {{$hotel->hotel_pin}}, {{ \App\Countries::getCountryInfo($hotel->country_id)->country_name }}</div> <a href="#location" class="btn-secondary-link ml-2">View Map</a> </p>
					<div class="rating-box vendor-meta-box">
						<span class="rating-star" >
							 ()								@if(!empty($pdfs) && !empty($pdfs->mot_certificate))
									<strong><span><a target="_blank" href="{{url("public/upload/fact_and_certificates/certificate")."/".$pdfs->mot_certificate}}">Classification Certificate	<i class="fa fa-file-pdf-o" aria-hidden="true"></i></a>
										</span></strong>
								@endif
						</span>
					</div>
					
				</div>
				<div class="col-md-3 col-sm-4">
					<div class="single-listing-dtl hoteloptions">
						if(!Auth::check())
						<a class="btn btn-pink" id="singlevenuerequestquote" data-toggle="modal" data-target="#viewSend" href="{{URL::to('singlevenuerequestquote/'.$venue->id.'')}}">Request Quote</a>
						@endif
						@if(!Auth::check())
							<a href="{{URL::to('login')}}" class="btn-default-loginwishlist"><span class="pl-1">Login To Shortlist</span></a>
						@elseif($shortlist==0)
							
							<a href="#" class="btn-default-wishlist shortlist-single-btn venue-shortlist" data-venue-id="{{$venue->id}}" data-user-id="{{Auth::User()->id}}" ><i class="fa fa-heart"></i> <span class="pl-1">Add To  Shortlist</span><i class="fa fa-spinner fa-pulse hide"></i></a>
						@else
							<a href="#" class="btn-default-wishlist venue-shortlist shortlisted" data-venue-id="{{$venue->id}}" data-user-id="{{Auth::User()->id}}" ><i class="fa fa-heart is-shortlisted"></i> <span class="pl-1">Added To  Shortlist</span><i class="fa fa-spinner fa-pulse hide"></i></a>
						@endif
					</div>
				</div>
			</div>
			<hr>
			<div class="row">
				<div class="col-md-4">
					<div class="venuesidedetails">
						<h3>Venue Specifications</h3>
						<hr class="vp-hr-line">
						<div class="row">
							<div class="col-xs-6 col-sm-6 col1">
								<h4 class="more-info-head">Venue Location</h4>
							</div>
							<div class="col-xs-6 col-sm-6 col2">
								<h6 class="data_font">{{$venue->hall_location}}</h6>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-6 col-sm-6 col1">
								<h4 class="more-info-head">Pre Function Area</h4>
							</div>
							<div class="col-xs-6 col-sm-6 col2">
								<h6 class="data_font">{{$venue->pre_func_area}} Sq. Ft.</h6>
							</div>
						</div>
{{--						<div class="row">--}}
{{--							<div class="col-xs-6 col-sm-6 col1">--}}
{{--								<h4 class="more-info-head">Post Function Area</h4>--}}
{{--							</div>--}}
{{--							<div class="col-xs-6 col-sm-6 col2">--}}
{{--								<h6 class="data_font">{{$venue->post_func_area}} Sq. Ft.</h6>--}}
{{--							</div>--}}
{{--						</div>--}}

						<div class="row">
							<div class="col-xs-6 col-sm-6 col1">
								<h4 class="more-info-head">Dimensions (in ft.)</h4>
							</div>
							<div class="col-xs-6 col-sm-6 col2">
								<h6 class="data_font">{{$venue->hall_dimension_length}} * {{$venue->hall_dimension_breadth}} * {{$venue->hall_dimension_height}}</h6>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-6 col-sm-6 col1">
								<h4 class="more-info-head">Total Area</h4>
							</div>
							<div class="col-xs-6 col-sm-6 col2">
								<h6 class="data_font">{{$venue->hall_dimension_area}} Sq. Ft.</h6>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-6 col-sm-6 col1">
								<h4 class="more-info-head">Max. Capacity</h4>
							</div>
							<div class="col-xs-6 col-sm-6 col2">
								<h6 class="data_font"></h6>
							</div>
						</div>
						<div class="row">
							<div class="col-xs-6 col-sm-6 col1">
								<h4 class="more-info-head">AC/Non AC</h4>
							</div>
							<div class="col-xs-6 col-sm-6 col2">
								<h6 class="data_font">{{str_replace("_",' ',$venue->hall_details_ac_nonac)}}</h6>
							</div>
						</div>
					</div>
					
				</div>
				<div class="col-md-8">
				
					@if($venue_gallery_images)
					<div class="list-single-carousel">
						<div class="owl-carousel owl-theme owl-venue">
							@foreach($venue_gallery_images as $i => $gallery_img)
								<div class="item gallery-block">
									<div class="gallery-img">
										<img src="{{ URL::asset('upload/venuegallery/'.$venue->id.'/'.$gallery_img->venueimage) }}" class="img-responsive">
									</div>
								</div>
							@endforeach
						</div>
					</div>
					@endif
					
				</div>
			</div>
		</div>
		</div>
	</div>


	<div class="venue-capacity-section container" style="margin-top: 30px;">
		<div class="container">
			<div class="row">
				<div class="col-md-12 text_center">
					<h2><i class="fa fa-users" aria-hidden="true"></i> Venue Capacity</h2>
				</div>
			</div>
			<div class="row">
						<div class="col-xs-6 col-sm-6 col-md-3 text_center">
							<span class="venue-capacity-theatre"> 
								<img src="{{ URL::asset('seatingStyleIcon/6.png') }}"><br>
								<span class="place">Theatre</span> <br> <span class="nop">{{$venue->hall_sitting_theatre}}</span>
							</span>
						</div>
						<div class="col-xs-6 col-sm-6 col-md-3 text_center">
							<span class="venue-capacity-classroom">
								<img src="{{ URL::asset('seatingStyleIcon/7.png') }}"><br>
								<span class="place">Class Room</span> <br> <span class="nop">{{$venue->hall_sitting_classroom}}<span>
							</span>
						</div>
						<div class="col-xs-6 col-sm-6 col-md-3 text_center">
							<span class="venue-capacity-ushape"> 
								<img src="{{ URL::asset('seatingStyleIcon/8.png') }}"><br>
								<span class="place">U-Shape</span> <br> <span class="nop">{{$venue->hall_sitting_ushape}}</span>
							</span>
						</div>
						<div class="col-xs-6 col-sm-6 col-md-3 text_center">
							<span class="venue-capacity-boardroom"> 
								<img src="{{ URL::asset('seatingStyleIcon/10.png') }}"><br>
								<span class="place">Board Room</span> <br> <span class="nop">{{$venue->hall_sitting_boardroom}}</span>
							</span>
						</div>
					</div><div class="row">
						<div class="col-xs-6 col-sm-6 col-md-3 text_center">
							<span class="venue-capacity-roundtable">
								<img src="{{ URL::asset('seatingStyleIcon/9.png') }}"><br>
								<span class="place">Cluster</span> <br> <span class="nop">{{$venue->hall_sitting_roundtable}}<span>
							</span>
						</div>
						<div class="col-xs-6 col-sm-6 col-md-3 text_center">
							<span class="venue-capacity-cocktail">
								<img src="{{ URL::asset('seatingStyleIcon/11.png') }}"><br>
								<span class="place">Cocktail</span> <br> <span class="nop">{{$venue->hall_sitting_cocktail}}<span>
							</span>
						</div>
						<div class="col-xs-6 col-sm-6 col-md-3 text_center">
							<span class="venue-capacity-reception"> 
								<img src="{{ URL::asset('seatingStyleIcon/12.png') }}"><br>
								<span class="place">Reception</span> <br> <span class="nop">{{$venue->hall_sitting_reception}}</span>
							</span>
						</div>
						<div class="col-xs-6 col-sm-6 col-md-3 text_center">
							<span class="venue-capacity-banquet">
								<img src="{{ URL::asset('seatingStyleIcon/13.png') }}"><br>
								<span class="place">Banquet</span> <br> <span class="nop">{{$venue->hall_sitting_banquet}}<span>
							</span>
						</div> 
						
			</div>
			 
			<div class="row">
				<div class="col-md-12 text_center">
			                     </div>
            </div>
			
					   		</div>

		<div class="container">
				    </div>

	</div>
	
	
	 
	
	<div class="new-listing-description-block">
		<div class="container">
			<div class="row">
				<div class="col-md-8">
					<ul class="new-listing-nav-tabs nav nav-pills mb-3" id="pills-tab" role="tablist">
						<li class="nav-item active">
							<a class="nav-link" id="pills-general-info-tab" data-toggle="pill" href="#pills-general-info" role="tab" aria-controls="pills-general-info" aria-selected="true">General Information</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" id="pills-access-details-tab" data-toggle="pill" href="#pills-access-details" role="tab" aria-controls="pills-access-details" aria-selected="false">Access To Venue</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" id="pills-room-details-tab" data-toggle="pill" href="#pills-room-details" role="tab" aria-controls="pills-important-contacts" aria-selected="false">Room & Facilities</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" id="pills-hallfc-details-tab" data-toggle="pill" href="#pills-hallfc-details" role="tab" aria-controls="pills-hallfc-details" aria-selected="false">Hall Facilities</a>
						</li>
					</ul>
					<div class="tab-content" id="pills-tabContent">
						<div class="tab-pane fade active in" id="pills-general-info" role="tabpanel" aria-labelledby="pills-general-info-tab">
							
							<div class="bg-white1 shadow-light radius">
								<div class="title-bar">
									About {{$hotel->hotel_name}}
								</div>
								<div class="about-body border-t">
									<div class="info padding-h-20 padding-v-20" style="text-align: justify !important;">
																			</div>
								</div>
								<div class="cvp-service-info border-t padding-v-20">
									<div class="row">
										<div class="col-md-6">
											<div class="vp-service-info-r">
												<div class="vp-service-info-value">
													Year Built/Last Renovated
												</div>
												<div class="vp-service-info-label">
													{{$hotel->year_construction}}
												</div>
											</div>
										</div>
										<div class="col-md-6">
											<div class="vp-service-info-r">
												<div class="vp-service-info-value">
													Chain (If Any)
												</div>
												<div class="vp-service-info-label">
													@if($hotel->chainproperty != 0)
														{{ \App\ChainProperty::getChainPropertyInfo($hotel->chainproperty)->chain_property }}
													@else
														NA
													@endif
												</div>
											</div>
										</div>


									</div>
									<div class="row">
										<div class="col-md-6">
											<div class="vp-service-info-r">
												<div class="vp-service-info-value">
													Member of
												</div>
												<div class="vp-service-info-label">
													@if($hotel->memberof != 0)