@extends('layouts.main')

@section('main-content')

    @php
        $authUser = auth()->user();
    @endphp
    <div class="card card-bordered">
        <div class="card-aside-wrap">
            <div class="card-inner card-inner-lg">

                <div class="nk-block">
                    <div class="card card-bordered">
                        @yield('content')
                        <div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card-aside card-aside-left user-aside toggle-slide toggle-slide-left toggle-break-lg toggle-screen-lg"
                 data-content="userAside" data-toggle-screen="lg" data-toggle-overlay="true">
                <div class="card-inner-group">
                    <div class="card-inner">
                        <div class="user-card">
                            <div class="user-avatar"><span>{{ $user->nameAbbreviation() }}</span></div>
                            <div class="user-info"><span class="lead-text">{{ $user->FullName }}</span><span
                                        class="sub-text">{{ $user->email }}</span></div>
                            {{--<div class="user-action">--}}
                            {{--<div class="dropdown">--}}
                            {{--<a class="btn btn-icon btn-trigger mr-n2" data-toggle="dropdown" href="#"><em class="icon ni ni-more-v"></em></a>--}}
                            {{--<div class="dropdown-menu dropdown-menu-right">--}}
                            {{--<ul class="link-list-opt no-bdr">--}}
                            {{--<li><a href="#"><em class="icon ni ni-camera-fill"></em><span>Change Photo</span></a></li>--}}
                            {{--<li><a href="#"><em class="icon ni ni-edit-fill"></em><span>Update Profile</span></a></li>--}}
                            {{--</ul>--}}
                            {{--</div>--}}
                            {{--</div>--}}
                            {{--</div>           --}}
                        </div>
                    </div>

                    <div class="card-inner p-0">
                        <ul class="link-list-menu">
                            <li class="{{ isCurrentRoute('user.profile') ? 'active' : '' }}"><a
                                        href="{{ route('user.profile', ['id' => $user->id]) }}"><em
                                            class="icon ni ni-user-fill-c"></em><span>Personal Information</span></a>
                            </li>
                            @if($authUser->id == $user->id)
                                <li class="{{ isCurrentRoute('user.password') ? 'active' : '' }}">
                                    <a href="{{ route('user.password') }}">
                                        <em class="icon ni ni-users-fill"></em>
                                        <span>Change Password</span>
                                    </a>
                                </li>
                                {{--<li><a href="#"><em class="icon ni ni-bell-fill"></em><span>Notifications</span></a></li>--}}
                            @elseif($authUser->can('user.edit_password'))
                                <li class="{{ isCurrentRoute('user.edit_password') ? 'active' : '' }}">
                                    <a href="{{ route('user.edit_password', compact('user')) }}">
                                        <em class="icon ni ni-users-fill"></em>
                                        <span>Change Password</span>
                                    </a>
                                </li>
                            @endif
                            @if($authUser->can('user.activities_list'))
                                <li class="{{ isCurrentRoute('user.activities_list') ? 'active' : '' }}">
                                    <a href="{{ route('user.activities_list', ['user' => $user->id]) }}">
                                        <em class="icon ni ni-activity-round-fill"></em>
                                        <span>Account Activity</span>
                                    </a>
                                </li>
                            @endif
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection