@extends ('../welcome')


@section ('content')
<style>
    a{
        color: gray; !important;
    }
a:hover {
    color: #17a2b8; !important;
    font-weight: bold;
}
</style>
<div class="row">
    <div class="col-3">
        <div class="card card-info card-outline">
            <div class="card-body box-profile">
                <h3 class="profile-username text-center">{{$user->name}}</h3>
                @if($user->roles()->first() != NULL)
                <a href="{{route('roles.show',$user->roles()->first()->id)}}">
                    <p class="text-center">User Roles: {{$userRoles}}</p>
                </a>
                @else
                <p class="text-center" style="color:#dc3545;">User Has No Roles</p>
                @endif
                <p class="text-muted text-center">Email: {{$user->email}}</p>
                
                <div class="card card-info">
                    <div class="card-header">
                        <h3 class="card-title">Extra Permissions</h3>
                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                <i class="fas fa-minus"></i>
                            </button>
                        </div>
                        <!-- /.card-tools -->
                    </div>
                    <!-- /.card-header -->
                    <div class="card-body">
                        @forelse($user->Permissions as $permission)
                        <p>{{$permission->display_name}}</p>
                        @empty
                        <p>No Extra Permissions for this user</p>
                        @endforelse
                        
                    </div>
                </div>
                <br>
                
                <div class="row">
                    <div style="margin-left:45%">
                        <form action="{{ route('users.destroy',$user->id) }}" method="POST">
                            <a class="btn btn-info" title="Edit" href="{{ route('users.edit',$user->id) }}">
                                <b>Update</b>
                            </a>
                            @csrf
                            @method('DELETE')
                            <button type="submit" title="Delete" class="btn btn-danger">
                                <b>Delete</b>
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


@endsection