@extends('layouts.app')

@section('content')
<div class="container mt-4">
    <h2>User Profile</h2>

    <div class="card">
        <div class="card-body">
            <h5 class="card-title">{{ $user->first_name }} {{ $user->last_name }}</h5>
            <p class="card-text"><strong>Email:</strong> {{ $user->email }}</p>
            <p class="card-text"><strong>Phone Number:</strong> {{ $user->phone_number }}</p>
            <p class="card-text"><strong>Status:</strong> {{ $user->status }}</p>
            <p class="card-text"><strong>Roles:</strong>
                @foreach($user->roles as $role)
                    <span>{{ $role->name }}</span>
                @endforeach
            </p>
        </div>
    </div>

    <h3 class="mt-4">Recent Logs</h3>
    @if($logs->count() > 0)
        <ul class="list-group">
            @foreach($logs as $log)
                <li class="list-group-item">
                    <strong>{{ $log->action }}</strong> - {{ $log->details }} <br>
                    <small class="text-muted">{{ $log->created_at->format('Y-m-d H:i:s') }}</small>
                </li>
            @endforeach
        </ul>
        <div class="mt-3">
            {{ $logs->links() }}
        </div>
    @else
        <p>No logs available.</p>
    @endif
</div>
@endsection