@extends('layouts.master')
@section('content')

<div class="app-page-title">
    <div class="page-title-wrapper">
        <div class="page-title-heading">

            <div>
               {{ $title }}
            </div>
        </div>

    </div>
    @if(isset($error) || session('error'))
    <div class="alert alert-danger">
        {{ $error ?? session('error') }}
    </div>
    @endif

    @if(session('success'))
    <div class="alert alert-success">
        {{ session('success') }}
    </div>
    @endif
</div>

<div class="main-card mb-3 card">
    <div class="card-body">
        <table style="width: 100%;" id="example3" class="table table-hover table-striped table-bordered">
            <thead>
                <tr>
                    <th style="width: 5%;">ID</th>
                    <th style="width: 10%;">Type</th>
                    <th style="width: 5%;">Event</th>
                    <th style="width: 15%;">Old Value</th>
                    <th style="width: 15%;">New Value</th>
                    <th style="width: 10%;">User</th>
                    <th style="width: 10%;">IP Address</th>
                    <th style="width: 10%;">Created At</th>
                    <th style="width: 10%;">Updated At</th>
                </tr>
            </thead>
            <tbody>
                @forelse($data as $audit)
                @php
               $user = \App\Models\User::find($audit->user_id);
             
                @endphp
                <tr>
                    <td>{{ $audit->auditable_id }}</td>
                    <td>{{ $audit->auditable_type }}</td>
                    <td>{{ $audit->event }}</td>
                    <td style="max-width: 200px; word-wrap: break-word;">{!! formatJson($audit->old_values) !!}</td>
                    <td style="max-width: 200px; word-wrap: break-word;">{!! formatJson($audit->new_values) !!}</td>
                    <td>{{ $user?$user->name:'System'}}</td>
                    <td>{{ $audit->ip_address }}</td>
                    <td>{{ $audit->created_at }}</td>
                    <td>{{ $audit->updated_at }}</td>
                </tr>
                @empty
                <tr>
                    <td colspan="9">No audit logs available.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

@php
function formatJson($data)
{
// Check if $data is already an array
if (is_array($data)) {
return '
<pre>' . json_encode($data, JSON_PRETTY_PRINT) . '</pre>';
}

// Decode the JSON string
$decoded = json_decode($data);

// Check if decoding was successful
if ($decoded === null) {
return 'Invalid JSON';
}

// Format the decoded data for display
return '
<pre>' . json_encode($decoded, JSON_PRETTY_PRINT) . '</pre>';
}
@endphp
@endsection

@section('scripts')
<script>
    $(document).ready(function() {
        $('#example3').DataTable({
            // ... other DataTables options ...

            dom: 'Bfrtip',
            buttons: [

                {
                    extend: 'excelHtml5',
                    title: '{{$reportTitle}}',
                    filename: function() {
                        var d = new Date();
                        var n = d.getTime();
                        return 'Payroll_Excel_Export_' + n;
                    },
                },
                {
                    extend: 'csvHtml5',
                    title: '{{$reportTitle}}',
                    filename: function() {
                        var d = new Date();
                        var n = d.getTime();
                        return 'Payroll_CSV_Export_' + n;
                    },
                },
              
                {
                    extend: 'print',
                    title: '{{$reportTitle}}',
                    messageTop: function() {
                        printCounter++;

                        if (printCounter === 1) {
                            return 'This is the first time you have printed this document.';
                        } else {
                            return 'You have printed this document ' + printCounter + ' times';
                        }
                    },
                    messageBottom: null
                }
            ],
            // Set default sorting to descending order for the first column (index 0)
            order: [
                [0, 'desc']
            ]
        });
    });
</script>
@endsection