@extends("admin.admin_app")

@php
    $prefix = session('prefix') ?? 'admin';
	@endphp
@section("content")
<!-- Page Header -->
<div class="content bg-gray-lighter">
	<div class="row items-push">
		<div class="col-sm-7">
			<h1 class="page-heading">
				{{ isset($venues->id) ? 'Edit Venue' : 'Add Venue' }} for {{ isset($hotels->hotel_name) ? $hotels->hotel_name : null }}
				<!-- <a href="{{Url('/admin/hotels/managevenues')}}/{{$hotels->id}}" class="label label-info"> Go Back</a> -->
			</h1>
		</div>
		<div class="col-sm-5 text-right hidden-xs">
			<ol class="breadcrumb push-10-t">
				<li><a href="{{ URL::to('admin/hotel-list') }}">Hotels</a></li>
				<li><a class="link-effect" href="">{{ isset($venues->id) ? 'Edit Venue ' : 'Add Venue' }}</a></li>
			</ol>
		</div>
	</div>
</div>
<!-- END Page Header -->
<!-- Page Content -->
<div class="content content-boxed"> 
	<div class="row">
		<div class="col-sm-12 col-lg-12">
			<div class="block">
				<!-- Tab Navigation -->
                    <ul class="nav nav-tabs nav-tabs-alt" role="tablist">
                        <li role="presentation" class="dropdown">
                            <a href="#" role="tab" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"> General Information <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                            	@php $hotelUrl=isset($hotels->id)?URL($prefix.'/hotels/addhotel/'.$hotels->id):'#'; @endphp
                                <li><a href="{{$hotelUrl}}">Hotel Info</a></li>
                                <li><a href="{{$hotelUrl}}">Hotel Facilities</a></li>
                                <li><a href="{{$hotelUrl}}">Restaurants & Bars</a></li>
                                <li><a href="{{$hotelUrl}}">Access to Hotel</a></li> 
                                <!-- <li><a href="{{$hotelUrl}}">Hotel Action</a></li> -->
                            </ul>
                        </li>
                        <li role="presentation" class="dropdown">
                            <a href="#" role="tab" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"> Hall & Hall Facility <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="{{$hotelUrl}}">Hall Facility</a></li>
                                @php $hotelVenUrl=isset($hotels->id)?URL($prefix.'/hotels/managevenues/'.$hotels->id):'#'; @endphp
                                <li><a href="{{$hotelVenUrl}}">Manage Hall</a></li> 
                            </ul>
                        </li>
                        <li role="presentation" class="dropdown">
                            <a href="#" role="tab" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"> Room & Room Facility <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a @php $roomUrl=isset($hotels->id)?URL($prefix.'/hotels/addroom/'.$hotels->id):'#'; @endphp href="{{$roomUrl}}">No. of Rooms</a></li>
                                <li><a @php $roomFaciUrl=isset($hotels->id)?URL($prefix.'/hotels/addroomfacilities/'.$hotels->id):'#'; @endphp href="{{$roomFaciUrl}}">Room Facilities</a></li>
                                <li><a @php $roomCat=isset($hotels->id)?URL($prefix.'/hotels/addroom/'.$hotels->id.'/category'):'#'; @endphp href="{{$roomCat}}">Room Category</a></li> 
                            </ul>
                        </li> 
                        <li role="presentation" class="dropdown">
                            <a href="#" role="tab" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"> Certificate, Image & Video <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                @php $hotelFile=isset($hotels->id)?URL($prefix.'/hotels/hotel-file/'.$hotels->id):'#'; @endphp  
                                <li><a href="{{$hotelFile}}/factsheet">Fact Sheet</a></li>
                                <li><a href="{{$hotelFile}}/mot-certificate">Mot Certificate</a></li>
                                <li><a href="{{$hotelFile}}/hotel-certificate">Hotel Certificate</a></li>
                                <li><a @php $hotelimage=isset($hotels->id)?URL('admin/hotels/addhotelimage/'.$hotels->id):'#'; @endphp href="{{$hotelimage}}">Images</a></li> 
                                <li><a href="{{$hotelFile}}/videos">Videos</a></li>
                            </ul>
                        </li>
                        <li role="presentation" class="dropdown">
                            <a href="#" role="tab" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="true"> Sightseeing & Activities <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                @php $hotelFile=isset($hotels->id)?URL($prefix.'/hotels/hotel-file/'.$hotels->id):'#'; @endphp  
                                <li><a href="{{$hotelFile}}/sightseeing">Sightseeing</a></li>
                                <li><a href="{{$hotelFile}}/activities">Activities</a></li> 
                            </ul>
                        </li>
                    </ul>
				<div class="block-content block-content-narrow"> 
				@if (count($errors) > 0)
					<div class="alert alert-danger">
						<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<ul>
							@foreach ($errors->all() as $error)
								<li>{{ $error }}</li>
							@endforeach
						</ul>
					</div>
				@endif
				@if(Session::has('flash_message'))
					<div class="alert alert-success">
						<button type="button" class="close" data-dismiss="alert" aria-label="Close">
						<span aria-hidden="true">&times;</span></button>
						{{ Session::get('flash_message') }}
					</div>
				@endif
				{!! Form::open(array('url' => array('admin/hotels/addnewvenue'),'class'=>'addvenue form-horizontal padding-15','name'=>'category_form','id'=>'category_form','role'=>'form','enctype' => 'multipart/form-data')) !!}  
					<input type="hidden" name="hotel_id" value="{{ isset($hotels->id) ? $hotels->id : null }}">
					<input type="hidden" name="id" value="{{ isset($venues->id) ? $venues->id : null }}">
					
					
					<h3 class="block-title">Details</h3>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Venue Name<span style="color:red;font-weight: bold;">*</span></label>
						<div class="col-sm-9">
							<input type="text"  required name="venue_name" value="{{ isset($venues->venue_name) ? $venues->venue_name : null }}" class="form-control">
						</div>
                    </div>
                    <div class="form-group my-custom-single-dropdown-container" data-save-url="{{ route('add.venueCategory') }}" data-model="VenueType" data-field="name">
                        <label for="" class="col-sm-3 control-label">Venue Type <span style="color:red;font-weight: bold;">*</span>
                        </label>
                        <div class="col-sm-9">
                            <select class="form-control my-custom-single-dropdown-select" name="venue_type" required>
                                <option value="">--Select type--</option>
                                <!-- @if(isset($vnType))
                                @foreach($vnType as $i => $vtype) 
                                @if(isset($venues->venue_type) && $venues->venue_type==$vtype->id)
                                  <option value="{{$vtype->id}}" data-id="{{$vtype->id}}" selected>{{$vtype->name}}</option> 
                                @endif 
                                @endforeach
                                @endif  -->
								@if(isset($vnType))
									@foreach($vnType as $vtype)
										<option value="{{ $vtype->id }}" 
												data-id="{{ $vtype->id }}"
												{{ (isset($venues->venue_type) && (string)$venues->venue_type === (string)$vtype->id) ? 'selected' : '' }}>
											{{ $vtype->name }}
										</option>
									@endforeach
								@endif

                            </select>
                        </div>
                    </div>
                    <div class="form-group">
						<label for="" class="col-sm-3 control-label">Is Venue Ac or Non Ac? <span style="color:red;font-weight: bold;">*</span></label>
						<div class="col-sm-9">
							<select class="form-control" name="hall_details_ac_nonac" required >
								<option value="" >--Select--</option>
								<option value="AC" >AC</option>
								<option value="Non AC" >Non AC</option>
								<option value="Both" >Both</option>
							</select>
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Hall Location*</label>
						<div class="col-sm-9">
							<input type="text" name="hall_location" value="{{ isset($venues->hall_location) ? $venues->hall_location : null }}" class="form-control" required>
						</div>
                    </div>
                    <!-- <div class="form-group">
						<label for="" class="col-sm-3 control-label">No. Of Entrance/Exit Doors <span style="color:red;font-weight: bold;">*</span></label>
						<div class="col-sm-9">
							<input type="text" name="no_entrance" value="{{ isset($venues->no_entrance) ? $venues->no_entrance : null }}" class="form-control" min="0" required>
						</div>
                    </div> -->
                    <div class="form-group">
                        <label for="" class="col-sm-3 control-label">No. Of Entrance/Exit Doors <span style="color:red;font-weight: bold;">*</span></label>
                        <div class="col-sm-9">
                                                               <input  name="no_entrance[]" class="form-control" value="{{@$venues->no_entrance}}" required>
                             
                        </div>
                    </div>

					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Pre-Function Area (in sq. ft.)</label>
						<div class="col-sm-9">
							<input type="number" min="0"  name="pre_func_area" value="{{ isset($venues->pre_func_area) ? $venues->pre_func_area : null }}" class="form-control">
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Post Function Area (in sq. ft.)</label>
						<div class="col-sm-9">
							<input type="number" min="0" name="post_func_area" value="{{ isset($venues->post_func_area) ? $venues->post_func_area : null }}" class="form-control">
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Hall Dimension Length <span style="color:red;font-weight: bold;">*</span></label>
						<div class="col-sm-9">
							<input type="number" min="0"  name="hall_dimension_length" value="{{ isset($venues->hall_dimension_length) ? $venues->hall_dimension_length : null }}" class="hall_dimension_length form-control" onChange="updatesum()" required>
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Hall Dimension Breadth <span style="color:red;font-weight: bold;">*</span></label>
						<div class="col-sm-9">
							<input type="number" min="0" name="hall_dimension_breadth" value="{{ isset($venues->hall_dimension_breadth) ? $venues->hall_dimension_breadth : null }}" class="hall_dimension_breadth form-control" onChange="updatesum()" required>
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Hall Dimension Height</label>
						<div class="col-sm-9">
							<input type="number" min="0"  name="hall_dimension_height" value="{{ isset($venues->hall_dimension_height) ? $venues->hall_dimension_height : null }}" class="form-control">
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Hall Area</label>
						<div class="col-sm-9">
							<input type="text" name="hall_dimension_area" value="{{ isset($venues->hall_dimension_area) ? $venues->hall_dimension_area : null }}" class="hall_dimension_area form-control">
						</div>
                    </div>
					<div class="form-group hidden">
						<label for="" class="col-sm-3 control-label">Largest Hall Area</label>
						<div class="col-sm-9">
							<input type="text"  name="hall_dimension_largest_hall" value="{{ isset($venues->hall_dimension_largest_hall) ? $venues->hall_dimension_largest_hall : null }}" class="form-control">
						</div>
                    </div>
					<div class="form-group hidden">
						<label for="" class="col-sm-3 control-label">Smallest Hall Area</label>
						<div class="col-sm-9">
							<input type="text" name="hall_dimension_smallest_hall" value="{{ isset($venues->hall_dimension_smallest_hall) ? $venues->hall_dimension_smallest_hall : null }}" class="form-control">
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Classroom Sitting <span style="color:red;font-weight: bold;">*</span></label>
						<div class="col-sm-9">
							<input type="number" min="0"  name="hall_sitting_classroom" value="{{ isset($venues->hall_sitting_classroom) ? $venues->hall_sitting_classroom : null }}" class="form-control" required>
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Theatre Sitting <span style="color:red;font-weight: bold;">*</span></label>
						<div class="col-sm-9">
							<input type="number" min="0" name="hall_sitting_theatre" value="{{ isset($venues->hall_sitting_theatre) ? $venues->hall_sitting_theatre : null }}" class="form-control" required>
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Ushape Sitting <span style="color:red;font-weight: bold;">*</span></label>
						<div class="col-sm-9">
							<input type="number" min="0"  name="hall_sitting_ushape" value="{{ isset($venues->hall_sitting_ushape) ? $venues->hall_sitting_ushape : null }}" class="form-control" required>
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Roundtable Sitting <span style="color:red;font-weight: bold;">*</span></label>
						<div class="col-sm-9">
							<input type="number" min="0" name="hall_sitting_roundtable" value="{{ isset($venues->hall_sitting_roundtable) ? $venues->hall_sitting_roundtable : null }}" class="form-control" required>
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Boardroom Sitting <span style="color:red;font-weight: bold;">*</span></label>
						<div class="col-sm-9">
							<input type="number" min="0"  name="hall_sitting_boardroom" value="{{ isset($venues->hall_sitting_boardroom) ? $venues->hall_sitting_boardroom : null }}" class="form-control" required>
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Cocktail Sitting <span style="color:red;font-weight: bold;">*</span></label>
						<div class="col-sm-9">
							<input type="number" min="0" name="hall_sitting_cocktail" value="{{ isset($venues->hall_sitting_cocktail) ? $venues->hall_sitting_cocktail : null }}" class="form-control" required>
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Reception Sitting <span style="color:red;font-weight: bold;">*</span></label>
						<div class="col-sm-9">
							<input type="number" min="0"  name="hall_sitting_reception" 
							value="{{ isset($venues->hall_sitting_reception) ? $venues->hall_sitting_reception : null }}" 
							class="form-control" required>
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Banquet Sitting <span style="color:red;font-weight: bold;">*</span></label>
						<div class="col-sm-9">
							<input type="number" min="0" name="hall_sitting_banquet" value="{{ isset($venues->hall_sitting_banquet) ? $venues->hall_sitting_banquet : null }}" class="form-control" required>
						</div>
                    </div>
					
					<div class="form-group hidden">
						<label for="" class="col-sm-3 control-label">Hall Blackout Light</label>
						<div class="col-sm-9">
							<select class="form-control" name="hall_details_light_blackout"> 
								<option value="No" >No</option>
								<option value="Yes" >Yes</option>
							</select>
						</div>
                    </div>
					<div class="form-group hidden">
						<label for="" class="col-sm-3 control-label">Hall Natural Light</label>
						<div class="col-sm-9">
							<select class="form-control" name="hall_details_light_natural"> 
								<option value="No" >No</option>
								<option value="Yes" >Yes</option>
							</select>
						</div>
                    </div>
					<div class="form-group hidden">
						<label for="" class="col-sm-3 control-label">Hall Dim Light</label>
						<div class="col-sm-9">
							<select class="form-control" name="hall_details_light_dim"> 
								<option value="No" >No</option>
								<option value="Yes" >Yes</option>
							</select>
						</div>
                    </div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Venue Order</label>
						<div class="col-sm-9">
							<input type="number" min="0"  name="hall_order" value="{{ isset($venues->hall_order) ? $venues->hall_order : 0 }}" class="form-control">
						</div>
                    </div>
					<!-- Hall Facility -->
						
					<div class="form-group">
								<label for="" class="col-sm-3 control-label">Note</label>
								<div class="col-sm-9">
									<textarea type="text" name="hall_details" class="js-summernote" rows="5">{{ isset($venues->text_hall_detail) ? $venues->text_hall_detail : null }}</textarea>
								</div>
							</div>

 
<div class="row">
@if(isset($venues->getVenueLayout) && !empty($venues->getVenueLayout)) 
@foreach($venues->getVenueLayout as $file)
<!-- <a class="btn" href="{{URL::asset('public/uploads/venueLayout/'.$file->layout)}}" target="_blank">  -->
	<div class="col-md-3">
 <img src="{{ url('public/uploads/venueLayout/'.$file->layout) }}" width="70px"><a class="deleteIcon" href="{{ url('admin/multi-purpose/venueLayout/delete/'.$file->id) }}" ><i class="fa fa-times"></i></a> {{$file->layout}}</img>
 </div>
<!-- </a> -->
@endforeach
@endif
</div>
	                    <div id="more_venue_layouts">
						    <div class="row bottommargin VenueLayout-row">
						        <div class="col-md-10">
						            <input type="file" name="venueLayout[]" class="form-control" accept="image/*">
						        </div>
						        <div class="col-md-2">
						            <button class="btn btn-danger removeVenueLayout">X</button>
						        </div>
						    </div>
						</div>

						<button class="btn btn-primary addMoreVenueLayout">+ Add More Layouts</button>


		               
					<hr>
					<div class="row" style="margin-bottom: 10px;">
                        <h4 class="block-title">Hall Facilities</h4> 
                    </div>
                    @if(isset($HallFacilty) && !empty($HallFacilty)) 
                    <table  class="table table-borderless table-striped font-s13">
						<tbody id="more_field_oth">
                        <tr>
                            <td>&nbsp;</td>
                            <td class="font-w600">Facility Provided by Hotel</td>
                            <td class="font-w600">Outsourced Facility</td>
                        </tr>
                        @php
						    $facilities = [
						        'audio_visual' => 'AUDIO-VISUAL EQUIPMENT',
						        'projector' => 'PROJECTOR',
						        'video_conferencing' => 'VIDEO CONFERENCING',
						        'wireless_wire_internet_service' => 'WIRELESS OR WIRED INTERNET ACCESS',
						        'photocopying_service' => 'PHOTOCOPYING SERVICE',
						        'facsimile' => 'FACSIMILE',
						        'currency_exchange' => 'CURRENCY EXCHANGE',
						        'dj' => 'DJ',
						        'car_rental' => 'CAR RENTAL',
						        'laundry_service' => 'LAUNDRY SERVICE',
						        'wheelchairs' => 'WHEELCHAIRS',
						        'elevators' => 'ELEVATORS',
						        'doctor_on_call' => 'DOCTOR ON CALL',
						        'babysitter_on_call' => 'BABYSITTER ON CALL',
						        'flower_decoration' => 'FLOWER DECORATION',
						        'tent_service' => 'TENT SERVICE',
						        'decorative_lights' => 'DECORATIVE LIGHTS',
						        'photography' => 'PHOTOGRAPHY',
						        'videography' => 'VIDEOGRAPHY',
						        'outside_catering' => 'OUTSIDE CATERING',
						        'inside_catering' => 'INSIDE CATERING'
						    ];
						@endphp


						@foreach($facilities as $key => $label)
						<tr class="clrchg">
						    <td class="font-w600">
						        <input type="checkbox" @if(
						            (isset($HallFacilty->{$key.'_hotel'}) && in_array($HallFacilty->{$key.'_hotel'}, ['Yes','No'])) ||
						            (isset($HallFacilty->{$key.'_outsourced'}) && in_array($HallFacilty->{$key.'_outsourced'}, ['Yes','No']))
						        ) checked @endif>
						        {{ $label }}
						    </td>
						    <td>
						        <label class="css-input css-radio css-radio-warning push-10-r">
						            <input type="radio" name="{{ $key }}_hotel" value="Yes" @if(isset($HallFacilty->{$key.'_hotel'}) && $HallFacilty->{$key.'_hotel'} == 'Yes') checked @endif>
						            <span></span> Yes
						        </label>
						        <label class="css-input css-radio css-radio-warning">
						            <input type="radio" name="{{ $key }}_hotel" value="No" @if(isset($HallFacilty->{$key.'_hotel'}) && $HallFacilty->{$key.'_hotel'} == 'No') checked @endif>
						            <span></span> No
						        </label>
						    </td>
						    <td>
						        <label class="css-input css-radio css-radio-warning push-10-r">
						            <input type="radio" name="{{ $key }}_outsourced" value="Yes" @if(isset($HallFacilty->{$key.'_outsourced'}) && $HallFacilty->{$key.'_outsourced'} == 'Yes') checked @endif>
						            <span></span> Yes
						        </label>
						        <label class="css-input css-radio css-radio-warning">
						            <input type="radio" name="{{ $key }}_outsourced" value="No" @if(isset($HallFacilty->{$key.'_outsourced'}) && $HallFacilty->{$key.'_outsourced'} == 'No') checked @endif>
						            <span></span> No
						        </label>
						    </td>
						</tr>
						@endforeach 
               
<!--  -->
						
	                    @if(isset($HallFacilty->other_service)) 
					   <!-- vale of $HallFacilty->other_service ={"name":["Vbb","Ss","Mohittestother"],"hotel":["Yes","No","Yes"],"outsourced":["Yes","Yes","Yes"]} -->
							@foreach($HallFacilty->getAmentity as $key => $otherServ) 
							
								<tr class="clrchg " style="margin-bottum:5px">
									<td class="font-w600"> 
										<input 
											type="checkbox" 
											name="other_service[name][]" 
											value="{{ $otherServ->id }}" 
											@if(isset($HallFacilty->other_service['name']) && in_array($otherServ->id, $HallFacilty->other_service['name'])) checked @endif
										> 
										{{ $otherServ->name }}
									</td>

									<td>
										@php
											$hotelService = $HallFacilty->other_service['hotel'][$key] ?? null;
											$outsourcedService = $HallFacilty->other_service['outsourced'][$key] ?? null;
										@endphp

										{{-- Hotel Yes/No --}}
										<label class="css-input css-radio css-radio-warning push-10-r">
											<input type="radio" 
												name="other_service[hotel][{{$key}}]" 
												value="Yes"
												{{ $hotelService === 'Yes' ? 'checked' : '' }}>
											<span></span> Yes
										</label>

										<label class="css-input css-radio css-radio-warning">
											<input type="radio" 
												name="other_service[hotel][{{$key}}]" 
												value="No"
												{{ $hotelService === 'No' ? 'checked' : '' }}>
											<span></span> No
										</label>
									</td>

									<td>
										{{-- Outsourced Yes/No --}}
										<label class="css-input css-radio css-radio-warning push-10-r">
											<input type="radio" 
												name="other_service[outsourced][{{$key}}]" 
												value="Yes"
												{{ $outsourcedService === 'Yes' ? 'checked' : '' }}>
											<span></span> Yes
										</label>

										<label class="css-input css-radio css-radio-warning">
											<input type="radio" 
												name="other_service[outsourced][{{$key}}]" 
												value="No"
												{{ $outsourcedService === 'No' ? 'checked' : '' }}>
											<span></span> No
										</label>
									</td>
								</tr> 
							@endforeach
                            
						@endif

								</tbody>
						<tfooter >

						<tr style="text-align: right; margin-top: 10px;">
						<td  colspan="4" class="text-center">	
						<button type="button" id="addMoreOthServ" class="btn btn-success" style='margin:5px'>
								+ Add More
							</button>
								</td>
								</tr>
								</tfooter>

                    </table> 
                    @endif
                    
							<div class="form-group">
							   <div class="col-md-offset-3 col-sm-9 ">
									<!-- <button type="submit" class="btn btn-primary">{{ isset($hotels->id) ? 'Update' : 'Save' }}</button>  -->
   
                                    <input type="submit" class="btn btn-primary" value="{{ isset($hotels->id) ? 'Add More Hall' : 'Add More Hall' }}" name="addMoreHall"> 
									<button type="submit" class="btn btn-primary">{{ isset($hotels->id) ? 'Update & Next' : 'Save & Next' }}</button>
									<input type="submit" class="btn btn-primary" value="{{ isset($hotels->id) ? 'Update' : 'Save' }}" name="saveformdata"> 
									<a href="{{URL::to('admin/hotels/managevenues/'.$hotels->id)}}" class="btn btn-info">Cancel</a>   
							   </div>
							</div>
				{!! Form::close() !!} 
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END Page Content -->   
@endsection
<script src="{{ URL::asset('public/admin_assets/js/core/jquery.min.js') }}"></script>

<script type="text/javascript">
function updatesum() 
{
	var area = ($('.hall_dimension_length').val() - 0) * ($('.hall_dimension_breadth').val() - 0);
	$('.hall_dimension_area').val(area);
//document.addvenue.hall_dimension_area.value = (document.addvenue.hall_dimension_length.value -0) * (document.addvenue.hall_dimension_breadth.value -0);
}



$(document).on("click", ".addMoreVenueLayout", function (e) {
    e.preventDefault();
    var newRow = `
    <div class="row bottommargin VenueLayout-row">
        <div class="col-md-10">
            <input type="file" name="venueLayout[]" class="form-control" accept="image/*">
        </div>
        <div class="col-md-2">
            <button class="btn btn-danger removeVenueLayout">X</button>
        </div>
    </div>`;
    
    $("#more_venue_layouts").append(newRow);
});

// Remove layout row
$(document).on("click", ".removeVenueLayout", function () {
    $(this).closest(".VenueLayout-row").remove();
});


// $(document).ready(function() {
//     let othIndex = {{ isset($HallFacilty->other_service['name']) ? count($HallFacilty->other_service['name']) : 0 }};
//     //   let othIndex = {{ isset($HallFacilty->other_service['name']) ? count($HallFacilty->other_service['name']) : 0 }};

//     // 🔹 Function to initialize Select2 with "Add New" support
//     function initSelect2(context) {
//         $(context).find('.bar-service-dropdown').select2({
//             tags: true,
//             width: '100%',
//             placeholder: '--Select or Add Service--',
//             createTag: function (params) {
//                 const term = $.trim(params.term);
//                 if (term === '') return null;
//                 return {
//                     id: 'new:' + term,
//                     text: term,
//                     newOption: true,
//                 };
//             },
//             templateResult: function (data) {
//                 const $result = $('<span></span>');
//                 $result.text(data.text);
//                 if (data.newOption) {
//                     $result.append(' <em>(Add New)</em>');
//                 }
//                 return $result;
//             },
//         });
//     }
//     $('#addMoreOthServ').on('click', function() {
//         let newRow = `
//         <tr class=" clrchg  oth-serv">
//             <td class=" bottommargin my-custom-single-dropdown-container" 
//                  data-save-url="{{ route('add.venueCategory') }}" 
//                  data-model="HallAmenities" data-field="name">
//                 <select name="other_service[name][]" class="form-control my-custom-single-dropdown-select bar-service-dropdown">
//                     <option value="">--Select Name--</option>
//                     @if(isset($amenityArr))
//                         @foreach($amenityArr as $bar)
//                             <option value="{{$bar->id}}">{{$bar->name}}</option>
//                         @endforeach
//                     @endif
//                 </select>
// 				   <div class="col-md-3 bottommargin my-custom-single-dropdown-container"
//                                                      data-save-url="{{ route('add.venueCategory') }}"
//                                                      data-model="HallAmenities" data-field="name">
//                                                     <select name="other_service[name][]" 
//                                                             class="form-control my-custom-single-dropdown-select service-name-dropdown">
//                                                         <option value="">--Select Service--</option>
//                                                          @if(isset($amenityArr))
//                         @foreach($amenityArr as $bar)
//                             <option value="{{$bar->id}}">{{$bar->name}}</option>
//                         @endforeach
//                     @endif
//                                                     </select>
//                                                 </div>
//             </td>

//             <td class="">
//                 <label class="css-input css-radio css-radio-warning push-10-r">
//                     <input type="radio" name="other_service[hotel][${othIndex}]" value="Yes"> 
//                     <span></span> Yes
//                 </label>
//                 <label class="css-input css-radio css-radio-warning">
//                     <input type="radio" name="other_service[hotel][${othIndex}]" value="No" checked> 
//                     <span></span> No
//                 </label>
//             </td>

//             <td class="">
//                 <label class="css-input css-radio css-radio-warning push-10-r">
//                     <input type="radio" name="other_service[outsourced][${othIndex}]" value="Yes"> 
//                     <span></span> Yes
//                 </label>
//                 <label class="css-input css-radio css-radio-warning">
//                     <input type="radio" name="other_service[outsourced][${othIndex}]" value="No" checked> 
//                     <span></span> No
//                 </label>
// 				  <button type="button" class="btn btn-danger removeFieldOthServ">X</button>
//             </td>

          
//         </tr>`;
//          initSelect2($('#more_field_oth').children().last());
//         $('#more_field_oth').append(newRow);
//         othIndex++;
//     });

//     // Remove row
//     $(document).on('click', '.removeFieldOthServ', function() {
//         $(this).closest('.oth-serv').remove();
//     });
// });
$(document).ready(function () {
    let othIndex = {{ isset($HallFacilty->other_service['name']) ? count($HallFacilty->other_service['name']) : 0 }};

    // 🔹 Function to initialize Select2 with "Add New" support
    function initSelect2(context) {
        $(context).find('.bar-service-dropdown').select2({
            tags: true,
            width: '100%',
            placeholder: '--Select or Add Service--',
            createTag: function (params) {
                const term = $.trim(params.term);
                if (term === '') return null;
                return {
                    id: 'new:' + term,
                    text: term,
                    newOption: true,
                };
            },
            templateResult: function (data) {
                const $result = $('<span></span>');
                $result.text(data.text);
                if (data.newOption) {
                    $result.append(' <em>(Add New)</em>');
                }
                return $result;
            },
        });
    }

    // 🔹 Add new row
    $('#addMoreOthServ').on('click', function () {
        let newRow = `
        <tr class="clrchg oth-serv">
            <td class="bottommargin my-custom-single-dropdown-container"
                data-save-url="{{ route('add.venueCategory') }}"
                data-model="HallAmenities"
                data-field="name">

                <select name="other_service[name][]" class="form-control bar-service-dropdown">
                    <option value="">--Select or Add Service--</option>
                    @if(isset($amenityArr))
                        @foreach($amenityArr as $bar)
                            <option value="{{$bar->id}}">{{$bar->name}}</option>
                        @endforeach
                    @endif
                </select>
            </td>

            <td>
                <label class="css-input css-radio css-radio-warning push-10-r">
                    <input type="radio" name="other_service[hotel][${othIndex}]" value="Yes">
                    <span></span> Yes
                </label>
                <label class="css-input css-radio css-radio-warning">
                    <input type="radio" name="other_service[hotel][${othIndex}]" value="No" checked>
                    <span></span> No
                </label>
            </td>

            <td>
                <label class="css-input css-radio css-radio-warning push-10-r">
                    <input type="radio" name="other_service[outsourced][${othIndex}]" value="Yes">
                    <span></span> Yes
                </label>
                <label class="css-input css-radio css-radio-warning">
                    <input type="radio" name="other_service[outsourced][${othIndex}]" value="No" checked>
                    <span></span> No
                </label>
                <button type="button" class="btn btn-danger removeFieldOthServ">X</button>
            </td>
        </tr>`;

        $('#more_field_oth').append(newRow);

        // Initialize Select2 for new row
        initSelect2($('#more_field_oth').children().last());

        othIndex++;
    });

    // 🔹 Remove row
    $(document).on('click', '.removeFieldOthServ', function () {
        $(this).closest('.oth-serv').remove();
    });

    // 🔹 Save new services added via Select2
    $(document).on('select2:select', '.bar-service-dropdown', function (e) {
        const data = e.params.data;
        const select = $(this);

        // Check if new service is being added
        if (data.id.startsWith('new:')) {
            const name = data.text;
            const saveUrl = select.closest('.my-custom-single-dropdown-container').data('save-url');
            const model = select.closest('.my-custom-single-dropdown-container').data('model');
            const field = select.closest('.my-custom-single-dropdown-container').data('field');

            $.ajax({
                url: saveUrl,
                type: 'POST',
                data: {
                    _token: '{{ csrf_token() }}',
                    model: model,
                    field: field,
                    name: name,
					category_name : name
                },
                success: function (res) {
                    if (res.id) {
                        // Replace temporary new tag with saved one
                        const newOption = new Option(res.name, res.id, true, true);
                        select.append(newOption).trigger('change');
                    } else {
                        alert('Error saving new service.');
                    }
                },
                error: function () {
                    alert('Failed to add new service.');
                },
            });
        }
    });

    // 🔹 Initialize existing select boxes with Select2 on load
    initSelect2(document);


	    function bindDuplicateCheckAndRequired(selector) {
				$(document).off('change', selector).on('change', selector, function (e) {
					const selectedValue = $(this).val();
					let isDuplicate = false;

					$(selector).each(function () {
						if (this !== e.target && $(this).val() === selectedValue && selectedValue !== '') {
							isDuplicate = true;
						}
					});

					if (isDuplicate) {
						alert('This option has already been selected. Please choose a different one.');
						$(this).val('').trigger('change');
					}
				}); 
				// $(selector).attr('required', true);
				// Apply required only to all but the first row
				$(selector).each(function (index) {
					if (index === 0) {
						$(this).removeAttr('required'); // First row not required
					} else {
						$(this).attr('required', true); // Other rows required
					}
				});
		}
		 $(document).ready(function () {
        bindDuplicateCheckAndRequired('.bar-service-dropdown');        // for other services
    });



});


</script>