Viewing File: /home/ubuntu/vedadeals-backend-base/resources/views/admin/countries/_form.blade.php

<div class="card card-flush py-4">
	<div class="card-header">
		<div class="card-title m-0">
			<h3 class="fw-bolder m-0"> {{ request()->country_id ? tr('edit_country') : tr('add_country') }} </h3> </div>
		<div class="card-toolbar">
			<div class="d-flex justify-content-end" data-kt-country-table-toolbar="base">
				<a href="{{ route('admin.countries.index') }}" class="btn btn-primary me-3" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end"> <span class="svg-icon svg-icon-2"> <i class="las la-globe fs-2x"> </i> {{ tr('view_countries')}} </span> </a>
			</div>
		</div>
	</div>
	<hr class="text-gray-500">
	<div class="card-body pt-10">
		<div class="d-flex flex-column gap-5 gap-md-7">
			<form class="form" method="POST" action="{{ route('admin.countries.save') }}" enctype="multipart/form-data">
				<input type="hidden" name="country_id" value="{{ $country->id }}">
				<input type="hidden" name="country_code" id="country_code" value="{{ $country->country_code ? : old('country_name') }}"> 
				@csrf
				<div class="d-flex flex-column flex-md-row gap-5">
					<div class="fv-row flex-row-fluid">
						<label class="required form-label">{{ tr('country') }}</label>
		                <select class="form-select form-select-solid country" data-control="select2" name="country" required>
		                    <option value="" selected disabled> {{ tr('select_country') }} </option>
		                    @foreach($countries as $country_name)
		                    	<option data-id="{{ array_search($country_name, $countries) ?? '' }}" value="{{ $country_name }}" @if(old('country') == $country_name || $country->country == $country_name) selected @endif> {{ $country_name }} </option>
		                    @endforeach
		                </select>
					</div>

					@if(request()->country_id)
						<div class="fv-row flex-row-fluid">
							<label class="required form-label">{{ tr('state') }}</label>
							<select class="form-select form-select-solid state_id" data-control="select2" name="state" required>
			                    <option value="" selected disabled> {{ tr('select_state') }} </option>
			                    	<option value="{{ $country->state }}" selected> {{ $country->state ? : tr('na') }} </option>
			                </select>
						</div>
					@else

					<div class="fv-row flex-row-fluid">
						<label class="required form-label">{{ tr('state') }}</label>
		                <select class="form-select form-select-solid state_id" data-control="select2" name="state" required>
		                    <option value="" selected disabled> {{ tr('select_state') }} </option>
		                    @foreach($states as $state_name)
		                    	<option value="{{ $state_name }}" @if(old('state') == $state_name || $country->state == $state_name) selected @endif> {{ $state_name }} </option>
		                    @endforeach
		                </select>
					</div>
					@endif
				</div>

				<div class="d-flex justify-content-end mt-10">
					<a href="{{ route('admin.countries.index') }}" class="btn btn-warning btn-active-light-primary me-2 fs-4"><i class="las la-times-circle fs-2x"></i>{{ tr('cancel') }}</a>
					<button type="submit" class="btn btn-primary fs-4"  {{ Setting::get( 'is_demo_control_enabled') ? 'disabled' : ''}}><i class="las la-check-circle fs-2x"></i>{{ tr('submit') }}</button>
				</div>
			</form>
		</div>
	</div>
</div>
</div>
</div>
</div>

<script type="text/javascript">
    $(document).ready(function() {

	@if(!request()->country_id && !$errors->any())
       	$('.state_id').find('option').not(':first').remove();
    @endif

    @if($errors->any())
    	$('.state_id option[value!={{old('state')}}]').remove();
    @endif

    $('.country').on('change' , function (e) {

            var country_code = $(this).find(':selected').data('id');

            if(country_code == null || country_code == undefined) {
                return false;
            }

            var get_states_url = "{{route('admin.get_states')}}";

            var data = {'country_code' : country_code};

            var request = $.ajax({
                            url: get_states_url,
                            type: "GET",
                            data: data,
                        }); 

            request.done(function(result) { 

                if(result.success == true) {

                $(".state_id").html(result.view);
                $(".state_id").select2();
                $("#country_code").val(country_code);
            }

            });

            request.fail(function(jqXHR, textStatus) {
                console.log( "Request failed: " + textStatus );
            });

        });
    });
</script>