@if($step == 1)
    <form wire:submit.prevent="sendSMS">
        <div class="row">
            <div class="form-group col-lg-6 offset-lg-3 col-sm-12">
                <label for="mobile">{{ __('New Mobile') }} *</label>
                <input type="text" id="mobile" required dir="ltr" autofocus wire:model.defer="mobile"
                       class="form-control @error('mobile') is-invalid @enderror">
                @error('mobile')
                <span class="text-danger" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
        </div>
        <button type="submit" class="btn btn-primary" wire:loading.attr="disabled">
            {{ __('Send Code') }}
        </button>
        <a href="{{ route('account.index') }}" class="btn btn-danger float-end">{{ __('Cancel') }}</a>
    </form>
@elseif($step == 2)
    <form wire:submit.prevent="confirmValidationCode('changeMobile')">
        @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="row">
            <div class="form-group col-lg-6 offset-lg-3 col-sm-12">
                <label for="code">{{ __('Code') }} *</label>
                <input type="text" id="code" required dir="ltr" autofocus wire:model.defer="code"
                       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-2">
            <div class="col-lg-6 offset-lg-3 col-sm-12 px-0">
                <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>
@endif