@extends('layouts.main-layout')
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
@section('title')
All Users | Dashboard
@endsection

@section('content')


												<!--begin::Svg Icon | path: icons/duotune/ecommerce/ecm002.svg-->
											
											
											<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
						<!--begin::Post-->
						<div class="post d-flex flex-column-fluid" id="kt_post">
							<!--begin::Container-->
							<div id="kt_content_container" class="container-xxl">
					
								<div class="card mb-5 mb-xl-8">
    
          <!--<ul class="breadcrumb">-->
          <!--  <li>-->
          <!--    <p>PMS</p>-->
          <!--  </li>-->
          <!--  <li><a href="#" class="active">Users</a> </li>-->
          <!--</ul>-->
          
         	<div class="card-header border-0 pt-5">
										<h3 class="card-title align-items-start flex-column">
											<span class="card-label fw-bolder fs-3 mb-1">Create Guest</span>
		
										</h3>
			</div>
	<div class="card-body py-3">
	    
	    
	    <form class="row g-3 pt-3 pb-3 mb-3 white" action="{{route('admin.accommodations.guest-profiles.store')}}" method="post" autocomplete="off">
	        @csrf
	        
	 <div class="col-md-6">
    <label for="inputEmail4" class="form-label">First Name</label>
    <input type="text" class="form-control" name="first_name" id="first_name" value="{{old('first_name')}}">
     @error('first_name')
                        <span class="helper-text red-text">
                            {{$errors->first('first_name')}}
                        </span>
                    @enderror
  </div>
  
  	 <div class="col-md-6">
    <label for="inputEmail4" class="form-label">Last Name</label>
    <input type="text" class="form-control" name="last_name" id="last_name" value="{{old('last_name')}}">
     @error('last_name')
                        <span class="helper-text red-text">
                            {{$errors->first('last_name')}}
                        </span>
                    @enderror
  </div>
  
  <div class="col-md-6">
    <label for="inputEmail4" class="form-label">Email</label>
    <input type="email" class="form-control" name="email" id="email" value="{{old('email')}}">
       @error('email')
                        <span class="helper-text red-text">
                            {{$errors->first('email')}}
                        </span>
                    @enderror
  </div>
  
   <div class="col-md-6">
    <label for="inputPassword4" class="form-label">Telephone</label>
    <input type="number" class="form-control" name="telephone" id="telephone" value="{{old('telephone')}}">
      @error('telephone')
                        <span class="helper-text red-text">
                            {{$errors->first('telephone')}}
                        </span>
                    @enderror
  </div>
  
  <div class="col-md-6">
    <label for="inputPassword4" class="form-label">Password</label>
    <input type="password" class="form-control" name="password" id="password">
     @error('password')
                        <span class="helper-text red-text">
                            {{$errors->first('password')}}
                        </span>
                    @enderror
  </div>
  <div class="col-md-6">
    <label for="inputPassword4" class="form-label">Confirm Password</label>
    <input type="password" class="form-control" name="password_confirmation" id="password_confirmation">
     @error('password_confirmation')
                        <span class="helper-text red-text">
                            {{$errors->first('password_confirmation')}}
                        </span>
                    @enderror
  </div>
  
  
  
    <div class="col-md-6">
    <label for="inputPassword4" class="form-label">CNIC No</label>
    <input type="text" class="form-control" name="cnic" id="cnic" value="{{old('cnic')}}">
        @error('cnic')
                        <span class="helper-text red-text">
                            {{$errors->first('cnic')}}
                        </span>
                    @enderror
  </div>
  
     <div class="col-md-6">
    <label for="inputPassword4" class="form-label">Passport No</label>
    <input type="text" class="form-control" name="passport" id="passport" value="{{old('passport')}}">
        @error('passport')
                        <span class="helper-text red-text">
                            {{$errors->first('passport')}}
                        </span>
                    @enderror
  </div>
  
   <div class="col-md-6">
    <label for="inputPassword4" class="form-label">Street Address</label>
    <input type="text" class="form-control" name="street_address" id="street_address" value="{{old('street_address')}}">
        @error('street_address')
                        <span class="helper-text red-text">
                            {{$errors->first('street_address')}}
                        </span>
                    @enderror
  </div>
  
  
   <div class="col-md-6">
    <label for="inputPassword4" class="form-label">Zip Code</label>
    <input type="text" class="form-control" name="zipcode" id="zipcode" value="{{old('zipcode')}}">
        @error('zipcode')
                        <span class="helper-text red-text">
                            {{$errors->first('zipcode')}}
                        </span>
                    @enderror
  </div>
 
                  
      
     
 
  <div class="col-md-6">
    <label for="inputState" class="form-label">Country</label>
    <select class="form-select" name="country" id="country">
      <option selected value="" disabled>Select Country</option>
     @foreach($countries as $country)
                                <option
                                    value="{{$country->CountryId}}"
                                    {{ old('country') == $country->CountryId ? 'selected' : '' }}
                                >{{$country->CountryName}}</option>
                            @endforeach
    
    </select>
      @error('country')
                            <span class="helper-text red-text">
                                {{$errors->first('country')}}
                            </span>
                        @enderror
  </div>
  
  
    <div class="col-md-6">
    <label for="inputState" class="form-label">City</label>
    <select class="form-select" name="city" id="city">
                            <option value="" disabled selected>Select a country first!</option>
                        </select>
      @error('city')
                            <span class="helper-text red-text">
                                {{$errors->first('city')}}
                            </span>
                        @enderror
  </div>
  
    <div class="col-md-6">
    <label for="inputState" class="form-label">Preferred Language</label>
  <select class="form-select" name="preferred_language" id="preferred_language">
                            <option value="" disabled selected>Select a language</option>
                            @foreach($preferredLanguages as $preferredLanguage)
                                <option value="{{$preferredLanguage}}" {{old('preferred_language') ? 'selected' : ''}}>{{$preferredLanguage}}</option>
                            @endforeach
                        </select>

                        @error('preferred_language')
                            <span class="helper-text red-text">{{$errors->first('preferred_language')}}</span>
                        @enderror
  </div>
  
  
  
  
 

 
  <div class="col-12">
    <button type="submit" class="btn btn-success">Create Profile</button>
  </div>
</form>
	    
	    
	    
	    
        
	 
	   
    
    </div>
    </div>
    </div></div></div>
@endsection

<style>
   .caret{
       display:none;
   }
   .select-dropdown{
       display:none;
   }
</style>

    <script>
        $(document).ready(function(){

            //we will get cities for specified country with ajax.
            $('#country').change(function(e){
                var id = $(this).find(":selected").val();
                getCities(id,getEl('#city'));
            });

            @if(old('country'))
                getCities({{old('country')}},getEl('#city'),'');
            @endif
            
        });
    </script>