@extends(getTemplate().'.view.layout.layout')

@section('page')



<div class="container">
<div class="container-fluid">


<div class="panel panel-info" style="margin-top: 15px;">
  <div class="panel-heading">
  <h3>My Referral Earnings <br/>
  <small>
   Your balance: <a href="/user/balance/log" >{{currencySign().number_format(Auth::user()->credit) }}</a>
  </small>
  </h3>
  </div>
  <div class="panel-body">


  @if(count($oldPayments) < 1)
                    <p style="font-size: 15px;">
                    None yet, click on any <a href="/category?order=new">course </a>, copy the referral link, share it on social media. <br/>
                    When people click on it to register, you will see your earnings and commissions here.
                    </p>
                    @else 


                <div class="table-responsive">

                
                <table class="table table-striped" >
                        <tr>
                            <td></td>
                            <td>Commission</td>
                        <tr>

                        @foreach($oldPayments as $oldPayment)
                        <tr>
                            <td>
                            <b>{{ $oldPayment->user['username'] }} |
                            {{ $oldPayment->created_at }}
                            
                            @if($oldPayment->status != 'confirm')
                                {{ $oldPayment->user['phone'] }}
                            @endif  
                            <small class="text-muted">
                                <a href="/product/{{ $oldPayment->content['id'] }}"> 
                                    {{ $oldPayment->content['title'] }}</b>
                                </a>
                            </small>
                            </td>
                            <td>{{ currencySign(). number_format($oldPayment->amount * env('referrer_user_id')) }}</td>
                        </tr>
                        @endforeach
                        </table>
                    </div>

                    @endif

            </div>
            </div>
            </div>
            </div>
            @endsection