@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="col-lg-8 col-sm-8 col-md-8 m-auto">
                        <div class="card">
                            <div class="card-header">
                                <h3>User Pertially Package Daily Profit</h3>
                                <h1 class="h3 mb-0 text-gray-800">Total Tk : {{$total}} TK</h1>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-striped ">
                                        <tr>
                                            <th>Serial</th>
                                            <th>Profit Percentage</th>
                                            <th>Profitted Ammount</th>
                                            <th>Withdraw</th>
                                            <th>Created At</th>
                                        </tr>
                                        @forelse($pro_per as $key=>$pr)
                                            <tr>
                                                <td>{{$key+1}}</td>
                                                <td>{{$pr->profit_percentage}}%</td>
                                                <td>{{$pr->profitted_ammount}}$</td>
                                                <td></td>
                                                <td>{{$pr->created_at}}</td>
                                            </tr>
                                        
                                        @empty
                                        Sorry Holiday..
                                        @endforelse
                                    </table>
                                </div>
                                
                            </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