@if($histories->isEmpty())
    <div class="text-center text-gray-400 py-8">
        <svg class="w-8 h-8 mx-auto mb-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z" />
        </svg>
        <p class="text-sm">히스토리가 없습니다</p>
    </div>
@else
    <div class="divide-y divide-gray-100">
        @foreach($histories as $history)
            <div class="p-3 hover:bg-gray-50 cursor-pointer" onclick="loadFromHistory({{ $history->id }})">
                <div class="flex items-center justify-between mb-1">
                    <div class="flex items-center gap-2">
                        <span class="method-badge method-{{ strtolower($history->method) }}">
                            {{ $history->method }}
                        </span>
                        <span class="status-{{ $history->response_status >= 200 && $history->response_status < 300 ? '2xx' : ($history->response_status >= 400 && $history->response_status < 500 ? '4xx' : ($history->response_status >= 500 ? '5xx' : '3xx')) }} font-semibold text-sm">
                            {{ $history->response_status }}
                        </span>
                    </div>
                    <span class="text-xs text-gray-400">{{ $history->duration_ms }}ms</span>
                </div>
                <div class="text-sm text-gray-700 truncate" title="{{ $history->endpoint }}">
                    {{ $history->endpoint }}
                </div>
                <div class="flex items-center justify-between mt-1">
                    <span class="text-xs text-gray-400">{{ $history->environment }}</span>
                    <span class="text-xs text-gray-400">{{ $history->created_at->diffForHumans() }}</span>
                </div>
            </div>
        @endforeach
    </div>
@endif