@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>
                            
                          </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: User's Balance
                        @if($ms)
                        [{{$ms->total}}]
                        @else
                        0
                        @endif

                      
                    </h1>
                     
                  </div>

                <div class="row">
                    
                   <div class="col-lg-6 col-sm-6 col-md-6">
                    <div class="card">
                        <div class="card-header bg-primary text-white">
                            <h3>Package</h3>
                        </div>
                        <form action="{{route('invest.insert')}}" method="POST">
                            @csrf
                            <div class="card-body">
                           
                                <div class="mb-3">
                                    <label for="" class="form-label">*Minimum Ammount : 100$</label>
                                </div>
                                <div class="mb-3">
                                    
                                    <label for="" class="form-label">Enter Ammount</label>
                                    <input type="number" name="taka"  class="form-control">
                                    <input type="hidden" class="form-control" name="phone_number" value="1234567891">
                                    <input type="hidden" name="mobile_operator" value="TCN">
                                    <input type="hidden" name="image" value="testing.jpg">
                                    <input type="hidden" name="tcn" value="1">
                                    {{-- <input type="hidden" name="time_period" value="6"> --}}
    
                                </div>
                                
                                <div class="mb-3">
                                <select name="time_period" id="" class="form-control">
                                    <option value=""> ---Select A Month----</option>
                                    <option value="2" class="">2</option>
                                    <option value="3" class="">3</option>
                                    <option value="6" class="">6</option>
                                    <option value="12" class="">12</option>
                                    <option value="24" class="">24</option>
                                    <option value="36" class="">36</option>

                                </select>
    
                                </div>
                               
                                <div class="mb-3">
                                    <button type="submit" class="btn btn-primary">Buy Package</button>
                                </div>
                            </div>
                        </form>
                       
                    </div>
                   </div>
                  
                  
                </div>
                {{-- invest_money_record --}}
                <div class="row mt-5">
                    
                    @forelse($invest_money_record as $key=>$invest)
                    <div class="col-lg-6 col-sm-6 col-md-6 mb-3">
                        <div class="card">
               <div class="card-header bg-primary" style="display:flex;justify-content: space-between; align-items:center;">
                <div class="header_left">
                    <h5 class="text-light">Invest Created At : {{$invest->created_at->format('d-m-Y')}}</h5>
                    <h5  class="text-light">Time Period : {{$invest->time_period}} Month</h5>
                </div>
                <div class="header-right">
                    @if($invest->status == null)
                    <span class="badge rounded-pill bg-success" style="font-size: 1.0em;color:white;">Not Running Yet</span>

                    @endif
                </div>
               </div>
               <div class="card-body">
                <form action="{{route('invest.money_to_admin')}}" method="POST">
                    @csrf
               
                {{-- <div class="mb-3">
                    <label for="" class="form-label">Phone Number: </label>
                    <input type="number" class="form-control" name="phone_number" readonly value="{{$invest->phone_number}}">
                </div> --}}
                <div class="mb-3">
                    <label for="" class="form-label">Transaction Number:</label>
                    <input type="text" class="form-control" name="transaction_number" value="{{$invest->transaction_number}}" readonly>
                </div>
                <div class="mb-3">
                    <label for="" class="form-label">Invested Dollar:</label>
                    <input type="text" name="invest_tk" class="form-control" readonly value="{{$invest->Tk}}$" >
                </div>
                @if($invest->req_for_withdraw == 'accepted')
                <div class="mb-3">
                    <label for="" class="form-label">Principle Ammount After Package Time:</label>
                    <input type="text"  class="form-control" readonly value="{{$invest->principle_ammount_withdraw}} TK">
                </div>
                <div class="mb-3">
                    <label for="" class="form-label">Commission Rate</label>
                    <input type="text"  class="form-control" readonly value="{{$invest->principle_ammount_withdraw_per}} %">
                </div>
              
                @endif
               
                <div class="mb-3">
                    <label for="" class="form-label">Coin Name:</label>
                    <input type="text" name="mobile_operator" value="{{$invest->mobile_operator}}" class="form-control" readonly>
                </div>
                <div class="mb-3">
                    <label for="" class="form-label"> Created At : {{$invest->created_at->format('d-m-Y')}}</label>
                </div>
                @if($invest->req_for_withdraw == 'accepted')
                <div class="mb-3">
                  
                    <label for="" class="form-label"> package End At : {{$invest->end_package_time}}</label>
                    
                </div>
             
                @endif
                @if($invest_limit)
                @if($invest_limit->invest_limit<=$invest->Tk)
                
                <div class="mb-3">
                    <label for="" class="form-label">Selected Month: {{$invest->time_period}}</label>
                   
                </div>
                @else

                @endif
                @if($invest->withdraw == 1)
                <div class="alert alert-danger" role="alert">
                    Your Daily Profit Time Is Over
                    
                  </div>
              <div class="d-flex justify-content-between">
                <a href="{{route('user.daily_porfit_pertially',$invest->id)}}" class="btn btn-primary btn-sm">Check The Daily Profit</a>

                @if($invest->req_for_withdraw == 'requested')
                <a href="{{route('user.request_for_withdrawl',$invest->id)}}" class="btn btn-danger btn-sm ml-2">You Have Requested For Withdraw Of This Package</a>

                @elseif($invest->req_for_withdraw == 'accepted')
                <a href="" class="btn btn-success btn-sm ml-2">Accepted This Package</a>
                @else
                <a href="{{route('user.request_for_withdrawl',$invest->id)}}" class="btn btn-danger btn-sm ml-2">Request For Withdraw</a>
                @endif
              </div>
                  
             
                @elseif($invest->time_period && $invest->status == null)
                <div class="alert alert-success" role="alert">
                    Requested To The Admin Please Wait For Accept
                  </div>
@elseif($invest->time_period && $invest->status == 1)
<div class="alert alert-success" role="alert">
   
    Accepted Your Investment
  </div>
  <a href="{{route('user.daily_porfit_pertially',$invest->id)}}" class="btn btn-primary">Check The Daily Profit</a>
  @else
<div class="mb-3">
    <button class="btn btn-primary">Submit</button>
</div>
                @endif
               
                @endif
            </form>
               </div>
                        </div>
                    </div>
                    @empty
                    
                    <div class="card mx-auto bg-primary" style="position: relative;">
                        <div class="card-body" style="">
                            <div class="alert alert-danger my-auto" role="alert">
                                <h6 class="my-auto">Sorry, no amount has been inserted by you!</h6>
                            </div>
                        </div>
                    </div>
                    @endforelse
                   
                   
                </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
<style>
     body {
        margin: 0;
        padding: 0;
        box-sizing:border-box;
        background: #181a20;
    }
</style>