@extends('layouts.dashboard')
@section('title', 'Reports')
@section('content')
<h2 class="fw-bold mb-4">Reports & Exports</h2>

@if($elections->isEmpty())
    <div class="card p-5 text-center">
        <i class="bi bi-inbox display-4 text-muted"></i>
        <p class="mt-3 text-muted">No elections found.</p>
    </div>
@else
@foreach($elections as $election)
<div class="card p-4 mb-4">
    <div class="d-flex align-items-start justify-content-between mb-3">
        <div>
            <h5 class="fw-bold mb-1">{{ $election->title }}</h5>
            <span class="badge bg-{{ $election->status === 'active' ? 'success' : ($election->status === 'draft' ? 'secondary' : 'danger') }}">
                {{ ucfirst($election->status) }}
            </span>
            <small class="text-muted ms-2">{{ $election->voters_count }} voters</small>
        </div>
        <a href="{{ route('admin.dashboard', $election) }}" class="btn btn-outline-primary btn-sm">
            <i class="bi bi-display me-1"></i>Live Dashboard
        </a>
    </div>

    <div class="row g-2">
        <div class="col-md-6">
            <div class="card bg-light border-0 p-3">
                <h6 class="fw-bold mb-2"><i class="bi bi-trophy me-1 text-primary"></i>Election Results</h6>
                <div class="d-flex gap-2 flex-wrap">
                    <a href="{{ route('admin.reports.results', $election) }}" class="btn btn-sm btn-outline-secondary">
                        <i class="bi bi-eye me-1"></i>View
                    </a>
                    <a href="{{ route('admin.reports.results.pdf', $election) }}" class="btn btn-sm btn-danger">
                        <i class="bi bi-file-earmark-pdf me-1"></i>PDF
                    </a>
                    <a href="{{ route('admin.reports.results.excel', $election) }}" class="btn btn-sm btn-success">
                        <i class="bi bi-file-earmark-spreadsheet me-1"></i>Excel
                    </a>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card bg-light border-0 p-3">
                <h6 class="fw-bold mb-2"><i class="bi bi-people me-1 text-primary"></i>Voter Turnout</h6>
                <div class="d-flex gap-2 flex-wrap">
                    <a href="{{ route('admin.reports.turnout.pdf', $election) }}" class="btn btn-sm btn-danger">
                        <i class="bi bi-file-earmark-pdf me-1"></i>PDF
                    </a>
                    <a href="{{ route('admin.reports.turnout.excel', $election) }}" class="btn btn-sm btn-success">
                        <i class="bi bi-file-earmark-spreadsheet me-1"></i>Excel
                    </a>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card bg-light border-0 p-3">
                <h6 class="fw-bold mb-2"><i class="bi bi-shield-check me-1 text-primary"></i>Audit Log</h6>
                <div class="d-flex gap-2 flex-wrap">
                    <a href="{{ route('admin.reports.audit.pdf', $election) }}" class="btn btn-sm btn-danger">
                        <i class="bi bi-file-earmark-pdf me-1"></i>PDF
                    </a>
                    <a href="{{ route('admin.reports.audit.excel', $election) }}" class="btn btn-sm btn-success">
                        <i class="bi bi-file-earmark-spreadsheet me-1"></i>Excel
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endforeach
@endif
@endsection