@extends('adminlayout.admin')

 @section('content')
    <div class="nk-content nk-content-fluid">
        <div class="container-xl wide-lg">
            <div class="nk-content-body">
                <div class="nk-block">
                    <div class="card card-bordered">
                        <div class="card-aside-wrap">
                            <div class="card-inner card-inner-lg">
                                <div class="nk-block-head nk-block-head-lg">
                                    <div class="nk-block-between">
                                        <div class="nk-block-head-content">
                                            <h4 class="nk-block-title">Document Information</h4>
                                            <div class="nk-block-des">
                                                <p>Document info, like pan card details and Adhar card details.</p>
                                            </div>
                                        </div>
                                        <div class="nk-block-head-content align-self-start d-lg-none">
                                            <a href="#" class="toggle btn btn-icon btn-trigger mt-n1" data-target="userAside"><em class="icon ni ni-menu-alt-r"></em></a>
                                        </div>
                                    </div>
                                </div><!-- .nk-block-head -->
                                <div class="nk-block">
                                    <div class="nk-data data-list">
                                        <div class="data-head">
                                            <h6 class="overline-title">Usre Kyc <span class="{{getUserKycStatus()==0?'text-danger':''}}">{{getUserKycStatus()==1?'Active':'inactive'}}</span> </h6>
                                        </div>
                                        <div class="data-item" data-toggle="modal" data-target="#profile-document-edit">
                                            <div class="data-col">
                                                <span class="data-label">Adhar Number</span>
                                                <span class="data-value">{{getUser()->user_kyc->aadhar_no ?? ''}}</span>
                                            </div>
                                            <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                                        </div><!-- data-item -->

                                        <div class="data-item" data-toggle="modal" data-target="#profile-document-edit">
                                            <div class="data-col">
                                                <span class="data-label">PAN Number</span>
                                                <span class="data-value">{{getUser()->user_kyc->pan_no ?? ''}}</span>
                                            </div>
                                            <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                                        </div>
                                        
                                        <div class="data-item" data-toggle="modal" data-target="#profile-document-edit">
                                            <div class="data-col">
                                                <span class="data-label">Aadhar Front Image</span>
                                                @if(getUser()->user_kyc->aadhar_front_image)
                                                <span class="data-value"><em class="icon text-success ni ni-check-circle"></em></span>
                                                @else
                                                <span class="data-value"><em class="icon text-danger ni ni-cross-circle"></em></span>
                                                @endif
                                            </div>
                                            <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                                        </div>
                                        
                                        
                                        <div class="data-item" data-toggle="modal" data-target="#profile-document-edit">
                                            <div class="data-col">
                                                <span class="data-label">Aadhar Back Image </span>
                                                @if(getUser()->user_kyc->aadhar_back_image)
                                                <span class="data-value"><em class="icon text-success ni ni-check-circle"></em></span>
                                                @else
                                                <span class="data-value"><em class="icon text-danger ni ni-cross-circle"></em></span>
                                                @endif
                                            </div>
                                            <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                                        </div>
                                        
                                        
                                        
                                        <div class="data-item" data-toggle="modal" data-target="#profile-document-edit">
                                            <div class="data-col">
                                                <span class="data-label">PAN Card Image</span>
                                                @if(getUser()->user_kyc->pan_image)
                                                <span class="data-value"><em class="icon text-success ni ni-check-circle"></em></span>
                                                @else
                                                <span class="data-value"><em class="icon text-danger ni ni-cross-circle"></em></span>
                                                @endif
                                            </div>
                                            <div class="data-col data-col-end"><span class="data-more"><em class="icon ni ni-forward-ios"></em></span></div>
                                        </div>
                                        
                                    </div><!-- data-list -->
                                    
                                </div><!-- .nk-block -->
                            </div>

                            <!-- aside for user profile start here -->
                            @include('include.userprofile-link')<!-- card-aside -->

                            <!-- aside for user profile end here -->
                        </div><!-- .card-aside-wrap -->
                    </div><!-- .card -->
                </div><!-- .nk-block -->
            </div>
        </div>
    </div>

 @endsection