@extends('admin.layouts.app')
@section('content')

<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">User Information</h3>
            <div class="nk-block-des text-soft">
            </div>
        </div><!-- .nk-block-head-content -->
        <div class="nk-block-head-content">
            <div class="toggle-wrap nk-block-tools-toggle">
                <a href="#" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-menu-alt-r"></em></a>
                <div class="toggle-expand-content" data-content="pageMenu">
                    <ul class="nk-block-tools g-3">
                        <li class="nk-block-tools-opt">
                            <div class="drodown">
                                <a href="{{ route('admin.users') }}" class="btn btn-icon btn-primary pr-2"><em class="icon ni ni-arrow-left"></em>Back</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div><!-- .toggle-wrap -->
        </div><!-- .nk-block-head-content -->
    </div><!-- .nk-block-between -->
</div><!-- .nk-block-head -->

<div class="nk-block">
    <div class="card card-bordered">
        <div class="card-aside-wrap row">
            <div class="card-content col-lg-8 col-md-8">
                <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">{{ $user->name }}</h4>
                                <p>{{ $user->email }}</p>
                                <div class="nk-block-des">
                                    <!--<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>-->
                                </div>
                            </div>
                        </div>
                    </div><!-- .nk-block-head -->
                    <div class="nk-block">
                        <div class="nk-data data-list">
                            <div class="data-head">
                                <h6 class="overline-title">Basics</h6>
                            </div>
                            <div class="data-item" >
                                <div class="data-col">
                                    <span class="data-label">Name</span>
                                    <span class="data-value">{{ $user->name }}</span>
                                </div>
                            </div>
                            <div class="data-item">
                                <div class="data-col">
                                    <span class="data-label">Email</span>
                                    <span class="data-value">{{ !empty($user->email) ? $user->email : ''  }}</span>
                                </div>
                            </div><!-- data-item -->
                            <div class="data-item" >
                                <div class="data-col">
                                    <span class="data-label">Website </span>
                                    <span class="data-value text-soft">{{ !empty($user->website) ?  $user->website : '' }}</span>
                                </div>
                            </div><!-- data-item -->
                            
                            <div class="data-item" >
                                <div class="data-col">
                                    <span class="data-label">Role</span>
                                    <span class="data-value text-soft">{{ !empty($user->occupation->name) ?  $user->occupation->name : '' }}</span>
                                </div>
                            </div><!-- data-item -->
                            
                            <div class="data-item">
                                <div class="data-col">
                                    <span class="data-label">Bio</span>
                                    <p class="data-value">{{ !empty($user->desc) ? $user->desc : '' }}</p>
                                </div>
                            </div>
                            
                           
                        </div><!-- data-list -->

                    </div><!-- .nk-block -->
                    
                </div>
            </div><!-- .card-content -->
            
            <div class="card-aside col-lg-4 col-md-4 card-aside-right user-aside toggle-slide toggle-slide-right toggle-break-xxl"
                data-content="userAside" data-toggle-screen="xxl" data-toggle-overlay="true"
                data-toggle-body="true">
                <div class="card-inner-group" data-simplebar>
                    <div class="card-inner">
                        <div class="user-card user-card-s2">
                            <div class="">
                            <div><img src="{{ asset($user->image) }}" class="" style="height: 110px; width: 110px;
                                    object-fit: cover; border-radius: 50%;" alt=""></div>
                            </div>
                            <div class="user-info">
                                <div class="badge badge-outline-light badge-pill ucap">
                                    {{ !empty($user->name) ? $user->name : ''  }}</div>
                                <h5>{{ !empty($user->name) ? $user->organization_name : ''  }}</h5>
                                <span class="sub-text">{{ !empty($user->email) ? $user->email : ''  }}</span>
                            </div>
                        </div>
                    </div><!-- .card-inner -->

                    <!-- .card-inner -->
                    <div class="card-inner">
                        <div class="row text-center">
                            <div class="col-12">
                                <div class="profile-stats">
                                    <span class="amount">{{ $user->projects->count() }}</span>
                                    <span class="sub-text">Total Projects</span>
                                </div>
                            </div>
                           
                        </div>
                    </div><!-- .card-inner -->
                    <div class="card-inner">
                        <h6 class="overline-title-alt mb-2">Additional</h6>
                        <div class="row g-3">
                            
                            <div class="col-6">
                                <span class="sub-text">Organization Name:</span>
                                <span>{{ !empty($user->name) ? $user->organization_name : ''  }}</span>
                            </div>
                            <div class="col-6">
                                <span class="sub-text">Email:</span>
                                <span>{{ !empty($user->email) ? $user->email : ''  }}</span>
                            </div>
                            <div class="col-6">
                                <span class="sub-text">Website:</span>
                                <span class="lead-text text-success">{{ !empty($user->website) ? $user->website : ''  }}</span>
                            </div>
                            <div class="col-6">
                                <span class="sub-text">Phone:</span>
                                <span>+{{ !empty($user->number) ? $user->number : ''  }}</span>
                            </div>
                            <div class="col-6">
                                <span class="sub-text">State:</span>
                                <span>{{ !empty($user->state->name) ? $user->state->name : ''  }}</span>
                            </div>
                            <div class="col-6">
                                <span class="sub-text">Address:</span>
                                <span>{{ !empty($user->address) ? $user->address : ''  }}</span>
                            </div>

                        </div>
                    </div>
                    
                </div><!-- .card-inner -->
            </div><!-- .card-aside -->
        </div><!-- .card-aside-wrap -->
    </div><!-- .card -->
</div>




@section('scripts')



@endsection

@endsection