@extends('user.user_dashboard_link')
@section('content')
 <!-- Page Wrapper -->
 <div id="wrapper">

    @include('user.user_dashboard_sidebar')

      <!-- Content Wrapper -->
      <div id="content-wrapper" class="d-flex flex-column">

          <!-- Main Content -->
          <div id="content">

              <!-- Topbar -->
              <nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">

                  <!-- Sidebar Toggle (Topbar) -->
                  <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
                      <i class="fa fa-bars"></i>
                  </button>

               

                  <!-- Topbar Navbar -->
                  <ul class="navbar-nav ml-auto">

                
                     

                      <div class="topbar-divider d-none d-sm-block"></div>

                      <!-- Nav Item - User Information -->
                      <li class="nav-item dropdown no-arrow">
                          <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button"
                              data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                              <span class="mr-2 d-none d-lg-inline text-gray-600 small">
                                  @if(Auth::guard('user_login')->check())
                                  {{Auth::guard('user_login')->user()->name}}
                                  @endif
                              </span>
                              {{-- <img class="img-profile rounded-circle"
                                  src="img/undraw_profile.svg"> --}}
                          </a>
                          <!-- Dropdown - User Information -->
                          <div class="dropdown-menu dropdown-menu-right shadow animated--grow-in"
                              aria-labelledby="userDropdown">
                              {{-- <a class="dropdown-item" href="#">
                                  <i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
                                  Profile
                              </a> --}}
                             
                              <div class="dropdown-divider"></div>
                              <a class="dropdown-item" href="" data-toggle="modal" data-target="#logoutModal">
                                  <i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
                                  Logout
                              </a>
                          </div>
                      </li>

                  </ul>

              </nav>
              <!-- End of Topbar -->

              <!-- Begin Page Content -->
              <div class="container-fluid">

                  <!-- Page Heading -->
                  <div class="d-sm-flex align-items-center justify-content-between mb-4">
                      <h1 class="h3 mb-0 text-gray-800">User Invest Money Page</h1>
                     
                  </div>

                <div class="row">
                   
                  <div class="card m-auto">
                    <div class="card-header bg-primary">
                        <h3 class="text-white">User Referencee Balance List</h3>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-striped">
                                <tr>
                                 <th>Serial</th>
                                 <th>Referred User Name</th>
                                 <th>Referred Code</th>
                                 <th>Invested Ammount By Referred</th>
                                 <th>Percentage</th>
                                 <th>After Percenatage Ammount</th>
                                 <th>Created At</th>
                                </tr>
                                @forelse($reference_balance as $key=>$referred)
                                <tr class="text-center">
                                 <td>{{$key+1}}</td>
                                 <td>{{$referred->rel_to_user->name}}</td>
                                 <td>{{$referred->rel_to_user->Refer_id}}</td>
                                 <td>{{$referred->refer_to_tk}} $</td>
                                 <td>{{$referred->percentage}}%</td>
                                 <td>{{$referred->after_percentage}}$</td>
                                 <td>{{$referred->created_at->format('d-m-Y')}}</td>
                                </tr>
                                @empty
                                Sorry No referrence Balance Added Yet
                                @endforelse
                             </table>
                        </div>
                       
                    </div>
                  </div>
                </div>
                

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

          </div>
          <!-- End of Main Content -->

          <!-- Footer -->
          <footer class="sticky-footer bg-white">
              <div class="container my-auto">
                  <div class="copyright text-center my-auto">
                      <span>Copyright &copy; SOFTTECH</span>
                  </div>
              </div>
          </footer>
          <!-- End of Footer -->

      </div>
      <!-- End of Content Wrapper -->

  </div>
  <!-- End of Page Wrapper -->

  <!-- Scroll to Top Button-->
  <a class="scroll-to-top rounded" href="#page-top">
      <i class="fas fa-angle-up"></i>
  </a>

  <!-- Logout Modal-->
  <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
      aria-hidden="true">
      <div class="modal-dialog" role="document">
          <div class="modal-content">
              <div class="modal-header">
                  <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
                  <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">×</span>
                  </button>
              </div>
              <div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
              <div class="modal-footer">
                  <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
                  <a class="btn btn-primary" href="{{route('logout')}}">Logout</a>
              </div>
          </div>
      </div>
  </div>
@endsection