<form method="POST" wire:submit.prevent="save" class="row" novalidate>
    <div class="col-lg-6 col-12 mt-3">
        <div class="form-group">
            <label for="name">نام و نام‌خانوادگی *</label>
            <input class="form-control @error('name') is-invalid @enderror" id="name"
                   wire:model.defer="name" type="text" required autofocus>
            @error('name')
                <span class="text-danger" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
    </div>
    <div class="col-lg-6 col-12 mt-3">
        <div class="form-group">
            <label for="email">آدرس ایمیل</label>
            <input class="form-control @error('email') is-invalid @enderror" id="email"
                   wire:model.defer="email" type="email">
            @error('email')
                <span class="text-danger" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
    </div>
    <div class="col-lg-6 col-12 mt-3">
        <div class="form-group">
            <label for="password">{{ __('Password') }} *</label>
            <input id="password" type="password" required wire:model.defer="password" autocomplete="new-password"
                   class="form-control @error('password') is-invalid @enderror" dir="ltr">
            @error('password')
            <span class="text-danger" role="alert">
                    <strong>{{ $message }}</strong>
                </span>
            @enderror
        </div>
    </div>
    <div class="col-lg-6 col-12 mt-3">
        <div class="form-group">
            <label for="name">{{ __('Confirm Password') }} *</label>
            <input id="password_confirmation" type="password" required dir="ltr" wire:model.defer="password_confirmation" class="form-control">
        </div>
    </div>
    <div class="col-6 mt-3">
        <div class="form-group">
            <input class="form-check-input @error('terms') is-invalid @enderror" type="checkbox" value="1" id="terms" wire:model.defer="terms">
            <label class="form-check-label" for="terms">
                <b>قوانین سایت را مطالعه کرده و قبول دارم</b>
            </label>
        </div>
    </div>
    <div class="col-12 text-center mt-3">
        <button type="submit" class="btn btn-danger w-50" wire:loading.attr="disabled">
            تکمیل ثبت‌نام
        </button>
    </div>
</form>