@extends('portal.layouts.app')
@section('content')

    <div class="memberMain">
        <div class="container-fluid">
            <div class="row justify-content-center">
                <div class="col-md-7">
                    <div class="memberContent">
                        <h2>Welcome New Members!</h2>
                        <h3>Follow the steps below to get started!</h3>
                        <p>After you have paid the $25 admin fee you will need to join the matrix.
                            (only do this when ready to send your $100) Please send your $100 within 1
                            to 2 hours of joining!
                            You can then repeat & join the p250,p500 p1000 & p2500!</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="stepMain">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div class="stepBox">
                        <figure>
                            <small>Step</small>
                            <span>01</span>
                        </figure>
                        <h2>Join Matrix Levels - P100, P250, P500, P1000 And P2500</h2>
                        <p>Join The Matrix and send your $100, $250, $500, $1000 or $2500</p>
                        <a href="{{ route('available.matrix') }}" class="themeBtn">join now</a>
                        <p>Contact admin if you need help with placement! <a
                                href="www.OurSupportSystem.com"
                                target="_blank">www.OurSupportSystem.com</a>
                            (include your username or member id #)</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6">
                    <div class="stepBox">
                        <figure>
                            <small>Step</small>
                            <span>02</span>
                        </figure>
                        <h2>Upload Your Photo & Update Your Profile.</h2>
                        <p>Click Account & update your profile</p>
                        @if(\Illuminate\Support\Facades\Auth::user()->hasRole('admin'))
                        <a href="{{route('admin.profile')}}" class="themeBtn">Update now</a>
                        @else
                            <a href="{{route('customer.profile')}}" class="themeBtn">Update now</a>
                        @endif
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="stepBox">
                        <figure>
                            <small>Step</small>
                            <span>03</span>
                        </figure>
                        <h2>Add Ways To Receive! Please Add Two Or More Payment Options!</h2>
                        <p>Add your ways to receive funds (cash app, venmo, zelle paypal, ect)</p>
                        @if(\Illuminate\Support\Facades\Auth::user()->hasRole('admin'))
                        <a href="{{route('admin.payment.methods')}}" class="themeBtn">Update now</a>
                        @else
                            <a href="{{route('customer.payment.methods')}}" class="themeBtn">Update now</a>
                            @endif
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-md-6">
                    <div class="stepBox">
                        <figure>
                            <small>Step</small>
                            <span>04</span>
                        </figure>
                        <h2>Join Us On Telegram</h2>
                        <span class="telegramImg"><img src="{{ asset('assets/images/joinimg.png') }}" class="img-fluid"
                                                       alt="img"></span>
                        <a href="#" class="themeBtn">Update now</a>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-md-9">
                    <div class="memberContent bilingContent">
                        <p>Billing Issues? Login Issues?: <a href="tel:+8004975613">800-497-5613</a> 10
                            AM-10 PM Text Us.</p>
                        <p>If you have an account issue contact us on <a href="www.OurSupportSystem.com"
                                                                         target="_blank">www.OurSupportSystem.com</a> (allow
                            1-2 business day for replies. Please include your matrix number or member
                            number.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection