@extends('layouts.engine')
@section('content')
                    <div class="nk-content nk-content-fluid">
                        <div class="container-xl wide-lg">
                            <div class="nk-content-body">
                                <div class="nk-block-head nk-block-head-sm">
                                    <div class="nk-block-between g-3">
                                        <div class="nk-block-head-content">
                                            <h3 class="nk-block-title page-title">User Details / <strong class="text-primary small">{{ $acct->user->name }}</strong></h3>
                                        </div>
                                    </div>
                                </div>
                                <div class="nk-block">
                                    <div class="row gy-5">
                                        <div class="col-lg-5">
                                            <div class="nk-block-head">
                                                <div class="nk-block-head-content">
                                                    <h5 class="nk-block-title title">Account Info</h5>
                                                    <p>User current balance.</p>
                                                </div>
                                            </div>
                                            <div class="card card-bordered">
                                                <ul class="data-list is-compact">
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">BITCOIN</div>
                                                            <div class="data-value">{{ number_format($acct->btc, 5) }} BTC</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">ETHEREUM</div>
                                                            <div class="data-value">{{ number_format($acct->eth,5) }} ETH</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">TETHER</div>
                                                            <div class="data-value">{{ number_format($acct->usdt,2) }} USDT</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">SOLANA</div>
                                                            <div class="data-value">{{ number_format($acct->sol,5) }} SOL</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">BINANCE COIN</div>
                                                            <div class="data-value">{{ number_format($acct->bnb,5) }} BNB</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">DOGECOIN</div>
                                                            <div class="data-value">{{ number_format($acct->doge,5) }} DOGE</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">POLKADOT</div>
                                                            <div class="data-value">{{ number_format($acct->dot,5) }} DOT</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">LITECOIN</div>
                                                            <div class="data-value">{{ number_format($acct->ltc,5) }} LTC</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">CARDANO</div>
                                                            <div class="data-value">{{ number_format($acct->ada,5) }} ADA</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">RIPPLE</div>
                                                            <div class="data-value">{{ number_format($acct->xrp,5) }} XRP</div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                            
                                            <div class="nk-block-head">
                                                <div class="nk-block-head-content">
                                                <h5 class="nk-block-title title">User Wallet {{ $wallet[0]->group_id }}</h5>
                                                </div>
                                            </div>
                                            <div class="card card-bordered">
                                                <ul class="data-list is-compact">
                                                    
                                                    @foreach($wallet as $wallets)
                                                        <li class="data-item">
                                                            <div class="data-col">
                                                                <div class="data-label">{{ $wallets->wallet_name }}</div>
                                                                <div class="data-value"><input class="form-control" value="{{ $wallets->wallet_address }}"></div>
                                                            </div>
                                                        </li>
                                                    @endforeach
                                                </ul>
                                            </div>
                                            
                                            
                                            
                                        </div>
                                        <div class="col-lg-7">
                                            <div class="nk-block-head">
                                                <div class="nk-block-head-content">
                                                    <h5 class="nk-block-title title">User KYC Information</h5>
                                                    <p>Basic info, like name, phone, address, country etc.</p>
                                                </div>
                                            </div>
                                            @isset($profile->firstname)
                                            <div class="card card-bordered">
                                                <ul class="data-list is-compact">
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">First Name</div>
                                                            <div class="data-value">{{ $profile->firstname }}</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Last Name</div>
                                                            <div class="data-value">{{ $profile->lastname }}</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Email Address</div>
                                                            <div class="data-value">{{ $profile->user->email }}</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Phone Number</div>
                                                            @if($profile->phone)
                                                                <div class="data-value text-soft">{{ $profile->phone }}</div>
                                                            @else
                                                                <div class="data-value text-soft"><em>Not available</em></div>
                                                            @endif
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Date of Birth</div>
                                                            <div class="data-value">{{ $profile->dob }}</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Full Address</div>
                                                            <div class="data-value">{{ $profile->address1.', '.$profile->city.' '.$profile->city.', '.$profile->state.', '.$profile->zipcode }}</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Country of Residence</div>
                                                            <div class="data-value">{{ $profile->country }}</div>
                                                        </div>
                                                    </li>
                                                    @if($profile->address2)
                                                        <li class="data-item">
                                                            <div class="data-col">
                                                                <div class="data-label">Second Address</div>
                                                                <div class="data-value">{{ $profile->address2 }}</div>
                                                            </div>
                                                        </li>
                                                    @endif
                                                </ul>
                                            </div>
                                            <div class="nk-block-head">
                                                <div class="nk-block-head-content">
                                                    <h5 class="nk-block-title title">Uploaded Documents</h5>
                                                    <p>Here is user uploaded documents.</p>
                                                </div>
                                            </div>
                                            <div class="card card-bordered">
                                                <ul class="data-list is-compact">
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Document Type</div>
                                                            <div class="data-value">{{ $profile->document_type }}</div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Front Side</div>
                                                            <div class="data-value"><a href="{{ asset('storage/identity/'.$profile->img1) }}" target="_blank">View ID Front</a></div>
                                                        </div>
                                                    </li>
                                                    <li class="data-item">
                                                        <div class="data-col">
                                                            <div class="data-label">Back Side</div>
                                                            <div class="data-value"><a href="{{ asset('storage/identity/'.$profile->img2) }}" target="_blank">View ID Back</a></div>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                            @endisset
                                            @empty($profile->firstname)
                                            <div class="card card-bordered">
                                                <div class="alert alert-warning">
                                                    <div class="alert-cta flex-wrap flex-md-nowrap">
                                                        <div class="alert-text">
                                                            <p>This user is yet to verify his/her account by attempting the KYC registration.</p>
                                                            <p>Once done, User's Information will appear below</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                                
                                            @endempty
                                            <div class="nk-block-head">
                                                <div class="nk-block-head-content">
                                                    <h5 class="nk-block-title title">User's Settings</h5>
                                                    <p>Modify user's account here.</p>
                                                </div>
                                            </div>
                                    <div class="nk-block-content">
                                        <div class="gy-3" id="tt">
                                            
                                            <users-settings-component :stt="{!! $wthd !!}" :user="{!! $id !!}"></users-settings-component>
                                            
                                        </div>
                                    </div>
                                    <div class="nk-block-content mt-4">
                                        <div class="alert alert-danger">
                                                <div class="alert-cta flex-wrap flex-md-nowrap">
                                                    <div class="alert-text"><p>
                                                        Delete User Account Permanently.</p></div>
                                                    <ul class="alert-actions gx-3 mt-3 mb-1 my-md-0">
                                                        <li class="order-md-last"><a href="#" data-bs-toggle="modal" data-bs-target="#delete" class="btn btn-sm btn-danger"><b>Delete</b></a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                    </div>
                                    
                                    <div class="modal fade" tabindex="-1" id="delete">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content">
                                                <div class="modal-body modal-body-lg text-center">
                                                    <div class="nk-modal">
                                                        <em class="nk-modal-icon icon icon-circle icon-circle-xxl ni ni-cross bg-danger"></em>
                                                        <h4 class="nk-modal-title">Delete Account X</h4>
                                                        <div class="nk-modal-text">
                                                            <p class="lead">Deleting this user account will permanently erase all user's data in the system!</p>
                                                            <p class="text-soft">If NO, click the Cancel button.</p>
                                                        </div>
                                                        <div class="nk-modal-action mt-5"><a href="#" class="btn btn-lg btn-mw btn-light" data-bs-dismiss="modal">Cancel</a><a href="{{ url('/admin/delete/users/'.$acct->user_id) }}" onclick="event.preventDefault();
                                                         document.getElementById('deleteacct').submit();" class="btn btn-lg btn-mw btn-danger" >Delete</a></div>
                                                        <form id="deleteacct" action="{{ url('/admin/delete/users/'.$acct->user_id) }}" method="POST" class="d-none">
                                        @csrf
                                        @method('PUT')
                                    </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
        </div>
        
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
@endsection
@section('scripts')
    <script src="{{ asset('assets/vue/wthddd.js') }}"></script>
    <script>
        new Vue({ el: '#tt' })
    </script>   
@endsection