@extends('layouts.admin')
@section('header_style')
	<link href="{{asset('assets/plugins/bootstrap-fileinput/bootstrap-fileinput.css') }}" rel="stylesheet" type="text/css"/>
	<link href="{{asset('assets/plugins/datatables/datatables.min.css')}}" rel="stylesheet" type="text/css"/>
	<link href="{{asset('assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css')}}" rel="stylesheet"      type="text/css"/>
	<link href="{{asset('assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css')}}" rel="stylesheet"      type="text/css"/>
	<style type="text/css">
		td { 
			font-size: 14px !important; 
		}
		.custom-fileinput {
			display: inline-block;
			margin-bottom: 9px;
		}
		.custom-fileinput .btn {
			vertical-align: middle;
		}

		.d-none{
			display: none;
		}
		.nav-item.active{
			background-color: #67AAB3;
		}
		.nav-link.active{
			background-color: #A0C6CF;
		}                
	</style>
@endsection
@section('content')
<div style="min-height: 75vh; max-height: 75vh; height: 75vh; overflow: auto;">
	<form method="POST" enctype="multipart/form-data" action="{{route('add_hotel.update.hotel_details')}}">
		@csrf
		<div class="top-baar">
				<nav class="navbar navbar-expand-lg navbar-light bg-light">
					<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="nav nav-tabs">
						<li class="nav-item" id="detail_tab">
							<a class="nav-link active" id="detail_link" onclick="ChangeForm('hotel_details','detail_tab','detail_link');"><b>Details</b></a>
						</li>
						<li class="nav-item" id="Others_tab">
							<a class="nav-link" id="other_link" onclick="ChangeForm('hotel_other','Others_tab','other_link');"><b>Others</b></a>
						</li>                    
						<li class="nav-item" id="facilities_tab">
							<a class="nav-link" id="facilities_link" onclick="ChangeForm('hotel_facilities','facilities_tab','facilities_link');"><b>Hotel Amenities</b></a>
						</li>                    
						<li class="nav-item" id="cancellation_tab">
							<a class="nav-link" id="cancellation_link" onclick="ChangeForm('hotel_cancellation','cancellation_tab','cancellation_link');"><b>Cancellation</b></a>
						</li>                    
						<li class="nav-item" id="location_tab">
							<a class="nav-link" id="location_link" onclick="ChangeForm('hotel_location','location_tab','location_link');"><b>Location</b></a>
						</li>                    
						<li class="nav-item" id="picture_tab">
							<a class="nav-link" id="picture_link" onclick="ChangeForm('hotel_picture','picture_tab','picture_link');"><b>Profile Picture</b></a>
						</li>                    
						<li class="nav-item" id="payment_tab">
							<a class="nav-link" id="payment_link" onclick="ChangeForm('hotel_payment','payment_tab','payment_link');"><b>Payment</b></a>
						</li>
						<li class="nav-item {{ Request::is('add_hotel/hotel_room_rate') ? '' : '' }}">
							<a class="nav-link" href="{{ route('add_hotel.rate.hotel_details', ['id' => $hotel->id]) }}"><b>Room Rate</b></a>
						</li>
						<div class="Save"><button type="submit" class="btn btn-success" style="float: right;padding-right: 20px;padding-left: 20px;margin-right: 10px;">SAVE</button></div>
						<div class="Discard"><a href="{{ route('active.index') }}" class="btn btn-danger px-4 py-1" style="float: right;margin-right: 10px;">DISCARD</a></div>                   
					</ul>
					</div> 
				</nav>   
		</div>
		<div id="hotel_details" class="card mt-1 mx-2" style="padding-left:20px;">
			<div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
				<div class="col-2 ml-8 pl-8">
					<div class="form-group row my-0 pt-5">
						<!-- <label class="col-sm-3 form-label pt-1 text-left">Code :</label>
						<div class="col-sm-6 mb-3 mr-5">
							<input autocomplete="off" type="text" name="code" id="code" class="form-control" value="{{$hotel->code}}">
							
						</div> -->
						<input autocomplete="off" type="hidden" name="hotel_id" id="hotel_id" class="form-control" value="{{$id}}">
						<div class="mx-3">  
						</div>
					</div>
					<div class="form-group row my-0">
						<label class="col-sm-3 form-label pt-1 text-left">Hotel Name :</label>
						<div class="col-sm-6 mb-3 mr-5">
							<input autocomplete="off" type="text" name="name" id="name" class="form-control" value="{{$hotel->name}}">
						</div>
						<div class="mx-3">  
						</div>
					</div>
					<div class="form-group row my-0">
						<label class="col-sm-3 form-label pt-1 text-left">Address :</label>
						<div class="col-sm-6 mb-3 mr-5">
							<textarea rows="3" autocomplete="off" type="text" name="street_address" id="street_address" class="form-control" value="">{{$hotel->street_address}}</textarea>
						</div>
						<div class="mx-3">  
						</div>
					</div>
					<div class="form-group row my-0">
						<div class="mx-3">  
						</div>
						<label class="col-sm-3 form-label pt-1 text-left">Phone No :</label>
						<div class="col-sm-6 mb-3 mr-5">
							<input autocomplete="off" type="text" name="tel_number" id="tel_number" class="form-control" value="{{ $hotel->tel_number}}">
						</div>
					</div>
					<div class="form-group row my-0">
						<div class="mx-3">  
						</div>
						<label class="col-sm-3 form-label pt-1 text-left">Fax :</label>
						<div class="col-sm-6 mb-3 mr-5">
							<input autocomplete="off" type="text" name="fax_number" id="fax_number" class="form-control" value="{{ $hotel->fax_number}}">
						</div>
					</div>
					<div class="form-group row my-0">
						<div class="mx-3">  
						</div>
						<label class="col-sm-3 form-label pt-1 text-left">Email :</label>
						<div class="col-sm-6 mb-3 mr-5">
							<input autocomplete="off" type="text" name="email" id="email" class="form-control" value="{{ $hotel->email}}">
						</div>
					</div>
					<div class="form-group row my-0">
	                    <div class="mx-3">  
	                    </div>
	                    <label class="col-sm-3 form-label pt-1 text-left">Website :</label>
	                    <div class="col-sm-6 mb-3 mr-5">
	                        <input autocomplete="off" type="text" name="website" id="website" class="form-control" value="{{ $hotel->website}}">
	                    </div>
	                </div>
					<div class="form-group row my-0">
	                    <div class="mx-3">  
	                    </div>
	                    <label class="col-sm-3 form-label pt-1 text-left">City :</label>
	                    <div class="col-sm-6 mb-3 mr-5">
	                        <input type="text"  autocomplete="off" name="ct" id="ct" class="form-control" list="ctlist" placeholder="Select City" value="{{$city_name[0]->name ?? null}}">
	                        <datalist  id="ctlist">
	                        <option data-value="" selected disabled="">Select City</option>
	                        @foreach ($cities as $key => $values)
	                        <option data-value="{{$values->id}}" value="{{$values->name}}"></option>
	                        @endforeach         
	                         </datalist>
	                        <input type="hidden" name="cities" id="cities" value="{{$hotel->city_id}}">
	                    </div>
	                </div>
	                <div class="form-group row my-0">
	                    <div class="mx-3">  
	                    </div>
	                    <label class="col-sm-3 form-label pt-1 text-left">Country :</label>
	                    <div class="col-sm-6 mb-3 mr-5">
	                       <input type="text"  autocomplete="off" name="c" id="c" class="form-control" list="clist" placeholder="Select Country" value="{{$country_name[0]->name ?? null}}">
	                        <datalist  id="clist">
	                        <option data-value="" selected disabled="">Select Country</option>
	                        @foreach ($countries as $key => $value)
	                        <option data-value="{{$value->id}}" value="{{$value->name}}"></option>
	                        @endforeach 
	                  </datalist> 
	                 <input type="hidden" name="countries" id="countries" value="{{$hotel->country_id}}">
	                    </div>
	                </div>
	                <div class="form-group row my-0">
	                    <div class="mx-3">  
	                    </div>
	                    <label class="col-sm-3 form-label pt-1 text-left">Wholesaler :</label>
	                    <div class="col-sm-6 mb-3 mr-5">
	                    	<input type="text"  autocomplete="off" name="ws" id="ws" class="form-control" list="wslist" value="{{$wholesaler_name[0]->name ?? null}}">
	                        <datalist  id="wslist">
								@foreach ($wholesaler as $ws => $value)
	                            	<option data-value="{{$value->id}}" value="{{$value->name}}"></option>
								@endforeach		
							</datalist>
							<input type="hidden" name="wholesaler" id="wholesaler" value="{{$hotel->wholesaler_id}}">
	                    </div>
	                </div>
	                <div class="form-group row my-0">
	                    <div class="mx-3">  
	                    </div>
	                    <label class="col-sm-3 form-label pt-1 text-left">Markup rate :</label>
	                    <div class="col-sm-6 mb-3 mr-5">
	                        <select  id="group" class="form-control" name="markup_name">
	                            <option value="" selected disabled="">Select Markup</option>
	                            @foreach ($markups as $mk => $mkvalues)
		                            @if ($mkvalues->id == $hotel->markup_id)
		                            	<option value="{{$mkvalues->id}}" selected>{{$mkvalues->markup_rate}}%</option>
		                            @else
		                            	<option value="{{$mkvalues->id}}">{{$mkvalues->markup_rate}}%</option>
		                            @endif
	                            @endforeach     
	                        </select> 
	                    </div>
	                </div>
	                <div class="form-group row my-0">
	                    <div class="mx-3">  
	                    </div>
	                    <label class="col-sm-3 form-label pt-1 text-left">Most view :</label>
	                    <div class="col-sm-6 mb-3 mr-5">
	                        <label>Yes</label>
	                        <input type="radio" id="most_view" name="most_view" value="1"  @if ( $hotel->most_view == '1' ) checked @endif>
	                        <label>No</label>
	                        <input type="radio" id="most_view" name="most_view" value="0"  @if ( $hotel->most_view == '0' ) checked @endif>
	                    </div>
	                </div>
				</div>
			</div>                        
		</div>
		<div id="hotel_other" class="card mt-1 mx-2 d-none" style="padding-left:20px;">
			<div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
				<div class="col-2 ml-8 pl-8">
					<div class="form-group row my-0 pt-5">
						<label class="col-sm-3 form-label pt-1 text-left">Hotel Description :</label>
						<div class="col-sm-6 mb-3 mr-5">
							<textarea autocomplete="off" style="height: 100px; width: 400px;"  name="hotel_description" id="hotel_description" class="form-control" value="">{{ $hotel->hotel_description}}</textarea>
						</div>
						<div class="mx-3">  
						</div>
					</div>
					<div class="form-group row my-0">
						<label class="col-sm-3 form-label pt-1 text-left">Location Description:</label>
						<div class="col-sm-6 mb-3 mr-5">
							<textarea style="height: 100px; width: 400px;"  autocomplete="off"  name="location_description" id="location_description" class="form-control" value="">{{ $hotel->location_description}}</textarea>
						</div>
						<div class="mx-3">  
						</div>
					</div>
					<div class="form-group row my-0">
						<label class="col-sm-3 form-label pt-1 text-left">Room Description :</label>
						<div class="col-sm-6 mb-3 mr-5">
							<textarea style="height: 100px; width: 400px;"  autocomplete="off"  name="room_description" id="room_description" class="form-control" value="">{{ $hotel->room_description}}</textarea>
						</div>
						<div class="mx-3">  
						</div>
					</div>
					<div class="form-group row my-0">
						<div class="mx-3">  
						</div>
						<label class="col-sm-3 form-label pt-1 text-left">Restaurant Description :</label>
						<div class="col-sm-6 mb-3 mr-5">
							<textarea autocomplete="off" style="height: 100px; width: 400px;"  name="restaurant_description" id="restaurant_description" class="form-control" value="">{{ $hotel->restaurant_description}}</textarea>
						</div>
					</div>
					<div class="form-group row my-0">
						<div class="mx-3">  
						</div>
						<label class="col-sm-3 form-label pt-1 text-left">General Description :</label>
						<div class="col-sm-6 mb-3 mr-5">
							<textarea style="height: 100px; width: 400px;"  autocomplete="off"  name="general_description" id="general_description" class="form-control" value="">{{ $hotel->general_description}}</textarea>
						</div>
					</div>
				</div>
			</div>  
			<div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
				<div class="col-2 ml-8 pl-8">
					<div class="form-group row my-0 pt-5">
						<div class="mx-3">  
						</div>
						<label class="col-sm-4 form-label pt-1 text-left">Remark :</label>
						<div class="col-sm-8 mb-3 mr-5">
							<textarea style="height: 100px; width: 350px;"  autocomplete="off"  name="remark" id="remark" class="form-control">{{ $hotel->remark}}</textarea>
						</div>
					</div>
					<div class="form-group row my-0">
						<div class="mx-3">  
						</div>
						<label class="col-sm-4 form-label pt-1 text-left">Type of Accomodation :</label>
						<div class="col-sm-8 mb-3 mr-5"> 
							<input autocomplete="off" type="text" name="type" id="type" class="form-control" value="{{ $hotel->type}}">
						</div>
					</div>
					<div class="form-group row my-0 pt-5">
						<label class="col-sm-4 form-label pt-1 text-left">Star Rating :</label>
						<div class="col-sm-8 mb-3 mr-5">
							 <input autocomplete="off" type="text" name="rating" id="rating" class="form-control" value="{{ $hotel->rating}}"> 
						</div>
						<div class="mx-3">  
						</div>
					</div>
					<div class="form-group row my-0 pt-5">
						<label class="col-sm-4 form-label pt-1 text-left">Number of Room(s) :</label>
						<div class="col-sm-8 mb-3 mr-5">
							<input autocomplete="off" type="text" name="number_room" id="number_room" class="form-control" value="{{ $hotel->no_of_room}}">  
						</div>
						<div class="mx-3">  
						</div>
					</div>
				</div>
			</div>   
		</div>
		<div id="hotel_facilities" class="card mt-1 mx-2 d-none" style="padding-left:20px;padding-bottom: 80px">  
			<table>
				<tr>
					@php
						$i=0;
						$facilityDecLength=count($hotelfacility);
						$facilityDec = str_pad($facilityDec, $facilityDecLength,'0',STR_PAD_LEFT)
					@endphp
					<input type="hidden" name="len" value="{{$facilityDecLength}}">
					@foreach ($hotelfacility as $key => $tc)
						@if ($tc->status == 'Activated')
							@php
								$i++;

							@endphp
							@if(!is_null($facilityDec) &&  $facilityDec[$facilityDecLength - ($key+1)]== 1)
								@php
									$selected = 'checked';
								@endphp
							@else
								@php
									$selected = '';
								@endphp
							@endif
							<td><input type="checkbox"  name="fac_id[{{ $key }}]" value="{{$tc->id}}" {{ $selected }} ></td> 
							<td id="terms_desc" style="text-align: left; width: 35%"> 
								{{$tc->name}}
							</td>
							@if ($i == 3)
									</tr><tr>
								@php
									$i=0;
								@endphp
							@endif
						@endif
					@endforeach
				</tr>
			</table>

		</div>
		<div id="hotel_cancellation" class="card mt-1 mx-2 d-none" style="padding-left:20px;">
			<div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
				<div class="col-2 ml-8 pl-8">
					<div class="form-group row my-0 pt-5">
						<label class="col-sm-4 form-label pt-1 text-left">Day(s) prior to arrival :</label>
						<div class="col-sm-8 mb-3 mr-5">
							<input autocomplete="off" type="text" name="prior_arrival" id="prior_arrival" class="form-control" value="{{ $hotel->prior_arrival}}">  
						</div>
						<div class="mx-3">  
						</div>
					</div>
					<div class="form-group row my-0">
						<label class="col-sm-4 form-label pt-1 text-left">Night(s) charge :</label>
						<div class="col-sm-8 mb-3 mr-5">
							<input autocomplete="off" type="text" name="night_charge" id="night_charge" class="form-control" value="{{ $hotel->night_charge}}">
						</div>
						<div class="mx-3">  
						</div>
					</div>
					<div class="form-group row my-0">
						<label class="col-sm-4 form-label pt-1 text-left">Cancellation description :</label>
						<div class="col-sm-8 mb-3 mr-5">
							<textarea  autocomplete="off" cols="12" rows="12" name="cancel_description" id="cancel_description" class="form-control" value="">{{ $hotel->cancellation_description}}</textarea>
						</div>
						<div class="mx-3">  
						</div>
					</div>
				</div>
			</div>        
		</div>
		<div id="hotel_location" class="card mt-1 mx-2 d-none" style="padding-left:20px;">
			<div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
				<div class="form-group ">
					<label class="col-sm-3 form-label pt-1 text-left">Map :</label>
					<div class="col-md-9">
						<input autocomplete="off" type="text" name="map" id="map" class="form-control" value="{{ $hotel->map}}">	
					</div>
					<br>
				<br>
				<div class="col-6">
					<br />
<b>Warning</b>:  Undefined variable $hotel in <b>C:\xampp\htdocs\hoteline\resources\views\hotel\add_hotel\hotel_details\edit.blade.php</b> on line <b>366</b><br />
<br />
<b>Warning</b>:  Attempt to read property "map" on null in <b>C:\xampp\htdocs\hoteline\resources\views\hotel\add_hotel\hotel_details\edit.blade.php</b> on line <b>366</b><br />
					<!-- {{$hotel->map}} -->
				</div>
				</div>  
			</div>        
		</div>
		<div id="hotel_picture" class="card mt-1 mx-2 d-none" style="padding-left:20px;">
			<!-- <div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
			<table id="pict" class="table">
	            <thead>
	                <tr>
	                    <td>Picture</td>
	                </tr>
	            </thead>
	            <tbody>
					@php
	                    $count = 1;
	                @endphp
	                    @foreach ($hotel_pictures as $hp)
	                <tr id="pict_@php echo $count; @endphp">
	                    <td>
							<input type="hidden" name="idpic[]" class="form-control" value="{{$hp->id}}">	
	                    	<div class="fileinput fileinput-new" data-provides="fileinput">
		                        <div class="fileinput-preview thumbnail"
		                             data-trigger="fileinput"
		                             style="width: 300px; height: 100px;">
		                            <img src="{{ $hp->image ? asset($hp->image) :asset('assets/img/upload_img_big.png')}}">
		                        </div>
	        				<div>
		                        <span class="btn red btn-outline btn-file btn-xs">
		                            <span class="fileinput-view"> View </span>
		                        </span>
	                            <span class="btn red btn-outline btn-file btn-xs">
		                            <span class="fileinput-new"> Select image </span>
									<span class="fileinput-exists"> Change </span>
										<input type="file" name="image[]">
								</span>
									<a href="javascript:;" class="btn red fileinput-exists btn-xs"data-dismiss="fileinput"> Remove </a>
		                      </div>
	                    	</div>    
	                    </td>
						<td>
	                        <button class="btn btn-danger" onclick="delPict(<br />
<b>Warning</b>:  Undefined variable $count in <b>C:\xampp\htdocs\hoteline\resources\views\hotel\add_hotel\hotel_details\edit.blade.php</b> on line <b>408</b><br />
)">DELETE ROW
	                        </button>
	                    </td>
	                </tr>
					<input type="hidden" id="pict_count" name="pict_count" value="@php echo $count; @endphp">
					@php
	                    $count++;
	                @endphp
	                @endforeach
	            </tbody>
				<tr>
	                <td colspan="2" align="right"><input type="button" id="add-btn" value="ADD" class="btn btn-outline-dark btn-system-success" onclick="addPict()" /></td>
	            </tr>
	        </table>        
		</div> -->
		<div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
				<div class="form-group ">
					<label class="col-sm-3 form-label pt-1 text-left">Picture 1* :</label>
					<div class="col-md-9">
						<div class="fileinput fileinput-new" data-provides="fileinput">
							<div class="fileinput-preview thumbnail"
								 data-trigger="fileinput"
								 style="width: 300px; height: 100px;">
								 	
								 	@if(strpos($hotel->image_1, '/') !== false)
								 		@if($hotel->image_1 == '' || $hotel->image_1 == null)
								 			<img src="{{asset('assets/img/upload_img_big.png')}}">
								 		@else
								 			@php
									 			$img1 =  $hotel->image_1;
									 		@endphp
									 		<img src="{{ $img1 ? asset($img1) : asset('assets/img/upload_img_big.png')}}">	
								 		@endif
								 	@else
									 	
									 	@if($hotel->image_1 == '' || $hotel->image_1 == null)
								 			<img src="{{asset('assets/img/upload_img_big.png')}}">
								 		@else
								 			@php
										 		$img1 = "hotelineweb/include/uploads/images/".$hotel->image_1;
										 	@endphp
										 	<img src="{{ $img1 ? asset($img1) : asset('assets/img/upload_img_big.png')}}">	
								 		@endif
								 	@endif
								
								
							</div>
							<div>
							<span class="btn red btn-outline btn-file btn-xs">
								<span class="fileinput-view"> View </span>
							</span>
								<span class="btn red btn-outline btn-file btn-xs">
								<span class="fileinput-new"> Select image </span>
								<span class="fileinput-exists"> Change </span>
								<input type="file" name="image_1">
							</span>
								<a href="javascript:;"
								   class="btn red fileinput-exists btn-xs"
								   data-dismiss="fileinput"> Remove </a>
							</div>
							<br>
						</div>
					</div>
				</div>  
			</div>    
			<div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
				<div class="form-group ">
					<label class="col-sm-3 form-label pt-1 text-left">Picture 2* :</label>
					<div class="col-md-9">
						<div class="fileinput fileinput-new" data-provides="fileinput">
							<div class="fileinput-preview thumbnail"
								 data-trigger="fileinput"
								 style="width: 300px; height: 100px;">
								@if(strpos($hotel->image_2, '/') !== false)
							 		@if($hotel->image_2 == '' || $hotel->image_2 == null)
							 			<img src="{{asset('assets/img/upload_img_big.png')}}">
							 		@else
							 			@php
								 			$img2 =  $hotel->image_2;
								 		@endphp
								 		<img src="{{ $img2 ? asset($img2) : asset('assets/img/upload_img_big.png')}}">	
							 		@endif
							 	@else
								 	@if($hotel->image_2 == '' || $hotel->image_2 == null)
							 			<img src="{{asset('assets/img/upload_img_big.png')}}">
							 		@else
							 			@php
									 		$img2 = "hotelineweb/include/uploads/images/".$hotel->image_2;
									 	@endphp
									 	<img src="{{ $img2 ? asset($img2) : asset('assets/img/upload_img_big.png')}}">	
							 		@endif
							 	@endif
							</div>
							<div>
							<span class="btn red btn-outline btn-file btn-xs">
								<span class="fileinput-view"> View </span>
							</span>
								<span class="btn red btn-outline btn-file btn-xs">
								<span class="fileinput-new"> Select image </span>
								<span class="fileinput-exists"> Change </span>
								<input type="file" name="image_2">
							</span>
								<a href="javascript:;"
								   class="btn red fileinput-exists btn-xs"
								   data-dismiss="fileinput"> Remove </a>
							</div>
							<br>
						</div>
					</div>
				</div>  
			</div>    
			<div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
				<div class="form-group ">
					<label class="col-sm-3 form-label pt-1 text-left">Picture 3* :</label>
					<div class="col-md-9">
						<div class="fileinput fileinput-new" data-provides="fileinput">
							<div class="fileinput-preview thumbnail"
								 data-trigger="fileinput"
								 style="width: 300px; height: 100px;">
								@if(strpos($hotel->image_3, '/') !== false)
							 		@if($hotel->image_3 == '' || $hotel->image_3 == null)
							 			<img src="{{asset('assets/img/upload_img_big.png')}}">
							 		@else
							 			@php
								 			$img3 =  $hotel->image_3;
								 		@endphp
								 		<img src="{{ $img3 ? asset($img3) : asset('assets/img/upload_img_big.png')}}">	
							 		@endif
							 	@else
								 	
								 	@if($hotel->image_3 == '' || $hotel->image_3 == null)
							 			<img src="{{asset('assets/img/upload_img_big.png')}}">
							 		@else
							 			@php
									 		$img3 = "hotelineweb/include/uploads/images/".$hotel->image_3;
									 	@endphp
									 	<img src="{{ $img3 ? asset($img3) : asset('assets/img/upload_img_big.png')}}">	
							 		@endif
							 	@endif
							</div>
							<div>
							<span class="btn red btn-outline btn-file btn-xs">
								<span class="fileinput-view"> View </span>
							</span>
								<span class="btn red btn-outline btn-file btn-xs">
								<span class="fileinput-new"> Select image </span>
								<span class="fileinput-exists"> Change </span>
								<input type="file" name="image_3">
							</span>
								<a href="javascript:;"
								   class="btn red fileinput-exists btn-xs"
								   data-dismiss="fileinput"> Remove </a>
							</div>
							<br>
						</div>
					</div>
				</div>  
			</div>    
			<div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
				<div class="form-group ">
					<label class="col-sm-3 form-label pt-1 text-left">Picture 4* :</label>
					<div class="col-md-9">
						<div class="fileinput fileinput-new" data-provides="fileinput">
							<div class="fileinput-preview thumbnail"
								 data-trigger="fileinput"
								 style="width: 300px; height: 100px;">
								@if(strpos($hotel->image_4, '/') !== false)
							 		@if($hotel->image_4 == '' || $hotel->image_4 == null)
							 			<img src="{{asset('assets/img/upload_img_big.png')}}">
							 		@else
							 			@php
								 			$img4 =  $hotel->image_4;
								 		@endphp
								 		<img src="{{ $img4 ? asset($img4) : asset('assets/img/upload_img_big.png')}}">	
							 		@endif
							 	@else
								 	
								 	@if($hotel->image_4 == '' || $hotel->image_4 == null)
							 			<img src="{{asset('assets/img/upload_img_big.png')}}">
							 		@else
							 			@php
									 		$img4 = "hotelineweb/include/uploads/images/".$hotel->image_4;
									 	@endphp
									 	<img src="{{ $img4 ? asset($img4) : asset('assets/img/upload_img_big.png')}}">	
							 		@endif
							 	@endif
							</div>
							<div>
							<span class="btn red btn-outline btn-file btn-xs">
								<span class="fileinput-view"> View </span>
							</span>
								<span class="btn red btn-outline btn-file btn-xs">
								<span class="fileinput-new"> Select image </span>
								<span class="fileinput-exists"> Change </span>
								<input type="file" name="image_4">
							</span>
								<a href="javascript:;"
								   class="btn red fileinput-exists btn-xs"
								   data-dismiss="fileinput"> Remove </a>
							</div>
							<br>
						</div>
					</div>
				</div>  
			</div>    
			<div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px; padding-bottom: 10px">
				<div class="form-group ">
					<label class="col-sm-3 form-label pt-1 text-left">Picture 5* :</label>
					<div class="col-md-9">
						<div class="fileinput fileinput-new" data-provides="fileinput">
							<div class="fileinput-preview thumbnail"
								 data-trigger="fileinput"
								 style="width: 300px; height: 100px;">
								@if(strpos($hotel->image_5, '/') !== false)
							 		@if($hotel->image_5 == '' || $hotel->image_5 == null)
							 			<img src="{{asset('assets/img/upload_img_big.png')}}">
							 		@else
							 			@php
								 			$img5 =  $hotel->image_5;
								 		@endphp
								 		<img src="{{ $img5 ? asset($img5) : asset('assets/img/upload_img_big.png')}}">	
							 		@endif
							 	@else
								 	
								 	@if($hotel->image_5 == '' || $hotel->image_5 == null)
							 			<img src="{{asset('assets/img/upload_img_big.png')}}">
							 		@else
							 			@php
									 		$img5 = "hotelineweb/include/uploads/images/".$hotel->image_5;
									 	@endphp
									 	<img src="{{ $img5 ? asset($img5) : asset('assets/img/upload_img_big.png')}}">	
							 		@endif
							 	@endif
							</div>
							<div>
							<span class="btn red btn-outline btn-file btn-xs">
								<span class="fileinput-view"> View </span>
							</span>
								<span class="btn red btn-outline btn-file btn-xs">
								<span class="fileinput-new"> Select image </span>
								<span class="fileinput-exists"> Change </span>
								<input type="file" name="image_5">
							</span>
								<a href="javascript:;"
								   class="btn red fileinput-exists btn-xs"
								   data-dismiss="fileinput"> Remove </a>
							</div>
						</div>
					</div>
				</div>  
			</div>       
		</div>
		<div id="hotel_payment" class="card mt-1 mx-2 d-none" style="padding-left:20px;">       
			<div class="col-sm-6 card mt-1 mx-2" style="padding-left:20px;">
				<div class="col-2 ml-8 pl-8">
				<div class="form-group row my-0 pt-5">
					<label class="col-sm-3 form-label pt-1 text-left">Payment Method :</label>
					<div class="col-sm-6 mb-3 mr-5">
					<select id="group" class="form-control" name="payment_method" >
						<option @if($hotel->payment_method == '') selected @endif value="">Select Method</option>
						<option @if($hotel->payment_method == 'Debit our a/c for Hoteline') selected @endif value="Debit our a/c for Hoteline">Debit our a/c for Hoteline</option>
						<option @if($hotel->payment_method == 'Guest account') selected @endif value="Guest account">Guest account</option>
						<option @if($hotel->payment_method == 'Prepayment') selected @endif value="Prepayment">Prepayment</option>
						<!-- <option @if($hotel->payment_method == '4') selected @endif value="4">Prepayment</option> -->
					</select>
					</div> 
					<div class="mx-3">  
					</div>
				</div>
				<!-- <div class="form-group row my-0">
					<label class="col-sm-3 form-label pt-1 text-left">For A/C of :</label>
				   <div class="col-sm-6 mb-3 mr-5">
						<select id="group" class="form-control" name="sop_id" >
							<option selected>Select A/C</option>
							<option @if($hotel->sop_id == '1') selected @endif value="1">John Morrison</option>
							<option @if($hotel->sop_id == '2') selected @endif value="2">Jackie Hendrix</option>
							<option @if($hotel->sop_id == '3') selected @endif value="3">Maria Gonzales</option>
						</select>
					</div> 
					<div class="mx-3">  
					</div>
				</div> -->
				</div>       
			</div>        
		</div>						  
	</form>
</div>
	
@endsection
@section('footer_script')
	<script src="{{asset('assets/scripts/datatable.js' )}}" type="text/javascript"></script>
	<script src="{{asset('assets/plugins/datatables/datatables.min.js' )}}" type="text/javascript"></script>
	<script src="{{ asset('assets/plugins/bootstrap-fileinput/bootstrap-fileinput.js')}}"
			type="text/javascript"></script>
	<script src="{{asset('assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js' )}}"
			type="text/javascript"></script>
	<script src="{{asset('assets/plugins/jquery-validation/js/jquery.validate.min.js') }}"
			type="text/javascript"></script>
	<script src="{{asset('assets/plugins/jquery-validation/js/additional-methods.min.js') }}"
			type="text/javascript"></script>
	<script src="{{asset('assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js' )}}"
			type="text/javascript"></script>
	<script src="{{asset('assets/scripts/pages/hotel/active.js') }}" type="text/javascript"></script>
	<script type="text/javascript">

		function addPict() {
	        var counter = parseInt($("#pict_count").val()) + 1;
	        $("#pict").append(
	            '<tr id="pict_' + counter + '">' +
	            '<td>' +
	            '<div class="fileinput fileinput-new" data-provides="fileinput">'+
	                        '<div class="fileinput-preview thumbnail"'+
	                             'data-trigger="fileinput"'+
	                             'style="width: 300px; height: 100px;">'+
	                            '<img src="{{asset('assets/img/upload_img_big.png')}}">'+
	                        '</div>'+
	                        '<div>'+
	                        '<span class="btn red btn-outline btn-file btn-xs">'+
	                            '<span class="fileinput-view"> View </span>'+
	                        '</span>'+
	                            '<span class="btn red btn-outline btn-file btn-xs">'+
	                            '<span class="fileinput-new"> Select image </span>'+
	                            '<span class="fileinput-exists"> Change </span>'+
	                            '<input type="file" name="image[]">'+
	                        '</span>'+
	                            '<a href="javascript:;"'+
	                               'class="btn red fileinput-exists btn-xs"'+
	                               'data-dismiss="fileinput"> Remove </a>'+
	                        '</div>'+
	                    '</div>'+
	            '</td>' +
	            '<td>' +
	            '<button class="btn btn-danger" onclick="delPict(' + counter + ')">' +
	            'DELETE ROW</button>' +
	            '</td>' +
	            '</tr>');
	        $("#pict_count").val(counter);
	    }

	    function delPict(no) {
	        $("#pict_" + no).remove();
	        var counter = parseInt($("#pict_count").val()) - 1;
	        $("#pict_count").val(counter);
	    }

		$(document).ready(function()
        {
            
            $('#ws').change(function()
            {
                var value = $('#ws').val();
                var show = $('#wslist [value="' + value + '"]').data('value');
                $("#wholesaler").val(show);
            });
        });

		function ChangeForm(a,b,c){

			document.getElementById("detail_link").classList.remove('active');
			document.getElementById("other_link").classList.remove('active');
			document.getElementById("facilities_link").classList.remove('active');
			document.getElementById("cancellation_link").classList.remove('active');
			document.getElementById("location_link").classList.remove('active');
			document.getElementById("picture_link").classList.remove('active');
			document.getElementById("payment_link").classList.remove('active');
			document.getElementById(c).classList.add('active');


			document.getElementById("hotel_details").classList.add('d-none');
			document.getElementById("hotel_other").classList.add('d-none');
			document.getElementById("hotel_facilities").classList.add('d-none');
			document.getElementById("hotel_cancellation").classList.add('d-none');
			document.getElementById("hotel_location").classList.add('d-none');
			document.getElementById("hotel_picture").classList.add('d-none');
			document.getElementById("hotel_payment").classList.add('d-none');
			document.getElementById(a).classList.remove('d-none');
		}
	
$(document).ready(function()
        {
            
            $('#ct').change(function()
            {
                var value = $('#ct').val();
                var show = $('#ctlist [value="' + value + '"]').data('value');
                $("#cities").val(show);
            });
        });
$(document).ready(function()
        {
            
            $('#c').change(function()
            {
                var value = $('#c').val();
                var show = $('#clist [value="' + value + '"]').data('value');
                $("#countries").val(show);
            });
        });
        </script> 
@endsection