@extends('layouts.app', ['header' => true, 'close_button' => true])


@section('content')
    <section class="main-sec member-sec">
        <div class="container">
            <div class="signup-wrapper">
                <div class="sec-heading">
                    <h3>CREATE YOUR ACCOUNT PASSWORD</h3>
                </div>
                <form action="{{ route('signup.password') }}" method='POST' id='passwordForm'>
                    @csrf
                    <input type="hidden" name='user_id' value="{{ request()->route('user_id') }}">
                    <div class="email-form-box create-pass-box">
                        <div class="form-group">
                            <div class="formfield">
                                <input type="password" class="form-control do-nothing" name="password" placeholder=""
                                    id="password-signup">
                                {{-- <span class="form-icon">
                            <img src="{{ asset('images/eye-icon.svg') }}" alt="eye-icon">
                        </span> --}}
                                <span class="password form-icon"><i class="password fas fa-eye-slash fa-fw"></i></span>
                            </div>
                        </div>
                        <p class="create-pass-para">Your password must be at least 8 characters long, and contain at least
                            one digit and one non-digit character</p>
                        <div class="privacy-notice-box">
                            <div class="privacy-notice-box-inner">
                                <img src="{{ asset('images/clipboard-img.svg') }}" alt="clipboard">
                                <h4>Accept RAF Leaderboard's Terms of Use and Privacy Notice</h4>
                                <p>By selecting “I Agree” below, I have reviewed & agree to the <a
                                        href="{{ route('member.showCms', ['type' => 'terms', 'show' => 'true']) }}">Terms of
                                        Use</a> and acknowledge the <a
                                        href="{{ route('member.showCms', ['type' => 'privacy', 'show' => 'true']) }}">Privacy
                                        policy</a>

                                        and agree to the
                                        <a href="{{ route('member.showCms', ['type' => 'hosting', 'show' => 'true']) }}">Hosting Terms.</a>
                                        {{-- , and <a
                                        href="{{ route('member.showCms', ['type' => 'subscription', 'show' => 'true']) }}">Subscription
                                        Terms.
                                    </a> --}}

                                    I confirm that I am at least 18 years of age.
                                </p>
                                <div class="form-field checkbox-field">
                                    <input type="checkbox" name="agree" class='form-class ' id="agree-check"
                                        @if (auth()->check()) checked @endif>
                                    <label for="agree-check">I Agree</label>
                                </div>
                            </div>
                        </div>
                        <button type='submit' class="button primary-btn full-btn" id='submitPassword'>Next <div
                                class="spinner-border d-none" role="status">
                                <span class="sr-only">Loading...</span>
                            </div></button>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection
@push('scripts')
    <script src="{{ asset('custom-js/signup.js') }}"></script>
@endpush