<form method="POST" wire:submit.prevent="register">
    <div class="form-group row">
        <label for="name" class="col-md-4 col-form-label text-md-end">{{ __('Name') }}</label>
        <div class="col-md-6">
            <input id="name"
                   type="text"
                   required
                   autofocus
                   wire:model.defer="name"
                   class="form-control @error('name') is-invalid @enderror">
            @error('name')
                <span class="text-danger" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
    </div>
    <div class="form-group row mt-3">
        <label for="password" class="col-md-4 col-form-label text-md-end">{{ __('Password') }}</label>
        <div class="col-md-6">
            <input id="password"
                   type="password"
                   required
                   wire:model.defer="password"
                   class="form-control @error('password') is-invalid @enderror">
            @error('password')
                <span class="text-danger" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
    </div>
    <div class="form-group row mt-3">
        <label for="name" class="col-md-4 col-form-label text-md-end">{{ __('Confirm Password') }}</label>
        <div class="col-md-6">
            <input id="password_confirmation"
                   type="password"
                   required
                   wire:model.defer="password_confirmation"
                   class="form-control">
        </div>
    </div>
    <div class="form-group row mb-0 mt-3">
        <div class="col-md-6 offset-md-4">
            <button type="submit" class="btn btn-primary" wire:loading.attr="disabled">
                {{ __('Register') }}
            </button>
        </div>
    </div>
</form>