@extends("admin.admin_app")

@section("content")
<style>
    .facilities-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 15px;
    }
    .facility-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #ddd;
        padding: 5px 20px;
    }
    .facility-label {
        flex-grow: 1;
    }
    .facility-checkboxes {
        display: flex;
        gap: 10px;
    }
    .facility-checkboxes>label {
	    margin-bottom: 0;
	}
</style>
 <!-- Page Header -->
<div class="content bg-gray-lighter">
	<div class="row items-push">
		<div class="col-sm-7">
			<h1 class="page-heading">
				{{ isset($rooms->id) ? 'Edit Room' : 'Add Room' }} Details for {{ isset($hotels->hotel_name) ? $hotels->hotel_name : null }}
			</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($rooms->id) ? 'Edit Hotel ' : 'Add Room' }}</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"> 
                   @include('admin.navigation-tabs')
				<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/addroom'),'class'=>'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="physically_challenged_room" value="0">
					<input type="hidden" name="room_cat_id" value="{{ isset($room_cat_id) ? $room_cat_id : null }}">
					
					<input type="hidden" name="text_room_detail">
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Room/Suite/Apartment/Villa/etc</label>
						<div class="col-sm-9">
							@php $type = isset($rooms->type) ? $rooms->type : null; @endphp
							<select name="type" class="form-control categoryType">
							   <option value="Room" {{ $type == 'Room' ? 'selected' : '' }}>Room</option>
							   <option value="Villa" {{ $type == 'Villa' ? 'selected' : '' }}>Villa</option>
							   <option value="Suite" {{ $type == 'Suite' ? 'selected' : '' }}>Suite</option>
							   <option value="Apartment" {{ $type == 'Apartment' ? 'selected' : '' }}>Apartment</option>
							</select>
						</div>
					</div> 
                    <div class="form-group my-custom-single-dropdown-container" data-save-url="{{ route('add.venueCategory') }}" data-model="RoomCategory" data-field="name">
                            <label for="" class="col-sm-3 control-label">Category Name <span style="color:red;font-weight: bold;">*</span>
                            </label>
                            <div class="col-sm-9"> 
                                <select id="roomCat" name="cat_id" class="my-custom-single-dropdown-select form-control" required>
                                    <option value="">--Select category--</option>
                                    @if(isset($categoryRoom)) <!-- //for edit -->
                                        @foreach($categoryRoom as $i => $category)
                                        <option value="{{$category->id}}" @if(@$rooms->cat_id==$category->id) selected @endif>{{$category->name}}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>
                    <div class="form-group">
						<input type="hidden" name="room_id" value="{{ $rooms->id ?? '' }}">
						<label for="" class="col-sm-3 control-label">ROOM SIZE(sq ft)</label>
						<div class="col-sm-9">
							<input type="number" min="0" name="room_size" value="{{ isset($rooms->room_size) ? $rooms->room_size : 0 }}" class="form-control">
						</div>
					</div>
					<div class="form-group">
						<label for="" class="col-sm-3 control-label">Room Order</label>
						<div class="col-sm-9">
							<input type="number" min="0" name="room_order" value="{{ isset($rooms->room_order) ? $rooms->room_order : 0 }}" class="form-control">
						</div>
					</div>
					<div class="row">
					    <div class="col-md-12">
					        <table class="table table-bordered">
					            <thead>
					                <tr>
					                    <th>Room Type</th>
					                    <th>AC Room</th>
					                    <th>Non-AC Room</th>
					                    <th>Heated Room</th>
					                </tr>
					            </thead>
					            <tbody>
					            	<tr>
					                    <td>Total Number of Room(s)</td>  
					                    <td><input type="number" min="0" name="total_rooms_ac" value="{{ isset($rooms->total_rooms_ac) ? $rooms->total_rooms_ac : 0 }}"  class="form-control"></td>
					                    <td><input type="number" min="0" name="total_rooms_nonac" value="{{ isset($rooms->total_rooms_nonac) ? $rooms->total_rooms_nonac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="total_heated_room" value="{{ isset($rooms->total_heated_room) ? $rooms->total_heated_room : 0 }}" class="form-control"></td> 
					                </tr>
					                <tr class="roomRow">
					                    <td>Single Rooms</td>
					                    <td><input type="number" min="0" name="single_rooms_ac" value="{{ isset($rooms->single_rooms_ac) ? $rooms->single_rooms_ac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="single_rooms_nonac" value="{{ isset($rooms->single_rooms_nonac) ? $rooms->single_rooms_nonac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="single_heated_room" value="{{ isset($rooms->single_heated_room) ? $rooms->single_heated_room : 0 }}" class="form-control"></td>
					                </tr>
					                <tr class="roomRow">
					                    <td>Twin Rooms</td>
					                    <td><input type="number" min="0" name="twins_rooms_ac" value="{{ isset($rooms->twins_rooms_ac) ? $rooms->twins_rooms_ac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="twins_rooms_nonac" value="{{ isset($rooms->twins_rooms_nonac) ? $rooms->twins_rooms_nonac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="twins_heated_room" value="{{ isset($rooms->twins_heated_room) ? $rooms->twins_heated_room : 0 }}" class="form-control"></td>
					                </tr>
					                <tr class="roomRow">
					                    <td>Double Rooms</td>
					                    <td><input type="number" min="0" name="double_rooms_ac" value="{{ isset($rooms->double_rooms_ac) ? $rooms->double_rooms_ac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="double_rooms_nonac" value="{{ isset($rooms->double_rooms_nonac) ? $rooms->double_rooms_nonac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="double_heated_room" value="{{ isset($rooms->double_heated_room) ? $rooms->double_heated_room : 0 }}" class="form-control"></td>
					                </tr>
					                <tr class="roomRow">
					                    <td>Triple Rooms</td>
					                    <td><input type="number" min="0" name="triple_rooms_ac" value="{{ isset($rooms->triple_rooms_ac) ? $rooms->triple_rooms_ac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="triple_rooms_nonac" value="{{ isset($rooms->triple_rooms_nonac) ? $rooms->triple_rooms_nonac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="triple_heated_room" value="{{ isset($rooms->triple_heated_room) ? $rooms->triple_heated_room : 0 }}" class="form-control"></td>
					                </tr>
					                <tr class="villaRow">
					                    <td><span id="Suite">Suite</span><span id="Apartment">Apartment</span><span id="Villa">Villa</span></td>
					                    <td><input type="number" min="0" name="suites_rooms_ac" value="{{ isset($rooms->suites_rooms_ac) ? $rooms->suites_rooms_ac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="suites_rooms_nonac" value="{{ isset($rooms->suites_rooms_nonac) ? $rooms->suites_rooms_nonac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="suites_heated_room" value="{{ isset($rooms->suites_heated_room) ? $rooms->suites_heated_room : 0 }}" class="form-control"></td>
					                </tr>
					                <tr>
					                    <td>Inter Connecting</td>
					                    <td><input type="number" min="0" name="innterconecting_rooms" value="{{ isset($rooms->innterconecting_rooms) ? $rooms->innterconecting_rooms : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="innterconecting_rooms_nonac" value="{{ isset($rooms->innterconecting_rooms_nonac) ? $rooms->innterconecting_rooms_nonac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="innterconected_heated_room" value="{{ isset($rooms->innterconected_heated_room) ? $rooms->innterconected_heated_room : 0 }}" class="form-control"></td>
					                </tr>
					                <tr>
					                    <td>Physically Challenged</td>
					                    <td><input type="number" min="0" name="physically_challenged_ac" value="{{ isset($rooms->physically_challenged_ac) ? $rooms->physically_challenged_ac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="physically_challenged_nonac" value="{{ isset($rooms->physically_challenged_nonac) ? $rooms->physically_challenged_nonac : 0 }}" class="form-control"></td>
					                    <td><input type="number" min="0" name="physically_heated_room" value="{{ isset($rooms->physically_heated_room) ? $rooms->physically_heated_room : 0 }}" class="form-control"></td>
					                </tr> 
					                <tr>
					                    <td>Check In Hours</td>
					                    <td colspan="3"><input type="time" name="check_in" value="{{ isset($rooms->check_in) ? $rooms->check_in : null }}" class="form-control"></td> 
					                </tr> 
					                <tr>
					                    <td>Check Out Hours</td>
					                    <td colspan="3"><input type="time" name="check_out"  value="{{ isset($rooms->check_out) ? $rooms->check_out : null }}" class="form-control"></td> 
					                </tr>
					            </tbody>
					        </table>
					    </div>
					</div> 
					<hr>
					<div class="row" style="margin-bottom: 10px;">
                        <h4 class="block-title">Room Facilities</h4> 
                    </div>
					<div class="facilities-container">
					    @php
					        $facilities = [
					            'Tea Coffee Maker' => 'tea_coffee_maker',
					            'Television' => 'television',
					            'Refrigerator' => 'refrigerator',
					            'Iron & Ironing Board' => 'iron_ironing_board',
					            'Shaving Kit' => 'shaving_kit',
					            'Hair Dryer' => 'hair_dryer',
					            'Dental Kit' => 'dental_kit',
					            'Mini Bar' => 'mini_bar',
					            'Phone Near Toilet Seat' => 'phone_near_toilet_seat',
					            'In Room Service' => 'in_room_service',
					            'Wheelchair' => 'wheelchair',
					            'Room for Physically Challenged' => 'room_physical_challenge'
					        ];
					    @endphp
                         <input type="hidden" name="other_room_facility" value="null">
                         <input type="hidden" name="other_service" value="null">
					    @foreach($facilities as $label => $key)
					        <div class="facility-item">
					            <span class="facility-label"><input type="checkbox" @if(isset($roomFacility->$key) && in_array($roomFacility->$key,['FOC','C','NA'])) checked @endif> {{ $label }}</span>
					            <div class="facility-checkboxes"> 
					                    <input type="radio" name="{{ $key }}" value="FOC" @if(isset($roomFacility->$key) && $roomFacility->$key == 'FOC') checked @endif> FOC 
					                    <input type="radio" name="{{ $key }}" value="C" @if(isset($roomFacility->$key) && $roomFacility->$key == 'C') checked @endif> C 
					                    <input type="radio" name="{{ $key }}" value="NA" @if(isset($roomFacility->$key) && $roomFacility->$key == 'NA') checked @endif> NA
					        
									</div>
					        </div>
					    @endforeach
                    
					@if(isset($roomFacility->other_service))
    @php
        $otherService = $roomFacility->other_service;
    @endphp

    @foreach($roomFacility->getAmentity as $key => $otherServ)
        @php
            $isChecked = in_array($otherServ->id, $otherService['name']);
            // Find matching index (so that the correct type is applied)
            $index = array_search($otherServ->id, $otherService['name']);
            $selectedType = $index !== false ? $otherService['type'][$index] : null;
        @endphp

        <div class="facility-item" style="margin-bottom: 4px;">
            <span class="facility-label">
                <input 
                    type="checkbox" 
                    name="other_service[name][]" 
                    value="{{ $otherServ->id }}" 
                    @if($isChecked) checked @endif
                >
                {{ $otherServ->name }}
            </span>

            <div class="facility-checkboxes" style="margin-left: 20px;">
                <input type="radio" name="other_service[type][{{ $key }}]" value="FOC"
                    @if($selectedType == 'FOC') checked @endif> FOC
                <input type="radio" name="other_service[type][{{ $key }}]" value="C"
                    @if($selectedType == 'C') checked @endif> C
                <input type="radio" name="other_service[type][{{ $key }}]" value="NA"
                    @if($selectedType == 'NA') checked @endif> NA
            </div>
        </div>
    @endforeach
@endif

    
					</div>
  <div class="form-group"> 
	                            <div class="row" style="margin-bottom: 10px;">
	                                 <label for="barToggle" class="col-sm-2 control-label control-label1">Add Other Services <span style="color:red;font-weight: bold;">*</span></label>
	                                <div class="col-sm-2">
	                                    <select id="barToggle" name="other_room_facility" class="form-control toggle-control" data-toggle-target="#otherService">
	                                        <option value="no">No</option>
	                                        <option {{ isset($roomfacilities->other_room_facility)?'selected':'' }} value="yes">Yes</option>
	                                    </select>
	                                </div>
	                                <div class="col-sm-8">
	                                    <div class="addmorebutton addMoreResBar" data-target="#more_field_bar" data-template="bar-row">+</div>
	                                </div>
	                            </div>   
	                            <div id="otherService" class="toggle-section {{ isset($roomfacilities->other_service) ? '' : 'displayNone' }}">
	                                @if(isset($roomfacilities->other_service) && !empty($roomfacilities->other_service))
	                                @php 
	                                  $otherService = json_decode($roomfacilities->other_service, true);  
	                                @endphp
	                                @foreach($otherService['name'] as $key => $otherServ)
	                                <div class="row bottommargin bar-row">  
	                                    <div class="col-md-3 bottommargin my-custom-single-dropdown-container" data-save-url="{{ route('add.venueCategory') }}" data-model="Amenities" data-field="name"> 
	                                        <select id="bar-name" name="other_service[name][]" class="form-control my-custom-single-dropdown-select">
	                                            <option value="">--Select Name--</option>
	                                            @if(isset($amenityArr))
	                                                @foreach($amenityArr as $bar)
	                                                    <option @if($bar->id==$otherServ) selected @endif value="{{$bar->id}}">{{$bar->name}}</option>
	                                                @endforeach
	                                            @endif
	                                        </select>
	                                    </div>    
	                                    <div class="col-sm-8">
											<select name="other_service[type][]" class="form-control">
											   <option  value="NA"  >NA</option>
											   <option value="FOC" >Free Of Cost</option>
											   <option  value="C" >Chargeable</option>
											</select>
										</div>
	                                    
	                                    <div style="text-align: right;" class="col-md-1">
	                                        <button class="btn btn-danger removeFieldResBar">X</button>
	                                    </div>
	                                </div>
	                                @endforeach
	                                @else
	                                <div class="row bottommargin bar-row">  
	                                    <div class="col-md-3 bottommargin my-custom-single-dropdown-container" data-save-url="{{ route('add.venueCategory') }}" data-model="Amenities" data-field="name">
	                                        
	                                        <select id="bar-name" name="other_service[name][]" class="form-control my-custom-single-dropdown-select">
	                                            <option value="">--Select Name--</option>
	                                            @if(isset($amenityArr))
	                                                @foreach($amenityArr as $bar)
	                                                    <option value="{{$bar->id}}">{{$bar->name}}</option>
	                                                @endforeach
	                                            @endif
	                                        </select>
	                                    </div>  
	                                    <div class="col-sm-8">
											<select name="other_service[type][]" class="form-control">
											   <option value="NA" >NA</option>
											   <option value="FOC">Free Of Cost</option>
											   <option value="C">Chargeable</option>
											</select>
										</div>
	                                    
	                                    <div style="text-align: right;" class="col-md-1">
	                                        <button class="btn btn-danger removeFieldResBar">X</button>
	                                    </div>
	                                </div>
	                                @endif
	                                <div id="more_field_bar"></div> 
	                            </div>
	                        </div>

					<!-- Add New Facility -->
					<!-- <div>
					    <a href="#" onclick="addNewFacility()">+ add new value</a>
					</div> -->

					

							<div class="form-group">
							   <div class="col-md-offset-3 col-sm-9 ">
									<input type="submit" class="btn btn-primary" value="{{ isset($hotels->id) ? 'Add More Room Category' : 'Add More Room Category' }}" name="addMoreRoomCategory"> 
									<input type="submit" class="btn btn-primary" value="{{ isset($hotels->id) ? 'Update & Next' : 'Save & Next' }}" name="updateNext"> 
                                      <input type="submit" class="btn btn-primary" value="{{ isset($hotels->id) ? 'Update' : 'Save' }}" name="saveformdata"> 
									<a href="{{URL::to('admin/hotels/addroom/'.$hotels->id.'/category')}}" class="btn btn-info">Cancel</a>
							   </div>
							</div>
						</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>
function addNewFacility() {
    alert('Implement functionality to add a new facility');
} 
</script>

<script>
function checkCategoryVisibility(selectedValue) {
    if (selectedValue === 'Room') {
        $('.roomRow').show();
        $('.villaRow').hide();
    } else if (selectedValue === 'Villa') {
        $('.villaRow').show();
        $('#'+selectedValue).show(); 
        $('#Apartment').hide();
        $('#Suite').hide(); 
        $('.roomRow').hide();
    } else if (selectedValue === 'Suite') {
        $('.villaRow').show();
        $('#'+selectedValue).show(); 
        $('#Apartment').hide();
        $('#Villa').hide(); 
        $('.roomRow').hide();
    }else if (selectedValue === 'Apartment') {
        $('.villaRow').show();
        $('#'+selectedValue).show(); 
        $('#Villa').hide();
        $('#Suite').hide(); 
        $('.roomRow').hide();
    } else {
        $('.villaRow').hide();
        $('.roomRow').hide();
    }
}

$(document).ready(function () {
    // Run on page load
    var initialVal = $('.categoryType').val();
    checkCategoryVisibility(initialVal);

    // Run on change
    $(document).on("change", ".categoryType", function () {
        checkCategoryVisibility($(this).val());
    });
});
$(document).on("click", ".addMoreResBar", function (e) {
        e.preventDefault(); 
        var newRow = `
          <div class="row bottommargin bar-row">  
            <div class="col-md-3 bottommargin my-custom-single-dropdown-container" data-save-url="{{ route('add.venueCategory') }}" data-model="Amenities" data-field="name">
                
                <select id="bar-name" name="other_service[name][]" class="form-control my-custom-single-dropdown-select">
                    <option value="">--Select Name--</option>
                    @if(isset($amenityArr))
                        @foreach($amenityArr as $bar)
                            <option value="{{$bar->id}}">{{$bar->name}}</option>
                        @endforeach
                    @endif
                </select>
            </div>  
            <div class="col-sm-8">
				<select name="other_service[type][]" class="form-control">
				   <option value="NA" >NA</option>
				   <option value="FOC">Free Of Cost</option>
				   <option value="C">Chargeable</option>
				</select>
			</div>
            
            <div style="text-align: right;" class="col-md-1">
                <button class="btn btn-danger removeFieldResBar">X</button>
            </div>
        </div>`;

        var newElement = $("#more_field_bar").append(newRow); 
        newElement.find(".my-custom-single-dropdown-select").each(function () {
            initializeSelect2($(this));  
        });
    });
     // Remove dynamically added bar fields
    $(document).on("click", ".removeFieldResBar", function () {
        $(this).closest(".bar-row").remove();
    });
</script>