@foreach($items as $index => $item)
<tr>
    <td>
        <div class="checkbox-item">
            <label>
                <input type="checkbox" name="investment_ids[]" value="{{ $item->id }}" class="row-checkbox">
                <span class="checkmark"></span>
            </label>
        </div>
    </td>
    <td><span class="td">{{ $index + 1 }}</span></td>
    <td><span class="td">{{ $item->user->name }}</span></td>
    <td>
        <span class="td">{{ $item->plan->title }}</span>
    </td>
    <td><span class="td">{{ format_date($item->created_at) }}</span></td>
    <td><span class="td">$ {{ number_format($item->amount, 2) }}</span></td>
    <td><span class="td">$ {{ number_format($item->profit_amount, 2) }}</span></td>
    <td>
        @php
            if ($item->lifetime_return || ($item->profit_repeat && $item->profit_repeat > 0)) {
                $nextProfit = \Carbon\Carbon::parse($item->profit_time);
                $isComplete = now()->gt($nextProfit);
                $diffInSeconds = now()->diffInSeconds($nextProfit, false);
            } else {
                $nextProfit = null;
            }
        @endphp

        @if ($nextProfit)
            <span 
                class="countdown-timer"
                data-seconds="{{ max($diffInSeconds, 0) }}"
                data-complete="{{ $isComplete ? 'true' : 'false' }}"
            >
                {{ $isComplete ? __('admin.Completed') : gmdate('H:i:s', max($diffInSeconds, 0)) }}
            </span>
        @else
            <span>{{ __('admin.N/A') }}</span>
        @endif
    </td>
    

    <td>
        @php
          
            $status = $item->status;

            $statusLabels = [
                '0' => __('admin.Pending'),
                '1' => __('admin.Running'),
                '2' => __('admin.Completed'),
                '3' => __('admin.Canceled'),
            ];

            $statusClasses = [
                '0' => 'pending-badge',
                '1' => 'active-badge', 
                '2' => 'success-badge',
                '3' => 'canceled-badge',
            ];

            $statusLabel = $statusLabels[$status] ?? __('admin.Unknown');
            $statusClass = $statusClasses[$status] ?? 'bg-secondary';
        @endphp

        <div class="btn-group">
            <button type="button" class="{{ $statusClass }} dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                {{ $statusLabel }}
            </button>
            @php

           
            @endphp
            <ul class="dropdown-menu">
                @foreach(['0' => __('admin.Pending'), '1' => __('admin.Running'), '2' => __('admin.Completed'), '3' => __('admin.cancel'),] as $key => $label)
                    <li>
                        <a class="dropdown-item {{ $key == $status ? 'disabled text-muted' : '' }}"
                           href="{{ $key == $status ? '#' : route('admin.investment.change.status', ['id' => $item->id, 'status' => $key]) }}">
                            {{ $label }}
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
    </td>
    <td>
        <div class="d-flex gap-4">
            <a class="view-icon-btn edit" href="#" data-bs-toggle="modal" 
                    data-item="{{ $item }}" data-bs-toggle="modal"
                    data-bs-target="#investment-details-modal"
            >
                <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
                <g clip-path="url(#clip0_5222_81203)">
                    <path
                    d="M11.0002 4.5625C6.87328 4.5625 3.13079 6.82037 0.369204 10.4878C0.143859 10.7882 0.143859 11.208 0.369204 11.5084C3.13079 15.1802 6.87328 17.4381 11.0002 17.4381C15.1271 17.4381 18.8696 15.1802 21.6312 11.5129C21.8565 11.2124 21.8565 10.7926 21.6312 10.4922C18.8696 6.82037 15.1271 4.5625 11.0002 4.5625ZM11.2962 15.5337C8.55675 15.706 6.29446 13.4482 6.46678 10.7043C6.60817 8.44197 8.44186 6.60828 10.7042 6.46689C13.4436 6.29457 15.7059 8.55244 15.5336 11.2963C15.3878 13.5542 13.5541 15.3879 11.2962 15.5337ZM11.1593 13.4393C9.68347 13.5321 8.46396 12.317 8.56116 10.8412C8.63628 9.62172 9.62603 8.63639 10.8455 8.55685C12.3213 8.46407 13.5409 9.67916 13.4436 11.155C13.3641 12.3789 12.3744 13.3642 11.1593 13.4393Z"
                    fill="white" />
                </g>
                <defs>
                    <clipPath id="clip0_5222_81203">
                    <rect width="21.6" height="21.6" fill="white" transform="translate(0.199219 0.199219)" />
                    </clipPath>
                </defs>
                </svg>
            </a>

             <x-global.delete-button :href="route('admin.invest.destroy', $item->id)" />
        </div>
    </td>
</tr>

@push('scripts')

<script>
        function updateCountdownTimers() {
            document.querySelectorAll('.countdown-timer').forEach(timer => {
                let seconds = parseInt(timer.getAttribute('data-seconds'));
                const isComplete = timer.getAttribute('data-complete') === 'true';
                
                if (isComplete || seconds <= 0) {
                    timer.textContent = '{{ __("admin.Completed") }}';
                    return;
                }
                
                // Update the display
                timer.textContent = formatTime(seconds);
                
                // Update the data attribute for next iteration
                timer.setAttribute('data-seconds', seconds - 1);
            });
        }

        function formatTime(seconds) {
            const hours = Math.floor(seconds / 3600);
            const minutes = Math.floor((seconds % 3600) / 60);
            const secs = seconds % 60;
            return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
        }
        setInterval(updateCountdownTimers, 1000);


        updateCountdownTimers();
</script>

@endpush

@endforeach