<form method="POST" wire:submit.prevent="confirmValidationCode">
    @if (session()->has('message'))
        <div class="alert alert-{{ session('message')['status'] }} alert-dismissible fade show" role="alert">
            {{ session('message')['content'] }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif
    <div class="form-group row">
        <label for="code" class="col-md-4 col-form-label text-md-end">{{ __('Code') }}</label>
        <div class="col-md-6">
            <input id="code" type="text" required autofocus wire:model.defer="code" dir="ltr"
                   class="form-control @error('code') is-invalid @enderror">
            @error('code')
                <span class="text-danger" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </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">
                {{ __('Confirm') }}
            </button>
            <button class="btn btn-secondary" wire:click.prevent="resend" wire:loading.attr="disabled">
                {{ __('Resend Code') }}
            </button>
        </div>
    </div>
</form>