@extends('user.layout.layout')

@section('contents')
    <div class="content-page">
        <!-- Start content -->
        <div class="content">
            <div class="container-fluid">
                <div class="page-title-box">
                    <div class="row align-items-center">
                        <div class="col-sm-6">
                            <h4 class="page-title">My Referrals</h4>
                            <p>Earn 15% percent of your referral's first investment</p>
                        </div>
                        <div class="col-sm-6">
                            <ol class="breadcrumb float-right">
                                <li class="breadcrumb-item"><a href="javascript:void(0);">{{config('app.project_name')}}</a></li>
                                <li class="breadcrumb-item active">Referrals</li>
                            </ol>
                        </div>
                    </div> <!-- end row -->
                </div>
                <!-- end page-title -->

                <div class="row">
                    <div class="col-lg-12">
                        <div class="card m-b-30">
                            <div class="card-body">

                                <p class="sub-title" style="font-family:poppins; font-size: 30px; text-align:center">
                                    <span>$</span>{{ number_format(auth()->user()->ref_bonus, 2) }} <small class="badge">
                                        My referral bonus</small>
                                </p>
                                <hr />
                                <br />

                                <table class = 'table table-striped'>
                                    <thead>
                                        <tr style=''>
                                            <th scope = 'col'>Referred users</th>
                                            <th scope = 'col'>Bonus Earned </th>
                                            <th scope = 'col'>Ref Date</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse(auth()->user()->referrals as $referral)
                                            <tr>
                                                <td>{{$referral->downline_email}}</td>
                                                <td>{{$referral->is_settled}}</td>
                                                <td>{{$referral->created_at->diffForHumans()}}</td>
                                            </tr>
                                        @empty
                                            <tr>
                                                <center>
                                                    <p>No referrals </p>
                                                </center>
                                            </tr>
                                        @endforelse
                                    </tbody>
                                </table>

                            </div>

                            <br />
                            <div class="badge"> Your unique referral link</div>
                            <p style="text-align: center"> {{ config('app.project_URL') . '?c=' . auth()->user()->ref_code }}
                            </p>
                            <!--<h3> {{ auth()->user()->ref_code }} <small class="badge"> Ref Code</small></h3>-->


                        </div>

                    </div> <!-- end col -->

                </div> <!-- end row -->


            </div>
            <!-- container-fluid -->

        </div>
        <!-- content -->
    </div>
@endsection