@extends('admin.admin_master')

@section('content')

<div class="content-wrapper">
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-left">
                        <li class="breadcrumb-item"><a href="#">Home</a></li>
                        <li class="breadcrumb-item active">Audit log Details</li>
                    </ol>
                </div>
            </div>
        </div>
    </section>

    <section class="content">
        <div class="container-fluid">

            <div class="card mb-4">
                <div class="card-header">
                    <h4>Audit Log for Record ID: {{ $auditLog->id }}</h4>
                </div>

                <div class="card-body">
                    <p><strong>Action:</strong> {{ ucfirst($auditLog->action) }}</p>
                    <p><strong>Date:</strong> {{ \Carbon\Carbon::parse($auditLog->created_at)->format('Y-m-d H:i:s') }}</p>
                    <p><strong>User:</strong> {{ $auditLog->user->name ?? 'Unknown' }}</p>
                    <p><strong>Table Name:</strong> {{ $auditLog->table_name }}</p>

                    <h5 class="mt-4">Changes</h5>
                    @php
                        $changes = json_decode($auditLog->changes, true);
                    @endphp

                    @if($changes && count($changes) > 0)
                        <ul class="list-group">
                            @foreach($changes as $field => $change)
                                <li class="list-group-item">
                                    <strong>{{ ucfirst($field) }}:</strong>
                                    <div style="background-color: #ffcccc; padding: 5px; margin-top: 5px;">
                                        <span style="color: red; text-decoration: line-through;">{!! $change['old'] ?? 'N/A' !!}</span>
                                    </div>
                                    <div style="background-color: #ccffcc; padding: 5px; margin-top: 5px;">
                                        <span style="color: green;">{!!  $change['new'] ?? 'N/A' !!}</span>
                                    </div>
                                </li>
                            @endforeach
                        </ul>
                    @else
                        <p>No changes recorded.</p>
                    @endif
                </div>
            </div>
        </div>
    </section>
</div>





@endsection