@extends('layouts.app')

@section('title', 'Hasil Voting')

@section('content')
<div class="container my-5">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h3>Hasil Voting Kosma</h3>
        <a href="{{ route('admin.dashboard') }}" class="btn btn-secondary">
            ← Kembali ke Dashboard
        </a>
    </div>

    <div class="table-responsive">
        <table class="table table-bordered align-middle">
            <thead class="table-dark">
                <tr>
                    <th>Nama Kandidat</th>
                    <th>Jumlah Suara</th>
                    <th>Persentase</th>
                </tr>
            </thead>
            <tbody>
                @php
                    $total = $votes->sum('jumlah');
                @endphp

                @forelse ($votes as $vote)
                    <tr>
                        <td>{{ $vote->nama }}</td>
                        <td>{{ $vote->jumlah }}</td>
                        <td>
                            @if ($total > 0)
                                {{ number_format(($vote->jumlah / $total) * 100, 2) }}%
                            @else
                                0%
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="3" class="text-center">Belum ada data voting.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection