@extends('layouts.admin')

@section('content')
<!-- content @s -->
                <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">
                                    <div class="nk-block-head-content">
                                        <h3 class="nk-block-title page-title">KYC Lists</h3>
                                        <div class="nk-block-des text-soft">
                                             
                                        </div>
                                    </div><!-- .nk-block-head-content -->
                                    
                                </div><!-- .nk-block-between -->
                            </div><!-- .nk-block-head -->
                            <div class="nk-block">
                                <div class="card card-bordered card-stretch">
                                    <div class="card-inner-group">
                                         
                                        <div class="card-inner p-0">
                                            <div class="nk-tb-list nk-tb-ulist">
                                                <div class="nk-tb-item nk-tb-head">
                                                    <div class="nk-tb-col nk-tb-col-check">
                                                       ID
                                                    </div>
                                                    <div class="nk-tb-col"><span class="sub-text"> Username</span></div>
                                                     
                                                     
                                                     
                                                    <div class="nk-tb-col tb-col-md"><span class="sub-text">Status</span></div>
                                                    <div class="nk-tb-col nk-tb-col-tools text-end">
                                                        Action
                                                    </div>
                                                </div><!-- .nk-tb-item -->
                                                
                                                
                                                
                                                 @forelse ($kycs as $kyc)
                                                <div class="nk-tb-item">
                                                    <div class="nk-tb-col nk-tb-col-check">
                                                        {{ $kyc->id }}
                                                    </div>
                                                    <div class="nk-tb-col">
                                                        
                                            <a href="{{ route('admin.kycs.edit', $kyc->id) }}">
                                                            <div class="user-card">
                                                                 
                                                                <div class="user-info">
                                                                     
                                                                    <span class="tb-lead">{{ $kyc->user->name ?? 'No User' }} <span class="dot dot-success d-md-none ms-1"></span></span>
                                                                    
                                                                </div>
                                                            </div>
                                                        </a>
                                                                             
                                                   
                                                        
                                                    </div>
                                                     
                                                    
                                                    <div class="nk-tb-col tb-col-md">
                                                     @if ($kyc->user->kyc_verified == '1')
                                                        <span class="tb-status text-success">Active</span>
                                                     @elseif ($kyc->user->kyc_verified == '2')   
                                                        <span class="tb-status text-warning">Pending</span>
                                                        @elseif ($kyc->user->kyc_verified == '3')   
                                                        <span class="tb-status text-warning">Cancle</span>
                                                        @endif
                                                    </div>
                                                    <div class="nk-tb-col nk-tb-col-tools">
                                                        <ul class="nk-tb-actions gx-1">
                                                          
                                                            <li>
                                                                <div class="drodown">
                                                                    <a href="#" class="dropdown-toggle btn btn-icon btn-trigger" data-bs-toggle="dropdown"><em class="icon ni ni-more-h"></em></a>
                                                                    <div class="dropdown-menu dropdown-menu-end">
                                                                        <ul class="link-list-opt no-bdr">
                                             
                                                                            <li><a href="{{ route('admin.kycs.edit', $kyc->id) }}"  ><em class="icon ni ni-eye"></em><span>View Details</span></a></li>
                                                                            
                                       <!-- Modal Edit User -->
                                    
                                                                            
                                                                             
                                                                  </ul>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div><!-- .nk-tb-item -->
                                                
                                                 @endforeach
                                                
                                                
                                                
                                                
                                                
                                                
                                                
                                                
                                                
                                                
                                                 
                                            </div><!-- .nk-tb-list -->
                                        </div><!-- .card-inner -->
                                        <div class="card-inner">
                                            <div class="nk-block-between-md g-3">
                                                <div class="g">
                                               <!--     <ul class="pagination justi 
                                            </div><!-- .nk-block-between -->
                                        </div><!-- .card-inner -->
                                    </div><!-- .card-inner-group -->
                                </div><!-- .card -->
                            </div><!-- .nk-block -->
                        </div>
                    </div>
                </div>
                <!-- content @e -->
@endsection
