@extends('layouts.app')

@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <div class="card">
            <div class="card-header">
                <div class="row align-items-center">
                    <div class="col-8">
                        <h5 class="card-title mb-0">Audit Log Details</h5>
                    </div>
                    <div class="col-4 text-end">
                        <a href="{{ route('audit-logs.index') }}" class="btn btn-secondary">
                            <i class="fas fa-arrow-left me-2"></i>Back to List
                        </a>
                    </div>
                </div>
                <hr />
            </div>

            <div class="card-body">
                <div class="row mb-4">
                    <div class="col-md-8">
                        <h4 class="text-primary">Log ID: #{{ $auditLog->id }}</h4>
                        <p class="text-muted">Tracked activity on the system</p>
                    </div>
                    <div class="col-md-4 text-end">
                        @php
                            $actionColors = [
                                'created' => 'success',
                                'updated' => 'warning',
                                'deleted' => 'danger'
                            ];
                        @endphp
                        <span class="badge bg-{{ $actionColors[$auditLog->action] ?? 'info' }} fs-5">
                            {{ ucfirst($auditLog->action) }}
                        </span>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label text-muted"><strong>Table Name:</strong></label>
                        <p class="form-control-plaintext">
                            <code class="text-primary bg-light px-2 py-1 rounded">{{ $auditLog->table_name }}</code>
                        </p>
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label text-muted"><strong>Record ID:</strong></label>
                        <p class="form-control-plaintext">
                            <span class="badge bg-secondary fs-6">#{{ $auditLog->record_id }}</span>
                        </p>
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label text-muted"><strong>Action:</strong></label>
                        <p class="form-control-plaintext">
                            <span class="badge bg-{{ $actionColors[$auditLog->action] ?? 'info' }} fs-6">
                                {{ ucfirst($auditLog->action) }}
                            </span>
                        </p>
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label text-muted"><strong>Performed By:</strong></label>
                        <p class="form-control-plaintext">
                            @if($auditLog->user)
                                <strong>{{ $auditLog->user->name }}</strong>
                                <br>
                                <small class="text-muted">{{ $auditLog->user->email }}</small>
                            @else
                                <span class="text-muted">System</span>
                            @endif
                        </p>
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label text-muted"><strong>Timestamp:</strong></label>
                        <p class="form-control-plaintext">{{ $auditLog->created_at->format('M d, Y H:i:s A') }}</p>
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label text-muted"><strong>Log ID:</strong></label>
                        <p class="form-control-plaintext">#{{ $auditLog->id }}</p>
                    </div>

                    @if($auditLog->description)
                    <div class="col-12 mb-3">
                        <label class="form-label text-muted"><strong>Description:</strong></label>
                        <div class="p-3 border rounded bg-light">
                            {{ $auditLog->description }}
                        </div>
                    </div>
                    @endif

                    @if($auditLog->changes)
                    <div class="col-12 mb-3">
                        <label class="form-label text-muted"><strong>Changes Made:</strong></label>
                        <div class="p-3 border rounded bg-light">
                            @php
                                $changes = json_decode($auditLog->changes, true);
                            @endphp
                            
                            @if(is_array($changes) && count($changes) > 0)
                                <div class="table-responsive">
                                    <table class="table table-sm">
                                        <thead>
                                            <tr>
                                                <th>Field</th>
                                                <th>Old Value</th>
                                                <th>New Value</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($changes as $field => $change)
                                                <tr>
                                                    <td><strong>{{ $field }}</strong></td>
                                                    <td>
                                                        @if(is_array($change) && isset($change['old']))
                                                            @if(is_array($change['old']) || is_object($change['old']))
                                                                <code>{{ json_encode($change['old']) }}</code>
                                                            @else
                                                                {{ $change['old'] ?? '<span class="text-muted">Empty</span>' }}
                                                            @endif
                                                        @else
                                                            <span class="text-muted">N/A</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if(is_array($change) && isset($change['new']))
                                                            @if(is_array($change['new']) || is_object($change['new']))
                                                                <code>{{ json_encode($change['new']) }}</code>
                                                            @else
                                                                {{ $change['new'] ?? '<span class="text-muted">Empty</span>' }}
                                                            @endif
                                                        @else
                                                            <span class="text-muted">N/A</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @else
                                <p class="text-muted mb-0">No detailed changes recorded.</p>
                            @endif
                        </div>
                    </div>
                    @endif
                </div>

                <!-- Action Buttons -->
                <div class="mt-4">
                    <div class="d-flex justify-content-between">
                        <div>
                            <a href="{{ route('audit-logs.index') }}" class="btn btn-secondary">
                                <i class="fas fa-list me-2"></i>All Audit Logs
                            </a>
                        </div>
                        <div>
                            @auth
                                @if(Auth::user()->is_admin)
                                    <form action="{{ route('audit-logs.destroy', $auditLog) }}" 
                                          method="POST" 
                                          class="d-inline"
                                          onsubmit="return confirm('Are you sure you want to delete this audit log?');">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-danger">
                                            <i class="fas fa-trash me-2"></i>Delete Log
                                        </button>
                                    </form>
                                @endif
                            @endauth
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection