@extends('layouts.admin')

@section('content')

            <main class="content">
				<div class="container-fluid p-0">

					<div class="row mb-2 mb-xl-3">
						<div class="col-auto d-none d-sm-block">
							<h3>USER Details</h3>
						</div>

					</div>
				
@include('components.admin.error-message')
			 
<div class="row">
    <div class="col-md-4 col-xl-3">
        <div class="card mb-3">
            <div class="card-header">
                <h5 class="card-title mb-0">Profile Details</h5>
            </div>
            <div class="card-body text-center">
                <img src="img/avatars/avatar-4.jpg" alt="{{$client->name}}" class="img-fluid rounded-circle mb-2" width="128" height="128" />
                <h5 class="card-title mb-0">{{$client->name}}</h5>
                <div class="text-muted mb-2">{{$client->username}}</div>

         
            </div>
            
            <hr class="my-0" />
            <div class="card-body">
                <h5 class="h6 card-title">About</h5>
                <ul class="list-unstyled mb-0">
                    <li class="mb-1">
               
                        Balance: <a>{{__format_number($client->account()->balance)}}</a>
                    </li>
                    <li class="mb-1">
                      
                        Profit: <a>{{__format_number($client->account()->profit)}}</a>
                    </li>
                    <li class="mb-1">
                      
                        ROLE: <a>{{strtoupper($client->role)}}</a>
                    </li>
                    <li class="mb-1">
                      
                        ROLE: <a>{{strtoupper($client->role)}}</a>
                    </li>
                    <li class="mb-1">
                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail align-middle me-2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
                        EMAIL: {{$client->email}}
                    </li>
                    <li class="mb-1">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-phone align-middle me-2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
                        PHONE: {{$client->phone}}
                    </li>
                    <li class="mb-1">
                        <svg
                            xmlns="http://www.w3.org/2000/svg"
                            width="24"
                            height="24"
                            viewBox="0 0 24 24"
                            fill="none"
                            stroke="currentColor"
                            stroke-width="2"
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            class="feather feather-home feather-sm me-1"
                        >
                            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
                            <polyline points="9 22 9 12 15 12 15 22"></polyline>
                        </svg>
                        Lives in: <a>{{$client->state}}, {{get_country_three_abbr($client->country)}}</a>
                    </li>

                    
                    <li class="mb-1">
                        <div class="badge bg-primary">{{$client->status}}</div>
                    </li>
                </ul>
            </div>
            <hr class="my-0" />
            <div class="card-body">
                <h5 class="h6 card-title">Actions</h5>
                <ul class="list-unstyled mb-0">
                    <li class="mb-1">
                        <button href="#" class="btn  btn-secondary mt-1" data-bs-target="#editModalMd" data-bs-toggle="modal">
   
    Edit Profile
</button>
</li>
<li class="mb-1">
                        <button href="#" class="btn  btn-secondary mt-1" data-bs-target="#kycModalMd" data-bs-toggle="modal">
   
   Update KYC
</button>
</li>

<li class="mb-1">
                        <button href="#" class="btn  btn-secondary mt-1" data-bs-target="#billingModalMd" data-bs-toggle="modal">
   
   Billing
</button>
</li>
<li class="mb-1">
                        <button href="#" class="btn  btn-secondary mt-1" data-bs-target="#holdModalMd" data-bs-toggle="modal">
   
   Hold User
</button>
</li>
<li class="mb-1">
                        <button href="#" class="btn  btn-secondary mt-1" data-bs-target="#notifyModalMd" data-bs-toggle="modal">
   
  Notify User
</button>
</li>
<li class="mb-1">
                        <button href="#" class="btn  btn-secondary mt-1" data-bs-target="#topModalMd" data-bs-toggle="modal">
   
  Top Up
</button>
</li>
                
                </ul>
            </div>
        </div>
    </div>

    <div class="col-md-8 col-xl-9">
        <div class="card">
            <div class="my-3 mx-3">
								
										<a role="button" href="{{route('admin.order.list' , $client->id)}}" class="btn btn-secondary">Orders</a>
										<a role="button" href="{{route('admin.transaction.list' , $client->id)}}" class="btn btn-secondary">Transactions</a>
										<a role="button" href="{{route('admin.investment.index' , $client->id)}}" class="btn btn-secondary">User Plans</a>
									
									</div>
            <div class="card-header">
                <h5 class="card-title mb-0">User Pending Transaction</h5>
            </div>
            <div class="card-body h-100">
               <table class="table table-responsive table-striped" style="width: 100%;">
    <thead>
        <tr>
            <th>ID</th>
        
            <th>Type </th>
            <th class="">Amount</th>
            <th class="">Status</th>
            <th class=""></th>
            
        </tr>
    </thead>
    <tbody>
        @if($transactions->isNotEmpty())
        @foreach($transactions as $transaction)
        <tr>
            
            <td>{{$transaction->txnID}}</td>
            <td>{{$transaction->type}}</td>
            <td>{{$transaction->amount}}</td>
            <td class="{{get_transaction_class($transaction->status)}}">{{$transaction->status}}</td>
            <td></td>
            
        </tr>
        @endforeach
        @endif
    </tbody>
</table>

                <hr />
                <div class="d-grid">
                    <a href="{{route('admin.transaction.list' , $client->id)}}" class="btn btn-primary">Load more</a>
                </div>
            </div>
        </div>
    </div>
</div>



				</div>
			</main>
<div class="modal fade" id="editModalMd" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Edit</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body m-3">
               <form action="{{route('admin.user.profile.edit')}}" method="post">
                   @csrf
                   <input type="hidden" value="{{$client->id}}" name="gixd" /> 
    <div class="row">
        <div class="mb-3 col-md-6">
            <label class="form-label" for="inputName">Name</label>
            <input type="text" class="form-control" id="inputName" placeholder="Name" name="name" value="{{$client->name}}" />
        </div>
        <div class="mb-3 col-md-6">
            <label class="form-label" for="inputEmail">Email</label>
            <input type="text" class="form-control" id="inputEmail" readonly placeholder="Email" value="{{$client->email}}" />
        </div>
    </div>
    <div class="row">
        <div class="mb-3 col-md-6">
            <label class="form-label" for="inputPhone">Phone Number</label>
            <input type="text" class="form-control" id="inputPhone" placeholder="Phone" name="phone" value="{{$client->phone}}" />
        </div>
        
    </div>
    <div class="row">
        <div class="mb-3 col-md-6">
            <label class="form-label" for="inputCurrency">Currency</label>
           
            <select class="form-control" name="currency" id="inputCurrency" required>
                {!!get_currency_select('fiat' , $client->currency)!!}
            </select>
        </div>
        <div class="mb-3 col-md-6">
            <label class="form-label" for="inputCryptoCurrency">Crypto Currency</label>
            <select class="form-control" name="crypto" id="inputCryptoCurrency" required>
                {!!get_currency_select('crypto' , $client->crypto_currency)!!}
            </select>
        </div>
    </div>
    
    <div class="mb-3">
        <label class="form-label" for="inputCountry">Country</label>
      <select class="form-control" name="country" id="inputCountry" required>
                {!!__get_country_full_select_html($client->country)!!}
            </select>
    </div>
    <div class="mb-3">
        <label class="form-label" for="inputState">State</label>
        <input type="text" class="form-control" id="inputState" placeholder="State" name="state" value="{{$client->state}}" />
    </div>
   
    <div class="d-flex justify-content-end">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Save changes</button>
    </div>
     
</form>

            </div>
            
        </div>
    </div>
</div>


<div class="modal fade" id="kycModalMd" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">KYC</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body m-3">
               <div class="row">
                   <div class="col-12 d-grid gap-3">
                       <div class="d-flex justify-content-between">
                           <div>KYC STATUS:</div>
                           <div>{!! __get_kyc_status($client->kyc_status) !!} </div>
                       </div>
                       <div class="d-flex justify-content-between">
                           <div>Name:</div>
                           <div>{{$client->name}}</div>
                       </div>
                       <div class="d-flex justify-content-between">
                           <div>DOB:</div>
                           <div>{{$client->dob}}</div>
                       </div>
                     
                       <div class="d-flex justify-content-between">
                           <div>Phone:</div>
                           <div>{{$client->phone}}</div>
                       </div>
                      
                       <div class="d-flex justify-content-between">
                           <div>Address:</div>
                           <div>{{$client->address}} ,{{$client->city}},{{$client->state}} ,{{$client->country}},{{$client->zipcode}}</div>
                       </div>
                       
                       <div class="d-flex justify-content-between">
                           <div>Document Type:</div>
                           <div>{{$client->document_type}}</div>
                       </div>
            
                       @if(!blank($client->document_front))
                       <div class="d-flex flex-column">
                           <p>ID Front</p>
                           <div>
                              <a target="_blank" href="{{asset('storage/kyc/idfront/'.$client->document_front)}}">
                                  View
                              </a>
                           </div>
                           
                       </div>
                       @endif
                       
                       @if(!blank($client->document_back))
                       <div class="d-flex flex-column">
                           <p>ID Back</p>
                           <div>
                                <a target="_blank" href="{{asset('storage/kyc/idback/'.$client->document_back)}}">
                                  View
                              </a>
                           </div>
                           
                       </div>
                       @endif
                       
                       @if(!blank($client->proof_of_address))
                       <div class="d-flex flex-column">
                           <p>Proof of Address</p>
                           <div>
                               <img src="{{secure_url('/')}}/upload/idfront/{{$client->proof_of_address}}" />
                           </div>
                           
                       </div>
                       @endif
                       
                       <div class="d-flex justify-content-end gap-2">
                           @if($client->kyc_status != '2')
                           <button class="btn btn-success pe-2 edit-kyc" data-id="{{$client->id}}"  data-type="verify">Verify</button>
                           <button class="btn btn-danger pe-2 edit-kyc" data-id="{{$client->id}}" data-type="decline">Decline</button>
                           @endif
                       </div>
                   </div>
               </div>
            </div>
        
        </div>
    </div>
</div>


<div class="modal fade" id="permModalMd" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Edit Permission</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body m-3">
               <form action="{{route('admin.user.permission')}}" method="post">
                   @csrf
                   <input type="hidden" value="{{$client->id}}" name="gixd" /> 

   
    <div class="row">
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputAWithdrawal">Allow Withdrawal</label>
           
            <select class="form-control" name="aWithdrawal" id="inputAWithdrawal" required>
                <option {{__getSelected($client->allow_withdrawal , 'yes')}} value="yes">yes</option>
                <option {{__getSelected($client->allow_withdrawal , 'no')}} value="no">no</option>
            </select>
        </div>
        
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputASwap">Allow Swap</label>
           
            <select class="form-control" name="aSwap" id="inputASwap" required>
                <option {{__getSelected($client->allow_swap , 'yes')}} value="yes">yes</option>
                <option {{__getSelected($client->allow_swap , 'no')}} value="no">no</option>
            </select>
        </div>
        
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputADeposit">Allow Deposit</label>
           
            <select class="form-control" name="aDeposit" id="inputADeposit" required>
                <option {{__getSelected($client->allow_deposit , 'yes')}} value="yes">yes</option>
                <option {{__getSelected($client->allow_deposit , 'no')}} value="no">no</option>
            </select>
        </div>
        
  
        
    </div>

   
    <div class="d-flex justify-content-end">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Save changes</button>
    </div>
     
</form>

            </div>
            
        </div>
    </div>
</div>


<div class="modal fade" id="privateModalMd" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Edit Private Key</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body m-3">
               <form action="{{route('admin.user.private.key')}}" method="post">
                   @csrf
                   <input type="hidden" value="{{$client->id}}" name="gixd" /> 
    <div class="row">
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputPrivKey">Private Key</label>
            <textarea class="form-control" name="pKey" id="inputPrivKey">{{$client->private_key}}</textarea>
            
        </div>
       <div class="mb-3 col-md-12">
            <label class="form-label" for="inputPrivFee">Private Key Fee</label>
            <input type="text" class="form-control" id="inputPrivFee" placeholder="Private Key Fee" name="private_key_fee" value="{{$client->private_key_fee}}" />
        </div>
    </div>
   
    <div class="row">
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputPaidKey">Paid Private Key</label>
           
            <select class="form-control" name="paidKey" id="inputPaidKey" required>
                <option {{__getSelected($client->paid_private_key , 'yes')}} value="yes">yes</option>
                <option {{__getSelected($client->paid_private_key , 'no')}} value="no">no</option>
            </select>
        </div>
        
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputPrivSwap">Private Key Swap</label>
           
            <select class="form-control" name="private_swap" id="inputPrivSwap" required>
                <option {{__getSelected($client->private_key_swap , 'on')}} value="on">on</option>
                <option {{__getSelected($client->private_key_swap , 'off')}} value="off">off</option>
            </select>
        </div>
        
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputPrivWith">Private Key Withdrawal</label>
           
            <select class="form-control" name="private_with" id="inputPrivWith" required>
                <option {{__getSelected($client->private_key_withdraw , 'on')}} value="on">on</option>
                <option {{__getSelected($client->private_key_withdraw , 'off')}} value="off">off</option>
            </select>
        </div>
        
    </div>

   
    <div class="d-flex justify-content-end">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Save changes</button>
    </div>
     
</form>

            </div>
            
        </div>
    </div>
</div>

<div class="modal fade" id="billingModalMd" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Edit Billing</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body m-3">
               <form action="{{route('admin.user.billing')}}" method="post">
                   @csrf
                   <input type="hidden" value="{{$client->id}}" name="gixd" /> 

   
    <div class="row">
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputBillStatus">Billing Status</label>
           
            <select class="form-control" name="bStatus" id="inputBillStatus" required>
                <option {{__getSelected($client->billing_status , 'yes')}} value="yes">yes</option>
                <option {{__getSelected($client->billing_status , 'no')}} value="no">no</option>
            </select>
        </div>
        
         <div class="mb-3 col-md-12">
            <label class="form-label" for="inputBillingTitle">Billing Title</label>
            <input type="text" class="form-control" id="inputBillingTitle" placeholder="Billing Title" name="bTitle" value="{{$client->billing_title}}" />
        </div>
        
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputBillMessage">Billing Message</label>
            <textarea class="form-control" name="bMessage" id="inputBillMessage">{{$client->billing_msg}}</textarea>
            
        </div>
        
        
    </div>

   
    <div class="d-flex justify-content-end">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Save changes</button>
    </div>
     
</form>

            </div>
            
        </div>
    </div>
</div>

<div class="modal fade" id="notifyModalMd" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Send Notifcation</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body m-3">
               <form action="{{route('admin.user.notify')}}" method="post">
                   @csrf
                   <input type="hidden" value="{{$client->id}}" name="gixd" /> 

   
    <div class="row">
        
        
         <div class="mb-3 col-md-12">
            <label class="form-label" for="inputNotifyTitle">Title</label>
            <input type="text" class="form-control" id="inputNotifyTitle" placeholder="" name="nTitle" value="" />
        </div>
        
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputNotifyMessage">Message</label>
            <textarea class="form-control" name="nMessage" id="inputNotifyMessage"></textarea>
            
        </div>
        
        
    </div>

   
    <div class="d-flex justify-content-end">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Send</button>
    </div>
     
</form>

            </div>
            
        </div>
    </div>
</div>


<div class="modal fade" id="holdModalMd" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Hold Account</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body m-3">
                <p class="mb-2">Status: {{$client->status}}</p>
               <form action="{{route('admin.user.hold')}}" method="post">
                   @csrf
                   <input type="hidden" value="{{$client->id}}" name="gixd" /> 
   
   
    <div class="row">
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputPaidKey">Hold Status</label>
            <select id="holdStatusType" name="hold" class="form-control" aria-label="Default select example">
                            @if($client->status == 'on hold')
                            <option value="on">on</option>
                            @endif
                           <option value="off">off</option>
                           <option value="on">on</option>
                        </select>
        </div>
        
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputHoldMessage">Hold Message</label>
            <textarea class="form-control" name="nhold" id="inputHoldMessage">{{$client->hold_message}}</textarea>
        </div>
    </div>

   
    <div class="d-flex justify-content-end">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Save changes</button>
    </div>
     
</form>

            </div>
            
        </div>
    </div>
</div>

<div class="modal fade" id="topModalMd" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog modal-md" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Top Up</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body m-3">
               <form action="{{route('admin.user.topup')}}" method="post">
                   @csrf
                   <input type="hidden" value="{{$client->id}}" name="gixd" /> 

   
    <div class="row">
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputBillStatus">Type</label>
           
            <select class="form-control" name="type" id="inputBillStatus" required>
                <option value="">Select One</option>
                            <option value="Balance">Balance</option>
                            <option value="Profit">Profit</option>
            </select>
        </div>
        
         <div class="mb-3 col-md-12">
            <label class="form-label" for="inputBillingTitle">Amount</label>
            <input type="text" class="form-control" id="inputBillingTitle" placeholder="Amount" name="amount"  />
        </div>
        
        <div class="mb-3 col-md-12">
            <label class="form-label" for="inputBillStatus"> Status</label>
           
            <select class="form-control" name="addy" id="inputBillStatus" required>
                <option value="Add">Add</option>
                            <option value="Subtract">Subtract</option>
            </select>
        </div>
       
        
        
    </div>

   
    <div class="d-flex justify-content-end">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Save changes</button>
    </div>
     
</form>

            </div>
            
        </div>
    </div>
</div>

@endsection

@section('script')
    <script>
	    $('body').on('click' ,'.edit-kyc', function(){
         let t = $(this).attr('data-type');  
         let i = $(this).attr('data-id'); 
         let url = "{{secure_url('admin/user/kycaction')}}/"+t+"/"+i;
        console.log(url);

        if (confirm('are you sure want to  '+t+' KYC?')) {

            window.location.href = url;
            

        }
        })
        
      
	</script>


@endsection