@foreach ($listresults as $index => $item)
    <tr id="row_{{ $item->id }}"
        class="@if($item->deleted_at) table-row-deleted @elseif(!$item->is_published) row-unpublished @endif">
        <td class="text-center">
            <span class="table-index">
                {{ $index + 1 }}
            </span>
        </td>
        <td>
            <div class="item-name-cell">
                <div class="item-avatar">
                    @if($item->logo_path)
                        <img src="{{ Storage::url($item->logo_path) }}" alt="{{ $item->title }}" class="item-avatar-img">
                    @else
                        <div class="item-avatar-default">
                            {{ strtoupper(substr($item->title, 0, 2)) }}
                        </div>
                    @endif
                </div>
                <div class="item-info">
                    <h6 class="item-title">{{ $item->title }}</h6>
                    @if($item->creator)
                        <small class="item-creator">
                            <i class="fas fa-user-circle"></i>
                            {{ $item->author_name ?? (auth()->check() ? auth()->user()->name : null) }}
                        </small>
                    @endif
                </div>
            </div>
        </td>
        <td class="votes-cell">
            @if($item->voteOptions && $item->voteOptions->count() > 0)
                @php
                    $totalVotes = $item->voteOptions->sum('votes_count');
                    $hasMultipleOptions = $item->voteOptions->count() > 1;
                @endphp

                <div class="votes-summary">
                    <div class="votes-total">{{ $totalVotes }}</div>

                    @if($hasMultipleOptions)
                        {{-- Multiple options breakdown --}}
                        <div class="votes-breakdown">
                            @foreach($item->voteOptions->take(3) as $index => $option)
                                <span class="option-badge" title="{{ $option->name }}: {{ $option->votes_count }} votes">
                                    <span class="option-count">{{ $option->votes_count }}</span>
                                    @if($option->name)
                                        <span class="option-name">{{ Str::limit($option->name, 8) }}</span>
                                    @endif
                                    @if($totalVotes > 0)
                                        <span class="option-percentage">
                                            {{ round(($option->votes_count / $totalVotes) * 100) }}%
                                        </span>
                                    @endif
                                </span>
                            @endforeach
                            @if($item->voteOptions->count() > 3)
                                <span class="option-badge">+{{ $item->voteOptions->count() - 3 }}</span>
                            @endif
                        </div>

                        {{-- Multi-color progress bar --}}
                        <div class="votes-multiple">
                            @foreach($item->voteOptions as $index => $option)
                                @if($totalVotes > 0)
                                    <div class="option-progress-segment option-color-{{ ($index % 6) + 1 }}"
                                        style="width: {{ ($option->votes_count / $totalVotes) * 100 }}%"
                                        title="{{ $option->name }}: {{ $option->votes_count }} votes">
                                    </div>
                                @endif
                            @endforeach
                        </div>
                    @else
                        {{-- Single option progress --}}
                        @if($item->options->first())
                            @php
                                $option = $item->options->first();
                                $percentage = $totalVotes > 0 ? round(($option->votes_count / $totalVotes) * 100) : 0;
                            @endphp
                            <div class="votes-progress-container" title="{{ $option->votes_count }} votes">
                                <div class="votes-progress-bar" style="width: {{ $percentage }}%"></div>
                            </div>
                            <div class="votes-breakdown">
                                <span class="option-badge">
                                    <span class="option-count">{{ $option->votes_count }}</span>
                                    @if($option->name)
                                        <span class="option-name">{{ $option->name }}</span>
                                    @endif
                                </span>
                            </div>
                        @endif
                    @endif
                </div>
            @else
                {{-- Simple view when no options --}}
                <div class="votes-simple">
                    <i class="votes-icon fas fa-chart-bar"></i>
                    <span class="votes-number">{{ $item->votes_count ?? 0 }}</span>
                </div>
            @endif
        </td>
        <td class="text-center">
            <div class="date-cell">
                <span class="date-main">
                    {{ $item->created_at?->format('d.m.Y') }}
                </span>
                <span class="date-time">
                    {{ $item->created_at?->format('H:i') }}
                </span>
                <span class="date-ago" title="{{ $item->created_at?->diffForHumans() }}">
                    <i class="far fa-clock"></i>
                    {{ $item->created_at?->shortRelativeDiffForHumans() }}
                </span>
            </div>
        </td>
        <td class="text-center published-cell">
            <div class="published-status">
                @if($item->published_at)
                    <span class="published-date">
                        {{ $item->published_at ? date('d.m.Y', strtotime($item->published_at)) : '' }}
                    </span>
                    <span class="published-time">
                        {{ $item->published_at ? date('H:i', strtotime($item->published_at)) : '' }}
                    </span>
                    <span class="published-badge published-yes">
                        <i class="fas fa-check-circle"></i>
                        {{ __('labels.published') }}
                    </span>
                @else
                    <span class="published-badge published-no">
                        <i class="fas fa-clock"></i>
                        {{ __('labels.draft') }}
                    </span>
                @endif
            </div>
        </td>
        <td>
            <div class="d-flex justify-content-end">
                <div class="action-group">
                    <a href="{{ route('surveys.show', ['groupId' => $item->group_id, 'survey' => $item->id]) }}"
                        class="btn-action btn-view" rel="tooltip" data-bs-toggle="tooltip"
                        title="{{ __('labels.details') }}">
                        <i class="fas fa fa-lg fa-eye"></i>
                    </a>
                    @can('update', $item)
                        <a class="btn-action btn-edit" href="{{ route('surveys.edit', ['survey' => $item->id]) }}" rel="tooltip"
                            data-bs-toggle="tooltip" title="{{ __('labels.edit') }}">
                            <i class="fas fa-pencil-alt"></i></a>
                    @endcan
                    @can('delete', $item)
                        <a href="javascript:void(0);" class="btn-action btn-delete" data-bs-toggle="tooltip"
                            title="{{ __('labels.delete') }}"
                            onclick="deleteRecord('{{ route('surveys.destroy', ['survey' => $item->id]) }}')">
                            <i class="fa fa-trash"></i>
                        </a>
                    @endcan
                </div>
            </div>
        </td>
    </tr>
@endforeach