@extends('layouts.engine')
@section('content')
                    <div class="nk-content nk-content-fluid">
                        <div class="container-xl wide-lg">
                            <div class="nk-content-body">
                                <div class="nk-block-head nk-block-head-lg wide-xs mx-auto">
                                    <div class="nk-block-head-content text-center">
                                        <h2 class="nk-block-title fw-normal text-capitalize">Hello, {{ Auth::user()->name }}!</h2>
                                        <div class="nk-block-des">
                                            <p>Welcome to <strong>{{ config('app.name') }} Wallet.</strong>. You are few steps away to complete your profile. These are required to be granted full access to this wallet! Let’s start!</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="nk-block">
                                    <div class="card card-custom-s1 card-bordered">
                                        <div class="row no-gutters">
                                            <div class="col-lg-4">
                                                <div class="card-inner-group h-100">
                                                    <div class="card-inner">
                                                        <h5>Let’s Finish Registration</h5>
                                                        <p>Only few minutes required to complete your registration and set up your account.</p>
                                                    </div>
                                                    <div class="card-inner">
                                                        <ul class="list list-step">
                                                            <li class="list-step-done">Verify email address</li>
                                                            <li class="list-step-current">Verify your identity (KYC)</li>
                                                            <li>Secure your account</li>
                                                            <li>Set up payment method</li>
                                                        </ul>
                                                    </div>
                                                    <div class="card-inner">
                                                        <div class="align-center gx-3">
                                                            <div class="flex-item">
                                                                <div class="progress progress-sm progress-pill w-80px"><div class="progress-bar" data-progress="25"></div></div>
                                                            </div>
                                                            <div class="flex-item"><span class="sub-text sub-text-sm text-soft">1/4 Completed</span></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-8">
                                                <div class="card-inner card-inner-lg h-100">
                                                    <div class="align-center flex-wrap flex-md-nowrap g-3 h-100">
                                                        <div class="nk-block-image w-200px flex-shrink-0 order-first order-md-last">
                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114 113.9">
                                                                <path
                                                                    d="M87.84,110.34l-48.31-7.86a3.55,3.55,0,0,1-3.1-4L48.63,29a3.66,3.66,0,0,1,4.29-2.8L101.24,34a3.56,3.56,0,0,1,3.09,4l-12.2,69.52A3.66,3.66,0,0,1,87.84,110.34Z"
                                                                    transform="translate(-4 -2.1)"
                                                                    fill="#c4cefe"
                                                                />
                                                                <path
                                                                    d="M33.73,105.39,78.66,98.1a3.41,3.41,0,0,0,2.84-3.94L69.4,25.05a3.5,3.5,0,0,0-4-2.82L20.44,29.51a3.41,3.41,0,0,0-2.84,3.94l12.1,69.11A3.52,3.52,0,0,0,33.73,105.39Z"
                                                                    transform="translate(-4 -2.1)"
                                                                    fill="#c4cefe"
                                                                />
                                                                <rect x="22" y="17.9" width="66" height="88" rx="3" ry="3" fill="#6576ff" />
                                                                <rect x="31" y="85.9" width="48" height="10" rx="1.5" ry="1.5" fill="#fff" />
                                                                <rect x="31" y="27.9" width="48" height="5" rx="1" ry="1" fill="#e3e7fe" />
                                                                <rect x="31" y="37.9" width="23" height="3" rx="1" ry="1" fill="#c4cefe" />
                                                                <rect x="59" y="37.9" width="20" height="3" rx="1" ry="1" fill="#c4cefe" />
                                                                <rect x="31" y="45.9" width="23" height="3" rx="1" ry="1" fill="#c4cefe" />
                                                                <rect x="59" y="45.9" width="20" height="3" rx="1" ry="1" fill="#c4cefe" />
                                                                <rect x="31" y="52.9" width="48" height="3" rx="1" ry="1" fill="#e3e7fe" />
                                                                <rect x="31" y="60.9" width="23" height="3" rx="1" ry="1" fill="#c4cefe" />
                                                                <path
                                                                    d="M98.5,116a.5.5,0,0,1-.5-.5V114H96.5a.5.5,0,0,1,0-1H98v-1.5a.5.5,0,0,1,1,0V113h1.5a.5.5,0,0,1,0,1H99v1.5A.5.5,0,0,1,98.5,116Z"
                                                                    transform="translate(-4 -2.1)"
                                                                    fill="#9cabff"
                                                                />
                                                                <path
                                                                    d="M16.5,85a.5.5,0,0,1-.5-.5V83H14.5a.5.5,0,0,1,0-1H16V80.5a.5.5,0,0,1,1,0V82h1.5a.5.5,0,0,1,0,1H17v1.5A.5.5,0,0,1,16.5,85Z"
                                                                    transform="translate(-4 -2.1)"
                                                                    fill="#9cabff"
                                                                />
                                                                <path d="M7,13a3,3,0,1,1,3-3A3,3,0,0,1,7,13ZM7,8a2,2,0,1,0,2,2A2,2,0,0,0,7,8Z" transform="translate(-4 -2.1)" fill="#9cabff" />
                                                                <path d="M113.5,71a4.5,4.5,0,1,1,4.5-4.5A4.51,4.51,0,0,1,113.5,71Zm0-8a3.5,3.5,0,1,0,3.5,3.5A3.5,3.5,0,0,0,113.5,63Z" transform="translate(-4 -2.1)" fill="#9cabff" />
                                                                <path
                                                                    d="M107.66,7.05A5.66,5.66,0,0,0,103.57,3,47.45,47.45,0,0,0,85.48,3h0A5.66,5.66,0,0,0,81.4,7.06a47.51,47.51,0,0,0,0,18.1,5.67,5.67,0,0,0,4.08,4.07,47.57,47.57,0,0,0,9,.87,47.78,47.78,0,0,0,9.06-.87,5.66,5.66,0,0,0,4.08-4.09A47.45,47.45,0,0,0,107.66,7.05Z"
                                                                    transform="translate(-4 -2.1)"
                                                                    fill="#2ec98a"
                                                                />
                                                                <path
                                                                    d="M100.66,12.81l-1.35,1.47c-1.9,2.06-3.88,4.21-5.77,6.3a1.29,1.29,0,0,1-1,.42h0a1.27,1.27,0,0,1-1-.42c-1.09-1.2-2.19-2.39-3.28-3.56a1.29,1.29,0,0,1,1.88-1.76c.78.84,1.57,1.68,2.35,2.54,1.6-1.76,3.25-3.55,4.83-5.27l1.35-1.46a1.29,1.29,0,0,1,1.9,1.74Z"
                                                                    transform="translate(-4 -2.1)"
                                                                    fill="#fff"
                                                                />
                                                            </svg>
                                                        </div>
                                                        <div class="nk-block-content">
                                                            <div class="nk-block-content-head">
                                                                <h4>Complete Your KYC</h4>
                                                                <span class="sub-text sub-text-sm text-soft">7 minutes</span>
                                                            </div>
                                                            <p>Looks like your have not verified your identity yet. Please verify yourself to get full access to digital wallet.</p>
                                                            <ul class="list list-sm list-checked">
                                                                <li>Fiat Currency Wallet <span>(USD)</span></li>
                                                                <li>10+ Digital Crypto Wallet <span>(ETH, BTC, LTC etc)</span></li>
                                                                <li>Receive and send crypto with ease</li>
                                                            </ul>
                                                            <a href="{{ url('/users/settings/identify') }}" class="btn btn-lg btn-dark">Get Started</a>
                                                            <a href="{{ url('/users/dashboard') }}" class="btn btn-lg btn-warning">Skip Process</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="nk-block">
                                    <div class="card card-bordered">
                                        <div class="card-inner card-inner-lg">
                                            <div class="align-center flex-wrap flex-md-nowrap g-4">
                                                <div class="nk-block-image w-120px flex-shrink-0">
                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 118">
                                                        <path
                                                            d="M8.916,94.745C-.318,79.153-2.164,58.569,2.382,40.578,7.155,21.69,19.045,9.451,35.162,4.32,46.609.676,58.716.331,70.456,1.845,84.683,3.68,99.57,8.694,108.892,21.408c10.03,13.679,12.071,34.71,10.747,52.054-1.173,15.359-7.441,27.489-19.231,34.494-10.689,6.351-22.92,8.733-34.715,10.331-16.181,2.192-34.195-.336-47.6-12.281A47.243,47.243,0,0,1,8.916,94.745Z"
                                                            transform="translate(0 -1)"
                                                            fill="#f6faff"
                                                        />
                                                        <rect x="18" y="32" width="84" height="50" rx="4" ry="4" fill="#fff" />
                                                        <rect x="26" y="44" width="20" height="12" rx="1" ry="1" fill="#e5effe" />
                                                        <rect x="50" y="44" width="20" height="12" rx="1" ry="1" fill="#e5effe" />
                                                        <rect x="74" y="44" width="20" height="12" rx="1" ry="1" fill="#e5effe" />
                                                        <rect x="38" y="60" width="20" height="12" rx="1" ry="1" fill="#e5effe" />
                                                        <rect x="62" y="60" width="20" height="12" rx="1" ry="1" fill="#e5effe" />
                                                        <path
                                                            d="M98,32H22a5.006,5.006,0,0,0-5,5V79a5.006,5.006,0,0,0,5,5H52v8H45a2,2,0,0,0-2,2v4a2,2,0,0,0,2,2H73a2,2,0,0,0,2-2V94a2,2,0,0,0-2-2H66V84H98a5.006,5.006,0,0,0,5-5V37A5.006,5.006,0,0,0,98,32ZM73,94v4H45V94Zm-9-2H54V84H64Zm37-13a3,3,0,0,1-3,3H22a3,3,0,0,1-3-3V37a3,3,0,0,1,3-3H98a3,3,0,0,1,3,3Z"
                                                            transform="translate(0 -1)"
                                                            fill="#798bff"
                                                        />
                                                        <path d="M61.444,41H40.111L33,48.143V19.7A3.632,3.632,0,0,1,36.556,16H61.444A3.632,3.632,0,0,1,65,19.7V37.3A3.632,3.632,0,0,1,61.444,41Z" transform="translate(0 -1)" fill="#6576ff" />
                                                        <path
                                                            d="M61.444,41H40.111L33,48.143V19.7A3.632,3.632,0,0,1,36.556,16H61.444A3.632,3.632,0,0,1,65,19.7V37.3A3.632,3.632,0,0,1,61.444,41Z"
                                                            transform="translate(0 -1)"
                                                            fill="none"
                                                            stroke="#6576ff"
                                                            stroke-miterlimit="10"
                                                            stroke-width="2"
                                                        />
                                                        <line x1="40" y1="22" x2="57" y2="22" fill="none" stroke="#fffffe" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
                                                        <line x1="40" y1="27" x2="57" y2="27" fill="none" stroke="#fffffe" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
                                                        <line x1="40" y1="32" x2="50" y2="32" fill="none" stroke="#fffffe" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" />
                                                        <line x1="30.5" y1="87.5" x2="30.5" y2="91.5" fill="none" stroke="#9cabff" stroke-linecap="round" stroke-linejoin="round" />
                                                        <line x1="28.5" y1="89.5" x2="32.5" y2="89.5" fill="none" stroke="#9cabff" stroke-linecap="round" stroke-linejoin="round" />
                                                        <line x1="79.5" y1="22.5" x2="79.5" y2="26.5" fill="none" stroke="#9cabff" stroke-linecap="round" stroke-linejoin="round" />
                                                        <line x1="77.5" y1="24.5" x2="81.5" y2="24.5" fill="none" stroke="#9cabff" stroke-linecap="round" stroke-linejoin="round" />
                                                        <circle cx="90.5" cy="97.5" r="3" fill="none" stroke="#9cabff" stroke-miterlimit="10" />
                                                        <circle cx="24" cy="23" r="2.5" fill="none" stroke="#9cabff" stroke-miterlimit="10" />
                                                    </svg>
                                                </div>
                                                <div class="nk-block-content">
                                                    <div class="nk-block-content-head px-lg-4">
                                                        <h5>Account Secret Phrase!</h5>
                                                        <p class="text-soft">Your Secret Phrase (12 words) gives you an alternative way to gain access to your wallet if you have lost access.</p>
                                                    </div>
                                                </div>
                                                <div class="nk-block-content flex-shrink-0"><a data-bs-dismiss="modal" data-bs-toggle="modal" href="#seedphrase" class="btn btn-lg btn-outline-dark">Show my recovery phrase</a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    
                    <div class="modal fade" tabindex="-1" role="dialog" id="seedphrase">
            <div class="modal-dialog modal-dialog-centered modal-md" role="document">
                <div class="modal-content">
                    <a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a>
                    <div class="modal-body modal-body-lg text-center">
                        <div class="nk-modal">
                            <em class="nk-modal-icon icon icon-circle icon-circle-xxl ni ni-check bg-success"></em>
                            <h4 class="nk-modal-title">Your Secret Phrase</h4>
                            <div class="nk-modal-text">
                                <p class="caption-text">Write down or copy these words in the right order and save them somewhere safe.</p>
                                @php
                                $p = Auth::user()->seedphrase;
                                $seedp = explode(" ",$p)
                                
                                @endphp
                                @foreach($seedp as $sp)
                                    <a href="javascript;;" style="pointer-events: none;" class="btn btn-dim btn-secondary mt-2">{{ $loop->iteration }}. {{ $sp }}</a>
                                @endforeach
                            </div>
                            
                        </div>
                    </div>
                    <div class="modal-footer bg-lighter bg-warning">
                        <div class="text-center w-100">
                            <p>DO NOT share your phrase to anyone as this gives full access to your wallet</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
 @endsection