@if($detail['type'] === 'audit')
<div class="space-y-6">
    <div>
        <h4 class="text-sm font-medium text-gray-900 mb-3">基本情報</h4>
        <div class="bg-gray-50 rounded-lg p-4">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">イベント</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['event_name'] }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">対象テーブル</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['table_name'] }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">レコードID</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['record_id'] }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">実行日時</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['created_at']->format('Y年m月d日 H:i:s') }}</dd>
                </div>
            </div>
        </div>
    </div>

    <div>
        <h4 class="text-sm font-medium text-gray-900 mb-3">実行者情報</h4>
        <div class="bg-gray-50 rounded-lg p-4">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">ユーザー</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['user_name'] }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">セッションID</dt>
                    <dd class="mt-1 text-xs text-gray-600 font-mono">{{ $detail['session_id'] ?? '-' }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">IPアドレス</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['ip_address'] ?? '-' }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">URL</dt>
                    <dd class="mt-1 text-xs text-gray-600 break-all">{{ $detail['url'] ?? '-' }}</dd>
                </div>
            </div>
        </div>
    </div>

    @if(!empty($detail['changes']) && count($detail['changes']) > 0)
    <div>
        <h4 class="text-sm font-medium text-gray-900 mb-3">変更内容</h4>
        <div class="bg-white border rounded-lg overflow-hidden">
            <div class="overflow-x-auto">
                <table class="min-w-full divide-y divide-gray-200">
                    <thead class="bg-gray-50">
                        <tr>
                            <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wide">フィールド</th>
                            <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wide">変更前</th>
                            <th class="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wide">変更後</th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-gray-200">
                        @foreach($detail['changes'] as $change)
                        <tr>
                            <td class="px-4 py-2 text-sm font-medium text-gray-900">{{ $change['field_name'] }}</td>
                            <td class="px-4 py-2 text-sm text-gray-600">
                                <span class="bg-red-50 text-red-800 px-2 py-1 rounded text-xs">{{ $change['old_value'] }}</span>
                            </td>
                            <td class="px-4 py-2 text-sm text-gray-600">
                                <span class="bg-green-50 text-green-800 px-2 py-1 rounded text-xs">{{ $change['new_value'] }}</span>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    @if(!empty($detail['old_values']) || !empty($detail['new_values']))
    <div>
        <h4 class="text-sm font-medium text-gray-900 mb-3">生データ</h4>
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div>
                <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide mb-2">変更前データ</dt>
                <dd class="text-xs text-gray-600 bg-gray-50 rounded p-3 font-mono overflow-x-auto">
                    <pre>{{ json_encode($detail['old_values'], JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) ?: '-' }}</pre>
                </dd>
            </div>
            <div>
                <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide mb-2">変更後データ</dt>
                <dd class="text-xs text-gray-600 bg-gray-50 rounded p-3 font-mono overflow-x-auto">
                    <pre>{{ json_encode($detail['new_values'], JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) ?: '-' }}</pre>
                </dd>
            </div>
        </div>
    </div>
    @endif
</div>

@else

<div class="space-y-6">
    <div>
        <h4 class="text-sm font-medium text-gray-900 mb-3">基本情報</h4>
        <div class="bg-gray-50 rounded-lg p-4">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">操作内容</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['description'] }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">メニュー名</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['menu_name'] ?? '-' }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">アクション種別</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['action_type'] ?? '-' }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">実行日時</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['created_at']->format('Y年m月d日 H:i:s') }}</dd>
                </div>
            </div>
        </div>
    </div>

    <div>
        <h4 class="text-sm font-medium text-gray-900 mb-3">実行者情報</h4>
        <div class="bg-gray-50 rounded-lg p-4">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">ユーザー</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['user_name'] }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">セッションID</dt>
                    <dd class="mt-1 text-xs text-gray-600 font-mono">{{ $detail['session_id'] ?? '-' }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">IPアドレス</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['ip_address'] ?? '-' }}</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">URL</dt>
                    <dd class="mt-1 text-xs text-gray-600 break-all">{{ $detail['url'] ?? '-' }}</dd>
                </div>
            </div>
        </div>
    </div>

    @if(!empty($detail['processing_time']))
    <div>
        <h4 class="text-sm font-medium text-gray-900 mb-3">処理情報</h4>
        <div class="bg-gray-50 rounded-lg p-4">
            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">処理時間</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['processing_time'] }}ms</dd>
                </div>
                <div>
                    <dt class="text-xs font-medium text-gray-500 uppercase tracking-wide">ステータスコード</dt>
                    <dd class="mt-1 text-sm text-gray-900">{{ $detail['status_code'] ?? '-' }}</dd>
                </div>
            </div>
        </div>
    </div>
    @endif

    @if(!empty($detail['properties']))
    <div>
        <h4 class="text-sm font-medium text-gray-900 mb-3">詳細プロパティ</h4>
        <div class="bg-gray-50 rounded-lg p-4">
            <pre class="text-xs text-gray-600 font-mono overflow-x-auto">{{ json_encode($detail['properties'], JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
        </div>
    </div>
    @endif
</div>

@endif