@extends('user.layouts.app')
@section('title','Election')
@section('page-title','Election Voting')
@section('page-subtitle','Cast your vote for eligible elections')
@section('content')

@if(session('success'))<div class="alert alert-success">{{ session('success') }}</div>@endif
@if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif
@if(session('info'))<div class="alert alert-info">{{ session('info') }}</div>@endif

@forelse($elections as $election)
    @php
        $voter = $voterRecords->get($election->id);
        $otpLocked = $voter && $voter->otp_locked_until && $voter->otp_locked_until->isFuture();
        $cooldownRemaining = 0;
        if ($voter && $voter->otp_last_sent_at) {
            $nextAllowed = $voter->otp_last_sent_at->copy()->addSeconds($otpSettings->resend_cooldown_seconds);
            $cooldownRemaining = $nextAllowed->isFuture() ? (int) $nextAllowed->diffInSeconds(now()) : 0;
        }
    @endphp
    <div class="content-card p-4 mb-4">
        <div class="d-flex justify-content-between align-items-start mb-3">
            <div>
                <h5>{{ $election->title }}</h5>
                <p class="text-muted mb-0">{{ $election->conference?->name }} · {{ $election->election_year }}</p>
                <small>{{ $election->start_time?->format('M d, Y H:i') }} — {{ $election->end_time?->format('M d, Y H:i') }}</small>
            </div>
            @if($voter?->voting_status === 'voted')
                <span class="badge bg-success">Voted</span>
            @elseif($election->isOpen() && $voter)
                <span class="badge bg-primary">Open</span>
            @else
                <span class="badge bg-secondary">{{ ucfirst($election->status) }}</span>
            @endif
        </div>

        @if($voter && $voter->voting_status !== 'voted' && $election->isOpen())
            @if($election->otp_required)
                <div class="border rounded p-3 mb-3 bg-light">
                    <h6 class="mb-2">OTP Verification Required</h6>
                    @if($otpLocked)
                        <p class="text-danger mb-0 small">Too many failed attempts. Try again after {{ $voter->otp_locked_until->format('M d, Y H:i') }}.</p>
                    @else
                        <p class="text-muted small mb-2">
                            Request a one-time code via:
                            @forelse($enabledChannels as $channel)
                                <span class="badge bg-secondary">{{ strtoupper($channel) }}</span>
                            @empty
                                <span class="text-danger">No channels configured — contact admin.</span>
                            @endforelse
                        </p>
                        @if($enabledChannels->isNotEmpty())
                            <form method="POST" action="{{ route('user.election.request-otp', $election) }}" class="d-inline">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-outline-success" @disabled($cooldownRemaining > 0)>
                                    {{ $voter->otp_last_sent_at ? 'Resend OTP' : 'Request OTP' }}
                                </button>
                            </form>
                            @if($cooldownRemaining > 0)
                                <small class="text-muted ms-2">Wait {{ $cooldownRemaining }}s before resending.</small>
                            @elseif($voter->otp_last_sent_at)
                                <small class="text-muted ms-2">Last sent {{ $voter->otp_last_sent_at->diffForHumans() }}. Expires in {{ $otpSettings->expiry_minutes }} min.</small>
                            @endif
                        @endif
                    @endif
                </div>
            @endif

            <form method="POST" action="{{ route('user.election.vote', $election) }}">
                @csrf
                @if($election->otp_required && ! $otpLocked)
                    <div class="mb-3">
                        <label class="form-label">OTP Code</label>
                        <input name="otp_code" class="form-control" inputmode="numeric" pattern="\d{4,8}" maxlength="8" autocomplete="one-time-code" required @disabled($enabledChannels->isEmpty())>
                        <div class="form-text">Enter the code sent to your registered contact details.</div>
                    </div>
                @endif
                @foreach($election->positions as $position)
                    <div class="mb-3">
                        <label class="form-label fw-bold">{{ $position->title }}</label>
                        @foreach($position->candidates->where('status', 'active') as $candidate)
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="votes[{{ $position->id }}]" value="{{ $candidate->id }}" id="c{{ $candidate->id }}" required>
                                <label class="form-check-label" for="c{{ $candidate->id }}">
                                    {{ $candidate->full_name }}
                                    @if($candidate->manifesto)<br><small class="text-muted">{{ Str::limit($candidate->manifesto, 100) }}</small>@endif
                                </label>
                            </div>
                        @endforeach
                    </div>
                @endforeach
                <button type="submit" class="btn btn-success" onclick="return confirm('Submit your vote? This cannot be changed.')" @disabled($election->otp_required && ($otpLocked || $enabledChannels->isEmpty()))>Submit Vote</button>
            </form>
        @elseif(!$voter)
            <p class="text-muted mb-0">You are not eligible to vote in this election.</p>
        @elseif($voter->voting_status === 'voted')
            <p class="text-muted mb-0">You have already voted. Thank you for participating.</p>
        @else
            <p class="text-muted mb-0">Voting is not currently open.</p>
        @endif
    </div>
@empty
<div class="content-card p-4"><p class="text-muted mb-0">No active elections at this time.</p></div>
@endforelse

@endsection