@extends('layouts.user')

@section('title', 'Referral')

@section('content')
    <div class="nk-content ">
        <div class="container-fluid">
            <div class="nk-content-inner">
                <div class="nk-content-body">
                    <div class="components-preview wide-md mx-auto">
                        <div class="nk-block-head nk-block-head-lg wide-sm">
                            <div class="nk-block-head-content">
                                <div class="nk-block-head-sub"><a class="back-to" href="{{ route('account') }}"><em class="icon ni ni-arrow-left"></em><span>Dashboard</span></a></div>
                                <h2 class="nk-block-title fw-normal">Referral</h2>
                                <div class="nk-block-des">
                                    <p class="lead"></p>
                                </div>
                            </div>
                        </div><!-- .nk-block -->
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="mb-5">
                                    <table class="datatable-init table" id="example1">
                                        <thead>
                                        <tr>
                                            <th>Username</th>
                                            <th>Email</th>
                                            <th>Registration date</th>
                                            <th>Last deposit</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @if(count($referrals) <= 0 )
                                            <tr>
                                                <td>
                                                    <span>You have no referrals yet</span>
                                                </td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                            </tr>
                                        @else
                                            @foreach($referrals as $referral)
                                                @php
                                                    $profile = \App\Models\Profile::where(['user_id' => $referral->downline_id])->first();
                                                    $member = \App\User::where(['id' => $referral->downline_id])->first();
                                                    $account = \App\Models\AccountBalance::where(['user_id' => $referral->downline_id])->first();
                                                @endphp
                                                <tr>
                                                    <td>{{ $member['username'] }}</td>
                                                    <td>{{ $member['email'] }}</td>
                                                    <td>{{ $profile['created_at'] }}</td>
                                                    <td>${{ number_format($account['last_deposit'], 2) }}</td>
                                                </tr>
                                            @endforeach
                                        @endif
                                        </tbody>
                                        <tfoot>
                                        <tr>
                                            <th>Username</th>
                                            <th>Email</th>
                                            <th>Registration date</th>
                                            <th>Last deposit</th>
                                        </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div><!-- .components-preview -->
                </div>
            </div>
        </div>
    </div>

    <script>
        ;(function($) {
            'use strict'
            $(function() {
                $('#example1').DataTable({
                    responsive: true,
                })

                $('#example2').DataTable({
                    autoWidth: true,
                    scrollX: true,
                    fixedColumns: true,
                })

                $('#example3').DataTable({
                    autoWidth: true,
                    scrollX: true,
                    fixedColumns: true,
                })
            })
        })(jQuery)
    </script>
@endsection