@extends('layout')

@if(session('message'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
  <strong>{{ session('message') }}</strong>
  <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@section('body')
<div class="row px-0 px-md-3 my-4">
    <div class="col-12 mb-3">
        <div class="blck-white">
            <a href="{{ url()->previous() }}" class="btn btn-primary">Back</a>
        </div>
    </div>

    <div class="col-12">
        <div class="blck-white">
            <h5 class="my-2 ms-2">Logs:</h5>
            <table class="table">
                <thead>
                    <tr>
                        <td>Date</td>
                        <td>Action</td>
                        <td>Activities</td>
                        <td>User</td>
                    </tr>
                </thead>
                <tbody>
                    @if(!$logs->isEmpty())
                    @foreach($logs as $log)
                    <tr>
                        <td>{{$log->created_at}}</td>
                        <td>{{$log->action}}</td>
                        <td>{!!$log->activities!!}</td>
                        <td>
                            @if($log->user_id)
                            <a href="/users/{{$log->user_id}}" class="text-decoration-none">
                                <img src="{{asset($log->fUserData->avatar)}}" class="rounded" width="24" height="24">
                                {{$log->fUserData->firstname}} {{$log->fUserData->lastname}}
                            </a>
                            @else
                            AI System
                            @endif
                        </td>
                    </tr>
                    @endforeach
                    @else
                    <tr>
                        <td colspan="3" class="text-center">No logs.</td>
                    </tr>
                    @endif
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection