@extends('template.novitrades.layouts.admin-base')
@section('title', __('Active User'))
@section('css')
  <link rel="stylesheet" href="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
    <link rel="stylesheet" href="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/typeahead-js/typeahead.css" />
    <link rel="stylesheet" href="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/datatables-bs5/datatables.bootstrap5.css">
<link rel="stylesheet" href="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css">
<link rel="stylesheet" href="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css">
<link rel="stylesheet" href="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/animate-css/animate.css" />
<link rel="stylesheet" href="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/sweetalert2/sweetalert2.css" />
<link rel="stylesheet" href="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/select2/select2.css" />
<link rel="stylesheet" href="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/formvalidation/dist/css/formValidation.min.css" />

    <!-- Page CSS -->
    
<link rel="stylesheet" href="{{getTemplateFiles('novitrades')}}/admin/vendor/css/pages/page-user-view.css" />
@endsection
@section('content')

    <h4 class="py-3 breadcrumb-wrapper mb-4">
  <span class="text-muted fw-light">User / View /</span> Account
</h4>
@if(Session::has('sucmessage'))
    <div class="row g-4 mb-4">
        <div class="alert alert-success alert-dismissible d-flex align-items-center" role="alert">
    <i class="bx bx-xs bx-desktop me-2"></i>
    {{ Session::get('sucmessage')}}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
    </div>
    @endif
    
@if(Session::has('errmessage'))
    <div class="row g-4 mb-4">
        <div class="alert alert-danger alert-dismissible d-flex align-items-center" role="alert">
    <i class="bx bx-xs bx-close me-2"></i>
    {{ Session::get('errmessage')}}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
    </div>
    @endif
   <div class="row gy-4">
    <!-- User Sidebar -->
    <div class="col-xl-4 col-lg-5 col-md-5 order-1 order-md-0">
        <!-- User Card -->
        <div class="card mb-4">
            <div class="card-body">
                <div class="user-avatar-section">
                    <div class="d-flex align-items-center flex-column">
                        <img class="img-fluid rounded my-4" src="{{getTemplateFiles('novitrades')}}/admin/img/avatars/10.png" height="110" width="110" alt="User avatar" />
                        <div class="user-info text-center">
                            <h5 class="mb-2">{{$client->get_full_name()}}</h5>
                            <span class="badge bg-label-secondary">{{$client->role}}</span>
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-around flex-wrap my-4 py-3">
                    <div class="d-flex align-items-start me-4 mt-3 gap-3">
                        <span class="badge bg-label-primary p-2 rounded"><i class="bx bx-check bx-sm"></i></span>
                        <div>
                            <h5 class="mb-0">{{number_format($client->account()->balance,2,'.',',')}} <span>{{$client->currency}}
                                </span></h5>
                            <span>Balance</span>
                        </div>
                    </div>
                    <div class="d-flex align-items-start mt-3 gap-3">
                        <span class="badge bg-label-primary p-2 rounded"><i class="bx bx-customize bx-sm"></i></span>
                        <div>
                            <h5 class="mb-0">568</h5>
                            <span>Packages</span>
                        </div>
                    </div>
                   
                    <div class="d-flex justify-content-center mt-3 gap-3"><p>Clear Account</p></div>
                    
                    <div class="d-flex justify-content-center pt-3">
                        <a href="#" class="btn btn-primary me-3 clear_balance" data-id="{{$client->id}}" >Balance </a>
                        
                        <a href="#" class="btn btn-success me-3 clear_profit"   data-id="{{$client->id}}">Profit</a>
                        
                        <a href="#" class="btn btn-success me-3 clear_bonus" data-id="{{$client->id}}">Bonus</a>
                      
                        
                    </div>
                </div>
                <h5 class="pb-2 border-bottom mb-4">Details</h5>
                <div class="info-container">
                    <ul class="list-unstyled">
                        <li class="mb-3">
                            <span class="fw-bold me-2">User ID:</span>
                            <span>{{$client->username}}</span>
                        </li>
                        <li class="mb-3">
                            <span class="fw-bold me-2">Email:</span>
                            <span>{{$client->email}}</span>
                        </li>
                        <li class="mb-3">
                            <span class="fw-bold me-2">Contact:</span>
                            <span>{{$client->phone}}</span>
                        </li>
                        <li class="mb-3">
                            <span class="fw-bold me-2">Date of Birth:</span>
                            <span>{{$client->dob}}</span>
                        </li>
                        <li class="mb-3">
                            <span class="fw-bold me-2">Status:</span>
                            <span class="badge bg-label-success">{{$client->status}}</span>
                        </li>
                        <li class="mb-3">
                            <span class="fw-bold me-2">Role:</span>
                            <span>{{$client->role}}</span>
                        </li>
                        <li class="mb-3">
                            <span class="fw-bold me-2">Address:</span>
                            <span>{{$client->address}}, {{$client->city}}, {{$client->state}}, {{$client->country}}.<br/>{{$client->zipcode}} </span>
                        </li>
                        
                        <li class="mb-3">
                            <span class="fw-bold me-2">Bonus:</span>
                            <span>{{number_format($client->account()->bonus,2,'.',',')}}</span> <span>{{$client->currency}}</span>
                        </li>
                        <li class="mb-3">
                            <span class="fw-bold me-2">ROI:</span>
                            <span>{{number_format($client->account()->profit,2,'.',',')}} </span> <span>{{$client->currency}}</span>
                        </li>
                    </ul>
                    <div class="d-flex justify-content-center pt-3">
                        <a href="javascript:;" class="btn btn-primary me-3" data-bs-target="#editUser" data-bs-toggle="modal">Edit</a>
                        
                        <a href="javascript:;" class="btn btn-success me-3" data-bs-target="#topUser" data-bs-toggle="modal">Top Up</a>
                      
                        
                    </div>
                </div>
            </div>
        </div>
        <!-- /User Card -->
        <!-- Plan Card -->
      
        <!-- /Plan Card -->
    </div>
    <!--/ User Sidebar -->

    <!-- User Content -->
    <div class="col-xl-8 col-lg-7 col-md-7 order-0 order-md-1">
        <!-- User Pills -->
        <ul class="nav nav-pills flex-column flex-md-row mb-3">
            <li class="nav-item">
                <a class="nav-link active" href="javascript:void(0);"><i class="bx bx-user me-1"></i>Account</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{{secure_url('/admin/deposits/'.$client->id)}}"><i class="bx bx-lock-alt me-1"></i>Deposit</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{{secure_url('/admin/withdrawals/'.$client->id)}}"><i class="bx bx-detail me-1"></i>Withdrawal</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{{secure_url('/admin/investments/'.$client->id)}}"><i class="bx bx-bell me-1"></i>Plan</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="app-user-view-security.html"><i class="bx bx-link-alt me-1"></i>Security</a>
            </li>
        </ul>
        <!--/ User Pills -->

        <!-- Project table -->
        <div class="card mb-4">
            <h5 class="card-header">Packages</h5>
            <div class="table-responsive mb-3">
                <div id="" class="dataTables_wrapper dt-bootstrap5 no-footer">
                   
                    <table class="table  border-top dataTable no-footer dtr-column" id="" role="grid" aria-describedby="DataTables_Table_0_info">
                        <thead>
                            <tr role="row">
                                <th class="control sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 17.125px; display: none;" aria-label=": activate to sort column ascending"></th>
                                <th class="sorting sorting_desc" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 96px;" aria-sort="descending" aria-label="Project: activate to sort column ascending">
                                   TXN ID
                                </th>
                                <th class="text-nowrap sorting_disabled" rowspan="1" colspan="1" style="width: 119.172px;" aria-label="Total Task">Plan Name</th>
                                <th class="sorting" tabindex="0" aria-controls="DataTables_Table_0" rowspan="1" colspan="1" style="width: 110.938px;" aria-label="Progress: activate to sort column ascending">Profit</th>
                                <th class="sorting_disabled" rowspan="1" colspan="1" style="width: 76.0938px;" aria-label="Hours">Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(!$investments->isEmpty())
                            @foreach($investments as $investment)
                            <tr class="odd">
                                <td valign="top" class="">{{$investment->txn_id}}</td>
                                <td valign="top" class="">{{$investment->dplan()->name}}</td>
                                <td valign="top" class="">{{number_format($investment->roi,2,'.',',')}}</span> {{system_settings('currency')}}</td>
                                <td valign="top" class="">{{$investment->active}}</td>
                            </tr>
                            @endforeach
                            @else
                            <tr class="odd">
                                <td valign="top" colspan="4" class="dataTables_empty">No Data</td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                    <div class="d-flex justify-content-between mx-4 row">
                        <div class="col-sm-12 col-md-6"><div class="dataTables_info" id="DataTables_Table_0_info" role="status" aria-live="polite"></div></div>
                        <div class="col-sm-12 col-md-6">
                            <div class="dataTables_paginate paging_simple_numbers" >
                               <a href="{{secure_url('investment/'.$client->id)}}">View All</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /Project table -->

       
    </div>
    <!--/ User Content -->
</div>

<div class="modal fade" id="editUser" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-simple modal-edit-user">
        <div class="modal-content p-3 p-md-5">
            <div class="modal-body">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                <div class="text-center mb-4">
                    <h3>Edit User Information</h3>
             
                </div>
                <form  class="row g-3 " action="{{route('admin.editprofit')}}" method="post" >
                    @csrf
                    <div class="col-12 col-md-6 fv-plugins-icon-container">
                        <label class="form-label" for="modalEditUserFirstName">First Name</label>
                        <input type="text" id="modalEditUserFirstName" name="fname" class="form-control" value="{{$client->fname}}"/>
                        <div class="fv-plugins-message-container invalid-feedback"></div>
                    </div>
                    <div class="col-12 col-md-6 fv-plugins-icon-container">
                        <label class="form-label" for="modalEditUserLastName">Last Name</label>
                        <input type="text" id="modalEditUserLastName" name="lname" class="form-control" value="{{$client->lname}}" />
                        <div class="fv-plugins-message-container invalid-feedback"></div>
                    </div>
                   
                    <div class="col-12 col-md-6">
                        <label class="form-label" for="modalEditUserEmail">Email</label>
                        <input type="text" id="modalEditUserEmail" name="modalEditUserEmail" class="form-control" value="{{$client->email}}" readonly />
                    </div>
                    <div class="col-12 col-md-6">
                        <label class="form-label" for="modalEditUserStatus">Status</label>
                        <select id="modalEditUserStatus" name="status" class="form-select" aria-label="Default select example">
                            <option value="{{$client->status}}">{{$client->status}}</option>
                            {!! user_status_option() !!}
                        </select>
                    </div>
                    <div class="col-12 col-md-6">
                        <label class="form-label" for="modalEditTaxID">Email Verify</label>
                        <select id="modalEditUserStatus" name="everif" class="form-select" aria-label="Default select example">
                            <option value="{{$client->email_verify}}">{{$client->email_verify}}</option>
                           <option value="0">0</option>
                           <option value="1">1</option>
                        </select>
                    </div>
                    <div class="col-12 col-md-6">
                        <label class="form-label" for="modalEditUserPhone">Phone Number</label>
                        <div class="input-group input-group-merge">
                            <span class="input-group-text"></span>
                            <input type="text" id="modalEditUserPhone" name="phone" class="form-control " value="{{$client->phone}}" />
                        </div>
                    </div>
                    
                    <div class="col-12 col-md-6">
                        <label class="form-label" for="modalEditTaxID">2fa Verify</label>
                        <select id="modalEditUserStatus" name="2fa" class="form-select" aria-label="Default select example">
                            <option value="{{$client->fa2_status}}">{{$client->fa2_status}}</option>
                           <option value="off">off</option>
                           <option value="on">on</option>
                        </select>
                    </div>
               
                    <div class="col-12 text-center mt-4">
                       <input type="submit"  class="btn btn-primary " value="Edit Profile" />
                        <button type="reset" class="btn btn-label-secondary" data-bs-dismiss="modal" aria-label="Close">Cancel</button>
                    </div>
                    <div></div>
                    <input type="hidden" /><input type="hidden" name="gixd" value="{{$client->id}}" />
                    </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="topUser" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-simple modal-edit-user">
        <div class="modal-content p-3 p-md-5">
            <div class="modal-body">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                <div class="text-center mb-4">
                    <h3>Top Up User Information</h3>
             
                </div>
                <form  class="row g-3 " method="post" action="{{route('admin.topup')}}">
                 
                   @csrf
                    <div class="col-12 col-md-12">
                        <label class="form-label" for="modalEditUserEmail">Amount</label>
                        <input type="text" id="modalEditUserEmail" name="amount" class="form-control"  />
                    </div>
                    <div class="col-12 col-md-6">
                        <label class="form-label" for="modalEditUserStatus">Type</label>
                        <select id="modalEditUserStatus" name="type" class="form-select" aria-label="Default select example">
                            <option value="">Select One</option>
                            <option value="Balance">Balance</option>
                            <option value="Bonus">Bonus</option>
                            <option value="Profit">Profit</option>
                        </select>
                    </div>
                    
                    <div class="col-12 col-md-6">
                        <label class="form-label" for="modalEditUserStatus">Type</label>
                        <select id="modalEditUserStatus" name="addy" class="form-select" aria-label="Default select example">
                         
                            <option value="Add">Add</option>
                            <option value="Subtract">Subtract</option>
                            
                        </select>
                    </div>
                   
               
                    <div class="col-12 text-center mt-4">
                        <button type="submit" class="btn btn-primary me-sm-3 me-1">Submit</button>
                        <button type="reset" class="btn btn-label-secondary" data-bs-dismiss="modal" aria-label="Close">Cancel</button>
                    </div>
                    <div></div>
                    <input type="hidden" name="gixd" value="{{$client->id}}" />
                </form>
            </div>
        </div>
    </div>
</div>



@endsection
@section('scripts')
 <!-- Vendors JS -->
  <script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/moment/moment.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/datatables/jquery.dataTables.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/datatables-bs5/datatables-bootstrap5.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/datatables-responsive/datatables.responsive.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/datatables-buttons/datatables-buttons.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/jszip/jszip.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/pdfmake/pdfmake.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/datatables-buttons/buttons.html5.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/datatables-buttons/buttons.print.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/sweetalert2/sweetalert2.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/cleavejs/cleave.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/cleavejs/cleave-phone.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/select2/select2.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/formvalidation/dist/js/FormValidation.min.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/formvalidation/dist/js/plugins/Bootstrap5.min.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/vendor/libs/formvalidation/dist/js/plugins/AutoFocus.min.js"></script>

  <!-- Main JS -->
  <script src="{{getTemplateFiles('novitrades')}}/admin/js/main.js"></script>

  <!-- Page JS -->
  <script src="{{getTemplateFiles('novitrades')}}/admin/js/modal-edit-user.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/js/app-user-view.js"></script>
<script src="{{getTemplateFiles('novitrades')}}/admin/js/app-user-view-account.js"></script>
<script>
    $(function(){
        
        $('.clear_balance').on('click' , function(){
        var dataid = $(this).attr('data-id');    
       

        if (confirm('are you sure want to process?')) {

            window.location.href = "{{secure_url('admin/clearbal')}}/"+dataid;
            

        }
        })
        
        $('.clear_profit').on('click' , function(){
        var dataid = $(this).attr('data-id');    
       

        if (confirm('are you sure want to decline?')) {

            window.location.href = "{{secure_url('admin/clearroi')}}/"+dataid;
            

        }
        })
        
        $('.clear_bonus').on('click' , function(){
        var dataid = $(this).attr('data-id');    
       

        if (confirm('are you sure want to cancel?')) {

            window.location.href = "{{secure_url('admin/clearbonus')}}/"+dataid;
            

        }
        })
    })
</script>
@endsection