<div class="bg-base-200 py-10">
    <div class="container mx-auto flex justify-center">
        <div class="card bg-base-100 shadow-xl w-full max-w-md">
            <div class="card-body">
                <!-- زر العودة -->
                <div class="flex justify-between items-center mb-4">
                    <h2 class="card-title text-2xl font-bold">Register Now</h2>
                    <a href="{{ route('user.login') }}" class="btn btn-outline btn-primary">
                        <span class="material-icons">arrow_back</span> Back to Login
                    </a>
                </div>
 
                <form method="POST" action="{{ route('user.register') }}" class="registerForm">
                    @csrf
 
                    @if($reference)
                    <div class="form-control mb-4">
                        <label class="label">@lang('Referred By')</label>
                        <input type="text" name="referBy" class="input input-bordered" value="{{ $reference }}" readonly>
                    </div>
                    @endif
 
                    <div class="form-control mb-4">
                        <label class="label">E-mail</label>
                        <input type="email" name="email" placeholder="@lang('Your e-mail')" class="input input-bordered checkUser" value="{{ old('email') }}">
                    </div>
 
                    <div class="form-control mb-4">
                        <label class="label" for="country">{{ __('Country') }}</label>
                        <select name="country" id="country" class="input input-bordered">
                            @foreach($countries as $key => $country)
                                <option value="{{ $country->country }}" 
                                    data-mobile_code="{{ $country->dial_code }}" 
                                    data-code="{{ $key }}" 
                                    {{ old('country') == $country->country ? 'selected' : '' }}>
                                    {{ __($country->country) }}
                                </option>
                            @endforeach
                        </select>
                    </div>
 
                    <div class="form-control mb-4">
                        <label class="label">@lang('Username')</label>
                        <input type="text" name="username" placeholder="@lang('Username')" class="input input-bordered checkUser" value="{{ old('username') }}">
                        <small class="text-danger usernameExist"></small>
                    </div>
 
                    <div class="form-control mb-4 hover-input-popup">
                        <label class="label">Password</label>
                        <input type="password" name="password" placeholder="@lang('Password')" class="input input-bordered">
                        @if($general->secure_password)
                        <div class="input-popup">
                            <p class="error lower">@lang('1 small letter minimum')</p>
                            <p class="error capital">@lang('1 capital letter minimum')</p>
                            <p class="error number">@lang('1 number minimum')</p>
                            <p class="error special">@lang('1 special character minimum')</p>
                            <p class="error minimum">@lang('6 character password')</p>
                        </div>
                        @endif
                    </div>
 
                    <div class="form-control mb-4">
                        <label class="label">@lang('Re-type Password')</label>
                        <input type="password" name="password_confirmation" placeholder="@lang('Re-type Password')" class="input input-bordered">
                    </div>
 
                    <div class="form-control mb-4">
                        @php echo recaptcha() @endphp
                    </div>
 
                    @if($general->agree)
                    <div class="form-control mb-4">
                        @php $links = getContent('footer_link.element'); @endphp
                        <label>
                            <input type="checkbox" name="agree" required>
                            @lang('I agree with ')
                            @foreach($links as $link)
                            <a href="{{ route('links',[$link->id, slug($link->data_values->title)]) }}" target="_blank">{{ __($link->data_values->title) }}</a>
                            @if(!$loop->last), @endif
                            @endforeach
                        </label>
                    </div>
                    @endif
 
                    <button type="submit" class="btn btn-success btn-block">
                        <span class="material-icons">person_add</span> Register Now
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
 

PGRpdiBjbGFzcz0iYmctYmFzZS0yMDAgcHktMTAiPgogICAgPGRpdiBjbGFzcz0iY29udGFpbmVyIG14LWF1dG8gZmxleCBqdXN0aWZ5LWNlbnRlciI+CiAgICAgICAgPGRpdiBjbGFzcz0iY2FyZCBiZy1iYXNlLTEwMCBzaGFkb3cteGwgdy1mdWxsIG1heC13LW1kIj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iY2FyZC1ib2R5Ij4KICAgICAgICAgICAgICAgIDwhLS0g2LLYsSDYp9mE2LnZiNiv2KkgLS0+CiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJmbGV4IGp1c3RpZnktYmV0d2VlbiBpdGVtcy1jZW50ZXIgbWItNCI+CiAgICAgICAgICAgICAgICAgICAgPGgyIGNsYXNzPSJjYXJkLXRpdGxlIHRleHQtMnhsIGZvbnQtYm9sZCI+UmVnaXN0ZXIgTm93PC9oMj4KICAgICAgICAgICAgICAgICAgICA8YSBocmVmPSJ7eyByb3V0ZSgndXNlci5sb2dpbicpIH19IiBjbGFzcz0iYnRuIGJ0bi1vdXRsaW5lIGJ0bi1wcmltYXJ5Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9Im1hdGVyaWFsLWljb25zIj5hcnJvd19iYWNrPC9zcGFuPiBCYWNrIHRvIExvZ2luCiAgICAgICAgICAgICAgICAgICAgPC9hPgogICAgICAgICAgICAgICAgPC9kaXY+CgogICAgICAgICAgICAgICAgPGZvcm0gbWV0aG9kPSJQT1NUIiBhY3Rpb249Int7IHJvdXRlKCd1c2VyLnJlZ2lzdGVyJykgfX0iIGNsYXNzPSJyZWdpc3RlckZvcm0iPgogICAgICAgICAgICAgICAgICAgIEBjc3JmCgogICAgICAgICAgICAgICAgICAgIEBpZigkcmVmZXJlbmNlKQogICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tY29udHJvbCBtYi00Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYWJlbCI+QGxhbmcoJ1JlZmVycmVkIEJ5Jyk8L2xhYmVsPgogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0idGV4dCIgbmFtZT0icmVmZXJCeSIgY2xhc3M9ImlucHV0IGlucHV0LWJvcmRlcmVkIiB2YWx1ZT0ie3sgJHJlZmVyZW5jZSB9fSIgcmVhZG9ubHk+CiAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICAgICAgQGVuZGlmCgogICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tY29udHJvbCBtYi00Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYWJlbCI+RS1tYWlsPC9sYWJlbD4KICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9ImVtYWlsIiBuYW1lPSJlbWFpbCIgcGxhY2Vob2xkZXI9IkBsYW5nKCdZb3VyIGUtbWFpbCcpIiBjbGFzcz0iaW5wdXQgaW5wdXQtYm9yZGVyZWQgY2hlY2tVc2VyIiB2YWx1ZT0ie3sgb2xkKCdlbWFpbCcpIH19Ij4KICAgICAgICAgICAgICAgICAgICA8L2Rpdj4KCiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1jb250cm9sIG1iLTQiPgogICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImxhYmVsIiBmb3I9ImNvdW50cnkiPnt7IF9fKCdDb3VudHJ5JykgfX08L2xhYmVsPgogICAgICAgICAgICAgICAgICAgICAgICA8c2VsZWN0IG5hbWU9ImNvdW50cnkiIGlkPSJjb3VudHJ5IiBjbGFzcz0iaW5wdXQgaW5wdXQtYm9yZGVyZWQiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgQGZvcmVhY2goJGNvdW50cmllcyBhcyAka2V5ID0+ICRjb3VudHJ5KQogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxvcHRpb24gdmFsdWU9Int7ICRjb3VudHJ5LT5jb3VudHJ5IH19IiAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS1tb2JpbGVfY29kZT0ie3sgJGNvdW50cnktPmRpYWxfY29kZSB9fSIgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRhdGEtY29kZT0ie3sgJGtleSB9fSIgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHt7IG9sZCgnY291bnRyeScpID09ICRjb3VudHJ5LT5jb3VudHJ5ID8gJ3NlbGVjdGVkJyA6ICcnIH19PgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBfXygkY291bnRyeS0+Y291bnRyeSkgfX0KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L29wdGlvbj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBlbmRmb3JlYWNoCiAgICAgICAgICAgICAgICAgICAgICAgIDwvc2VsZWN0PgogICAgICAgICAgICAgICAgICAgIDwvZGl2PgoKICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJmb3JtLWNvbnRyb2wgbWItNCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxsYWJlbCBjbGFzcz0ibGFiZWwiPkBsYW5nKCdVc2VybmFtZScpPC9sYWJlbD4KICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9InRleHQiIG5hbWU9InVzZXJuYW1lIiBwbGFjZWhvbGRlcj0iQGxhbmcoJ1VzZXJuYW1lJykiIGNsYXNzPSJpbnB1dCBpbnB1dC1ib3JkZXJlZCBjaGVja1VzZXIiIHZhbHVlPSJ7eyBvbGQoJ3VzZXJuYW1lJykgfX0iPgogICAgICAgICAgICAgICAgICAgICAgICA8c21hbGwgY2xhc3M9InRleHQtZGFuZ2VyIHVzZXJuYW1lRXhpc3QiPjwvc21hbGw+CiAgICAgICAgICAgICAgICAgICAgPC9kaXY+CgogICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImZvcm0tY29udHJvbCBtYi00IGhvdmVyLWlucHV0LXBvcHVwIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGxhYmVsIGNsYXNzPSJsYWJlbCI+UGFzc3dvcmQ8L2xhYmVsPgogICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0icGFzc3dvcmQiIG5hbWU9InBhc3N3b3JkIiBwbGFjZWhvbGRlcj0iQGxhbmcoJ1Bhc3N3b3JkJykiIGNsYXNzPSJpbnB1dCBpbnB1dC1ib3JkZXJlZCI+CiAgICAgICAgICAgICAgICAgICAgICAgIEBpZigkZ2VuZXJhbC0+c2VjdXJlX3Bhc3N3b3JkKQogICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJpbnB1dC1wb3B1cCI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz0iZXJyb3IgbG93ZXIiPkBsYW5nKCcxIHNtYWxsIGxldHRlciBtaW5pbXVtJyk8L3A+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz0iZXJyb3IgY2FwaXRhbCI+QGxhbmcoJzEgY2FwaXRhbCBsZXR0ZXIgbWluaW11bScpPC9wPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9ImVycm9yIG51bWJlciI+QGxhbmcoJzEgbnVtYmVyIG1pbmltdW0nKTwvcD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPSJlcnJvciBzcGVjaWFsIj5AbGFuZygnMSBzcGVjaWFsIGNoYXJhY3RlciBtaW5pbXVtJyk8L3A+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz0iZXJyb3IgbWluaW11bSI+QGxhbmcoJzYgY2hhcmFjdGVyIHBhc3N3b3JkJyk8L3A+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICAgICAgICAgICAgICBAZW5kaWYKICAgICAgICAgICAgICAgICAgICA8L2Rpdj4KCiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1jb250cm9sIG1iLTQiPgogICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWwgY2xhc3M9ImxhYmVsIj5AbGFuZygnUmUtdHlwZSBQYXNzd29yZCcpPC9sYWJlbD4KICAgICAgICAgICAgICAgICAgICAgICAgPGlucHV0IHR5cGU9InBhc3N3b3JkIiBuYW1lPSJwYXNzd29yZF9jb25maXJtYXRpb24iIHBsYWNlaG9sZGVyPSJAbGFuZygnUmUtdHlwZSBQYXNzd29yZCcpIiBjbGFzcz0iaW5wdXQgaW5wdXQtYm9yZGVyZWQiPgogICAgICAgICAgICAgICAgICAgIDwvZGl2PgoKICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPSJmb3JtLWNvbnRyb2wgbWItNCI+CiAgICAgICAgICAgICAgICAgICAgICAgIEBwaHAgZWNobyByZWNhcHRjaGEoKSBAZW5kcGhwCiAgICAgICAgICAgICAgICAgICAgPC9kaXY+CgogICAgICAgICAgICAgICAgICAgIEBpZigkZ2VuZXJhbC0+YWdyZWUpCiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZm9ybS1jb250cm9sIG1iLTQiPgogICAgICAgICAgICAgICAgICAgICAgICBAcGhwICRsaW5rcyA9IGdldENvbnRlbnQoJ2Zvb3Rlcl9saW5rLmVsZW1lbnQnKTsgQGVuZHBocAogICAgICAgICAgICAgICAgICAgICAgICA8bGFiZWw+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW5wdXQgdHlwZT0iY2hlY2tib3giIG5hbWU9ImFncmVlIiByZXF1aXJlZD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBsYW5nKCdJIGFncmVlIHdpdGggJykKICAgICAgICAgICAgICAgICAgICAgICAgICAgIEBmb3JlYWNoKCRsaW5rcyBhcyAkbGluaykKICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxhIGhyZWY9Int7IHJvdXRlKCdsaW5rcycsWyRsaW5rLT5pZCwgc2x1ZygkbGluay0+ZGF0YV92YWx1ZXMtPnRpdGxlKV0pIH19IiB0YXJnZXQ9Il9ibGFuayI+e3sgX18oJGxpbmstPmRhdGFfdmFsdWVzLT50aXRsZSkgfX08L2E+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAaWYoISRsb29wLT5sYXN0KSwgQGVuZGlmCiAgICAgICAgICAgICAgICAgICAgICAgICAgICBAZW5kZm9yZWFjaAogICAgICAgICAgICAgICAgICAgICAgICA8L2xhYmVsPgogICAgICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICAgICAgICAgIEBlbmRpZgoKICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIHR5cGU9InN1Ym1pdCIgY2xhc3M9ImJ0biBidG4tc3VjY2VzcyBidG4tYmxvY2siPgogICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz0ibWF0ZXJpYWwtaWNvbnMiPnBlcnNvbl9hZGQ8L3NwYW4+IFJlZ2lzdGVyIE5vdwogICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPgogICAgICAgICAgICAgICAgPC9mb3JtPgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgIDwvZGl2Pgo8L2Rpdj4K