@extends('admin.layouts.app')
@section('title','Elections')
@section('page-title','Elections')
@section('page-subtitle','Setup elections, positions, candidates and view results')
@section('elections-active','active')
@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

<div class="mb-3">
    <a href="{{ route('admin.elections.otp-settings.index') }}" class="btn btn-sm btn-outline-green">
        <i class="fas fa-shield-halved me-1"></i> Election OTP Settings
    </a>
    <a href="{{ route('admin.bulk-uploads.index', ['upload_type' => 'eligible_voters', 'conference_id' => $conferenceId]) }}" class="btn btn-sm btn-outline-green ms-2">
        <i class="fas fa-upload me-1"></i> Bulk Import Voters
    </a>
    @unless($otpChannelsEnabled ?? true)
        <span class="badge bg-warning text-dark ms-2">No OTP channels configured</span>
    @endunless
</div>

<form method="GET" class="mb-3">
    <div class="row g-2">
        <div class="col-md-4">
            <select name="conference_id" class="form-select" onchange="this.form.submit()">
                <option value="">All Conferences</option>
                @foreach($conferences as $conf)
                    <option value="{{ $conf->id }}" @selected($conferenceId == $conf->id)>{{ $conf->name }}</option>
                @endforeach
            </select>
        </div>
    </div>
</form>

<div class='cardx p-4 mb-4'>
    <h6>Create Election</h6>
    <form method="POST" action="{{ route('admin.elections.store') }}">
        @csrf
        <div class="row g-3">
            <div class="col-md-4">
                <select name="conference_id" class="form-select" required>
                    @foreach($conferences as $conf)
                        <option value="{{ $conf->id }}">{{ $conf->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4"><input name="title" class="form-control" placeholder="Election title" required></div>
            <div class="col-md-2"><input type="number" name="election_year" class="form-control" value="{{ date('Y') }}" required></div>
            <div class="col-md-3"><input type="datetime-local" name="start_time" class="form-control"></div>
            <div class="col-md-3"><input type="datetime-local" name="end_time" class="form-control"></div>
            <div class="col-md-3">
                <select name="status" class="form-select">
                    @foreach(['draft','active','closed','archived'] as $s)<option value="{{ $s }}">{{ ucfirst($s) }}</option>@endforeach
                </select>
            </div>
            <div class="col-md-12"><button type="submit" class="btn btn-green">Create Election</button></div>
        </div>
    </form>
</div>

<div class='row g-4'>
    <div class='col-lg-5'>
        <div class='cardx p-4'>
            <h6>Elections</h6>
            @forelse($elections as $election)
                <a href="{{ route('admin.elections.index', ['election_id' => $election->id, 'conference_id' => $conferenceId]) }}" class="d-block p-2 mb-2 rounded {{ ($selectedElection?->id ?? null) === $election->id ? 'bg-success-subtle' : 'border' }}">
                    <strong>{{ $election->title }}</strong><br>
                    <small>{{ $election->conference?->name }} · {{ ucfirst($election->status) }}</small>
                </a>
            @empty
                <p class="text-muted">No elections yet.</p>
            @endforelse
            {{ $elections->links() }}
        </div>
    </div>
    @if($selectedElection)
    <div class='col-lg-7'>
        <div class='cardx p-4 mb-3'>
            <h5>{{ $selectedElection->title }}</h5>
            <p>{{ $selectedElection->start_time?->format('M d, Y H:i') }} — {{ $selectedElection->end_time?->format('M d, Y H:i') }}</p>
            <p>Eligible voters: {{ $selectedElection->eligibleVoters->count() }} · Voted: {{ $selectedElection->eligibleVoters->where('voting_status', 'voted')->count() }}</p>
            <div class="d-flex flex-wrap gap-2 mb-3">
                <a href="{{ route('admin.elections.results', $selectedElection) }}" class="btn btn-sm btn-outline-green">View Results</a>
                @if($selectedElection->otp_required)
                    <form method="POST" action="{{ route('admin.elections.otp.send-all', $selectedElection) }}" class="d-inline" onsubmit="return confirm('Send OTP to all eligible voters who have not voted?')">
                        @csrf
                        <button type="submit" class="btn btn-sm btn-green" @disabled(!($otpChannelsEnabled ?? false))>Send OTP to All</button>
                    </form>
                @endif
            </div>
            @if($selectedElection->otp_required && $selectedElection->eligibleVoters->isNotEmpty())
                <div class="table-responsive mb-4">
                    <table class="table table-sm align-middle">
                        <thead><tr><th>Voter</th><th>Contact</th><th>Status</th><th>OTP</th><th></th></tr></thead>
                        <tbody>
                            @foreach($selectedElection->eligibleVoters as $voter)
                                <tr>
                                    <td>{{ $voter->full_name }}<br><small class="text-muted">{{ $voter->membership_number }}</small></td>
                                    <td><small>{{ $voter->email ?: $voter->user?->email ?: '—' }}<br>{{ $voter->phone_number ?: $voter->user?->phone_number ?: '—' }}</small></td>
                                    <td><span class="badge bg-{{ $voter->voting_status === 'voted' ? 'success' : 'secondary' }}">{{ str_replace('_', ' ', ucfirst($voter->voting_status)) }}</span></td>
                                    <td>
                                        @if($voter->otp_locked_until && $voter->otp_locked_until->isFuture())
                                            <span class="text-danger small">Locked</span>
                                        @elseif($voter->otp_last_sent_at)
                                            <span class="text-muted small">Sent {{ $voter->otp_last_sent_at->diffForHumans() }}</span>
                                        @else
                                            <span class="text-muted small">Not sent</span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($voter->voting_status !== 'voted')
                                            <form method="POST" action="{{ route('admin.elections.otp.send-voter', [$selectedElection, $voter]) }}" class="d-inline">
                                                @csrf
                                                <button type="submit" class="btn btn-sm btn-outline-green" @disabled(!($otpChannelsEnabled ?? false))>Send OTP</button>
                                            </form>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endif
        </div>
        @foreach($selectedElection->positions as $position)
            <div class='cardx p-4 mb-3'>
                <h6>{{ $position->title }}</h6>
                <ul class="list-unstyled mb-2">
                    @foreach($position->candidates as $candidate)
                        @php $votes = $results->firstWhere('candidate_id', $candidate->id)?->vote_count ?? 0; @endphp
                        <li class="mb-1">{{ $candidate->full_name }} — <strong>{{ $votes }}</strong> votes</li>
                    @endforeach
                </ul>
                <form method="POST" action="{{ route('admin.elections.candidates.store', $position) }}" class="row g-2">
                    @csrf
                    <div class="col-md-5"><input name="full_name" class="form-control form-control-sm" placeholder="Candidate name" required></div>
                    <div class="col-md-4"><input name="membership_number" class="form-control form-control-sm" placeholder="Membership #"></div>
                    <div class="col-md-3"><button class="btn btn-sm btn-green w-100">Add Candidate</button></div>
                </form>
            </div>
        @endforeach
        <form method="POST" action="{{ route('admin.elections.positions.store', $selectedElection) }}" class="row g-2">
            @csrf
            <div class="col-md-8"><input name="title" class="form-control" placeholder="New position title" required></div>
            <div class="col-md-4"><button class="btn btn-green w-100">Add Position</button></div>
        </form>
    </div>
    @endif
</div>

@endsection