@extends('layouts.app')

@section('title', 'Audit Trail')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="page-header mb-0">Audit Trails Management</h1>
</div>
<div class="panel panel-inverse border-0">
    <div class="panel-heading">Log Name: <span class="text-uppercase fw-bold">{{ $activity->log_name }}</span></div>
    <div class="panel-body fs-5">
        <dl>
            <dt class="text-uppercase">Description</dt>
            <dd>{{ $activity->description }}</dd>
            <dt class="text-uppercase">Subject Type</dt>
            <dd>{{ $activity->subject_type ?? 'n/a' }}</dd>

            <dt class="text-uppercase">Subject ID</dt>
            <dd>{{ $activity->subject_id ?? 'n/a' }}</dd>

            <dt class="text-uppercase">Causer</dt>
            <dd>{{ $activity->causer?->name }} ({{ $activity->causer?->role }})</dd>

            <dt class="text-uppercase">Date</dt>
            <dd>{{ $activity->created_at }}</dd>
        </dl>

        <p class="text-uppercase fw-bold">Properties</p>
        <div class="table-responsive mb-3">
            <table id="data-table-default" class="table table-hover border text-nowrap align-middle mb-0">
                <thead class="table-light">

                <tr>
                    <th width="col-4">Title</th>
                    <th class="col-8">Property</th>
                </tr>
                </thead>
                <tbody class="table-group-divider">
                @forelse ($activity->properties as $title => $property)
                    <tr>
                        <th>{{ $title }}</th>
                        <td class="text-wrap">
                            @if(is_array($property))

                                <ol class="list-group list-group-numbered">
                                    @foreach($property as $cards)
                                    <li class="list-group-item">
                                        <code>{{ collect($cards)->toPrettyJson() }}</code>
                                    </li>
                                    @endforeach
                                </ol>

                            @else
                                <code>{{ $property }}</code>
                            @endif
                        </td>

                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center">No records found</td>
                    </tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection