@extends('layouts.app', ['header' => true, 'close_button' => true])
@section('content')
    {{-- <section class="banner-section">
    <img src="images/RAF-icon.png" alt="RAF-icon">
</section> --}}
    <section class="main-sec member-sec">
        <div class="container">
            <div class="signup-wrapper">
                {{-- <div class="payment-seccess-box">
                <img src="{{ asset('images/payment-success-icon.svg') }}" alt="">
                <h2> </h2>
            </div> --}}

                <div class="welcome-login-main create-event-signup-flow">
                    <div class="welcome-login-box">
                        <div class="welcome-login-inner text-center">
                            <h2>Welcome</h2>
                            <h3>to the Hosting platform of Ready-Aim-Fire Leaderboard</h3>
                            <p>It is our goal to provide you with the best software to make hosting your event easy to
                                administer while providing an engaging on-line experience for your guests. The best part is
                                that you keep 100% of any registration fees you decide to charge as well as 20% of the
                                members RAF Subscription revenue for any NEW member for as long as they remain an active
                                member.</p>
                            <div class="event-code-box mt-3 mb-3 ">
                                <h5>Your event code </h5>
                                <div class="formfield verify-no disable-black">
                                    @foreach (str_split($user->user_code) as $digit)
                                        <div class="host-code-inner"><input type="text" maxlength="1" size="1"
                                                value="{{ $digit }}" min="0" max="9" pattern="[0-9]{1}"
                                                class="form-control" name="verify-no" readonly></div>
                                    @endforeach
                                </div>
                                @if(!auth()->check())
                                    <h5 class="host-code-msg">To Access the Host Admin Portal</h5>
                                @endif
                            </div>
                            @if(auth()->check())
                                <a href="{{ route('host.index') }}" class="button primary-btn full-btn">proceed to host admin</a>
                            @else
                                <div class="host-code-bottom">
                                    <h4>Close this page by clicking on the "X" at top to return to the home page</h4>
                                    {{-- <p>Sign in using your email and password then open Menu (top left) and select the Hosting
                                        Admin Portal</p> --}}
                                        <p>Sign in using your email and password and then your will be directed directly to the Host Admin Dashboard</p>
                                </div>
                            @endif
                            
                           
                        </div>
                    </div>

                    <div class="handshake-icon-main">
                        <img src="{{ asset('images/handshake-icon.svg') }}" alt="handshake" class="handshake-icon"
                            width="80" height="80">
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection

@push('scripts')
    {{-- copy code to clipboard --}}
    <script>
        jQuery(document).ready(function() {
            $("#copy-code").on("click", function() {
                var check = jQuery('#code-input').val();
                var input = $("<input>");
                $("body").append(input);
                input.val(check).select();
                document.execCommand("copy");
                input.remove();
                jQuery(this).text('Copied')
            });
        })
    </script>
@endpush