@extends('template.novitrades.layouts.base')

@section('title', __('Support'))

@section('css')

@endsection



@section('content')

<div class="page-content">
    <div class="container">
        <div class="row">
            <div class="main-content col-lg-8">
                <div class="content-area content-area-mh card user-account-pages page-referral">
                    <div class="card-innr">
                        <div class="card-head">
                            <h2 class="card-title card-title-lg">Referral</h2>
                        </div>
                        <div class="card-text">
                            <p>Invite your friends and family to get 10% of everything they invest.</p>
                            <p>We Imagine giving your unique referral link to your friend and he or she register and invest using your link, the bonus will be sent to your account automatically.</p>
                            <p>The strategy is simple: the more referral links you send to your colleagues, family and friends - the more bonus you earn!</p>
                        </div>

                        <div class="gaps-1x"></div>
                        <div class="referral-form">
                            <h4 class="card-title card-title-sm">Referral URL</h4>
                            <div class="copy-wrap mgb-1-5x mgt-1-5x">
                                <span class="copy-feedback"></span>
                                <em class="copy-icon fas fa-link"></em>
                                <input type="text" class="copy-address" value="{{get_user_referal_link($user->username)}}" disabled="" />
                                <button class="copy-trigger copy-clipboard" data-clipboard-text="{{get_user_referal_link($user->username)}}"><em class="ti ti-files"></em></button>
                            </div>
                            <p class="text-light mgmt-1x">
                                <em><small>Use above link to refer your friend and get referral bonus.</small></em>
                            </p>
                        </div>
                        <div class="sap sap-gap"></div>
                        <div class="card-head">
                            <h4 class="card-title card-title-sm">Referral Lists</h4>
                        </div>
                        <div id="DataTables_Table_0_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
                            <div>
                                <table class="data-table dt-init refferal-table dataTable no-footer" data-items="10" id="DataTables_Table_0" role="grid" aria-describedby="DataTables_Table_0_info">
                                    <thead>
                                        <tr class="data-item data-head" role="row">
                                            <th class="data-col refferal-name sorting_disabled" rowspan="1" colspan="1"><span>User Name</span></th>
                                            <th class="data-col refferal-tokens sorting_disabled" rowspan="1" colspan="1"><span>Earn Coin</span></th>
                                            <th class="data-col refferal-date sorting_disabled" rowspan="1" colspan="1"><span>Register Date</span></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr class="data-item odd" role="row">
                                            <td class="data-col">No one join yet!</td>
                                            <td class="data-col"></td>
                                            <td class="data-col"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="row align-items-center">
                                <div class="col-sm-6 text-left"></div>
                                <div class="col-sm-6 text-sm-right"><div class="dataTables_info" id="DataTables_Table_0_info" role="status" aria-live="polite">1 -1 of 1</div></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="aside sidebar-right col-lg-4">
                <div class="account-info card">
                    <div class="card-innr">
                        <div class="user-account-status">
                            <h6 class="card-title card-title-sm">Your Account Status</h6>
                            <div class="gaps-1-5x"></div>
                            <ul class="btn-grp">
                                <li><a href="javascript:void(0)" class="btn btn-xs btn-auto btn-success">Email Verified</a></li>
                                <li>
                                    <a href="{{secure_url('kyc')}}" class="btn btn-xs btn-auto btn-info"><span>Submit KYC</span></a>
                                </li>
                            </ul>
                        </div>
                        <div class="gaps-2-5x"></div>
                        
                    </div>
                </div>

                <div class="kyc-info card">
                    <div class="card-innr">
                        <h6 class="card-title card-title-sm">Identity Verification - KYC</h6>
                        <p>KYC it not needed to purchase, however, to withdrawal you must complete KYC.</p>
                        <p class="lead text-light pdb-0-5x">You have not submitted your documents to verify your identity (KYC).</p>
                        <a href="{{secure_url('kyc')}}" class="btn btn-sm m-2 btn-icon btn-primary">Click to Proceed</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection