@if($survey->max_responses)
<div class="card">
    <div class="card-header">
        <h3 class="font-semibold text-secondary-900">
            <i class="fas fa-users mr-2 text-blue-500"></i>Response Limit
        </h3>
    </div>
    <div class="card-body">
        <div class="flex items-center justify-between mb-2">
            <span class="text-sm text-gray-600">Progress</span>
            <span class="text-sm font-medium">
                {{ $survey->getCompletedResponsesCount() }} / {{ $survey->max_responses }}
            </span>
        </div>
        <div class="w-full bg-gray-200 rounded-full h-3 mb-3">
            <div class="h-3 rounded-full transition-all duration-500
                {{ $survey->getLimitProgress() >= 100 ? 'bg-red-500' : ($survey->getLimitProgress() >= 80 ? 'bg-yellow-500' : 'bg-green-500') }}"
                style="width: {{ $survey->getLimitProgress() }}%">
            </div>
        </div>
        
        @if($survey->hasReachedLimit())
            <div class="flex items-center text-red-600 text-sm">
                <i class="fas fa-exclamation-circle mr-2"></i>
                <span>Limit reached - Survey closed</span>
            </div>
            @if($survey->auto_closed_at)
                <p class="text-xs text-gray-500 mt-1">
                    Auto-closed on {{ $survey->auto_closed_at->format('M d, Y \a\t H:i') }}
                </p>
            @endif
        @else
            <div class="flex items-center text-green-600 text-sm">
                <i class="fas fa-check-circle mr-2"></i>
                <span>{{ $survey->getRemainingResponses() }} responses remaining</span>
            </div>
        @endif
    </div>
</div>
@endif