@extends('layouts.structure')

@section('content')
    <div class="container my-5">
        <div class="card shadow-lg">
            <div class="card-header">
                <h3>User Details</h3>
            </div>
            <div class="card-body">
                <p><strong>Name:</strong> {{ $user->name }}</p>
                <p><strong>Email:</strong> {{ $user->email }}</p>

                <hr>

                <h5>Roles</h5>
                @if ($roles->count())
                    <ul>
                        @foreach ($roles as $role)
                            <li>{{ $role }}</li>
                        @endforeach
                    </ul>
                @else
                    <p><em>No roles assigned</em></p>
                @endif

                <h5>Permissions</h5>
                @if ($permissions->count())
                    <table class="table table-bordered table-hover">
                        <tbody>
                            @foreach ($permissions->chunk(5) as $chunk)
                                <tr>
                                    @foreach ($chunk as $permission)
                                        <td>{{ $permission }}</td>
                                    @endforeach
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @else
                    <p><em>No permissions granted</em></p>
                @endif

                <a href="{{ route('users.index') }}" class="btn btn-secondary btn-sm mt-4">Back to List</a>
            </div>
        </div>
    </div>
@endsection