osb/resources/views/theme/backend/adminlte/service/widget/domain/update.blade.php

<div class="row">
	<div class="col-6">
		<div class="form-group has-validation">
			<label for="domain_name">Domain Name</label>
			<div class="input-group">
				<div class="input-group-prepend">
					<span class="input-group-text"><i class="fas fa-fw fa-globe-asia"></i></span>
				</div>
				<input type="text" class="form-control text-right @error('domain.domain_name') is-invalid @enderror" id="domain_name" name="domain[domain_name]" placeholder="Domain Name..." value="{{ old('domain.domain_name',$o->domain_name) }}" required>
				<div class="input-group-append">
					<span class="input-group-text">.</span>
				</div>
				<select class="form-control" id="domain_tld_id" name="domain[domain_tld_id]">
					@foreach(\App\Models\DomainTld::active()->orderBy('name')->get() as $oo)
						<option value="{{ $oo->id }}" @if($oo->id == old('domain.domain_tld_id',$o->domain_tld_id))selected @endif>{{ $oo->name }}</option>
					@endforeach
				</select>

				<span class="invalid-feedback" role="alert">
					@error('domain.domain_name')
						{{ $message }}
					@else
						Domain Name is required.
					@enderror
				</span>
			</div>
			<span class="input-helper">Licensed Domain Name.</span>
		</div>
	</div>

	<div class="col-3">
		<div class="form-group has-validation">
			<label for="domain_expire">Expiry</label>
			<div class="input-group">
				<div class="input-group-prepend">
					<span class="input-group-text"><i class="fas fa-fw fa-calendar"></i></span>
				</div>
				<input type="date" class="form-control @error('domain.domain_expire') is-invalid @enderror" id="domain_expire" name="domain[domain_expire]" value="{{ old('domain.domain_expire',$o->service_expire->format('Y-m-d')) }}" required>
				<span class="invalid-feedback" role="alert">
					@error('domain.domain_expire')
						{{ $message }}
					@else
						Domain Expiry is required.
					@enderror
				</span>
			</div>
			<span class="input-helper">Date Domain Expires.</span>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-6">
		<div class="form-group has-validation">
			<label for="domain_registrar_id">Registrar</label>
			<div class="input-group">
				<div class="input-group-prepend">
					<span class="input-group-text"><i class="fas fa-fw fa-handshake"></i></span>
				</div>
				<select class="form-control @error('domain.domain_registrar_id') is-invalid @enderror" id="domain_registrar_id" name="domain[domain_registrar_id]">
					<option></option>
					@foreach(\App\Models\DomainRegistrar::active()->orderBy('name')->get() as $oo)
						<option value="{{ $oo->id }}" @if($oo->id == old('domain.domain_registrar_id',$o->domain_registrar_id))selected @endif>{{ $oo->name }}</option>
					@endforeach
				</select>

				<span class="invalid-feedback" role="alert">
					@error('domain.domain_registrar_id')
						{{ $message }}
					@else
						Domain Registrar is required.
					@enderror
				</span>
			</div>
			<span class="input-helper">Domain Name Registrar.</span>
		</div>
	</div>

	<div class="col-3">
		<div class="form-group has-validation">
			<label for="registrar_account">Registrar Account</label>
			<div class="input-group">
				<div class="input-group-prepend">
					<span class="input-group-text"><i class="fas fa-fw fa-user"></i></span>
				</div>
				<input type="text" class="form-control @error('domain.registrar_account') is-invalid @enderror" id="registrar_account" name="domain[registrar_account]" value="{{ old('domain.registrar_account',$o->registrar_account) }}">
				<span class="invalid-feedback" role="alert">
					@error('domain.registrar_account')
						{{ $message }}
					@else
						Registrar Account ID is required.
					@enderror
				</span>
			</div>
			<span class="input-helper">Registrar Account ID.</span>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-6">
		<div class="form-group has-validation">
			<label for="registrar_ns">DNS Location</label>
			<div class="input-group flex-nowrap">
				<div class="input-group-prepend">
					<span class="input-group-text"><i class="fas fa-fw fa-project-diagram"></i></span>
				</div>
				<select class="form-control @error('domain.registrar_ns') is-invalid @enderror" id="registrar_ns" name="domain[registrar_ns]">
					@foreach(\App\Models\Service\Domain::select('registrar_ns')->distinct()->get() as $oo)
						<option value="{{ $oo->registrar_ns }}" @if($oo->registrar_ns == old('domain.registrar_ns',$o->registrar_ns))selected @endif>{{ $oo->registrar_ns }}</option>
					@endforeach
				</select>
				<span class="invalid-feedback" role="alert">
					@error('domain.registrar_ns')
						{{ $message }}
					@else
						DNS Details is required.
					@enderror
				</span>
			</div>
			<span class="input-helper">Domain DNS details.</span>
		</div>
	</div>

	<div class="col-3">
		<div class="form-group has-validation">
			<label for="registrar_username">Registrar Username</label>
			<div class="input-group">
				<div class="input-group-prepend">
					<span class="input-group-text"><i class="fas fa-fw fa-user"></i></span>
				</div>
				<input type="text" class="form-control @error('domain.registrar_username') is-invalid @enderror" id="registrar_username" name="domain[registrar_username]" value="{{ old('domain.registrar_username',$o->registrar_username) }}">
				<span class="invalid-feedback" role="alert">
					@error('domain.registrar_username')
						{{ $message }}
					@else
						Registrar Username is required.
					@enderror
				</span>
			</div>
			<span class="input-helper">Registrar Username ID.</span>
		</div>
	</div>
</div>

@section('page-scripts')
	@css(select2)
	@js(select2,autofocus)

	<style>
		.select2-selection.select2-selection--single {
			height: calc(2.25rem + 2px) !important;
		}
		.select2.select2-container.select2-container--default {
			display: flex;
			flex: 1 1 auto;
		}
		.select2.select2-container.select2-container--default .selection {
			width: 100%;
		}
	</style>

	<script type="text/javascript">
		$(document).ready(function() {
			// @todo This is taking up too much width
			//$('#domain_tld_id').select2();

			$('#domain_registrar_id').select2({
				dropdownAutoWidth: true,
			});

			$('#registrar_ns').select2({
				dropdownAutoWidth: true,
				width: 'style',
				tags: true,
			});
		});
	</script>
@append