@extends('student.layouts.app')

@section('title', app()->getLocale() === 'ar' ? 'تصويت الطالب المثالي' : 'Ideal Student Voting')

@php($isArabic = app()->getLocale() === 'ar')

@section('content')
<div class="space-y-6">
    <section class="rounded-[2rem] bg-gradient-to-br from-brand-600 via-sky-600 to-indigo-700 p-6 text-white shadow-xl">
        <p class="text-xs font-black uppercase tracking-[0.28em] text-white/70">{{ $isArabic ? 'تصويت مدرسي' : 'School Voting' }}</p>
        <h1 class="mt-3 text-3xl font-black">{{ $isArabic ? 'التصويت على الطالب المثالي' : 'Vote for the Ideal Student' }}</h1>
        <p class="mt-3 max-w-4xl text-sm leading-7 text-white/85">{{ $isArabic ? 'اختر أفضل الطلاب على مستوى الفصل أو الصف أو المرحلة. يمكن أن تتضمن الحملة ترشيحات للبنين والبنات حسب إعدادات الإدارة.' : 'Vote for the best students at class, grade, or stage level. Campaigns may include male and female selections depending on admin settings.' }}</p>
    </section>

    @foreach($campaignCards as $card)
        @include('ideal_student_votes._ballot_card', ['card' => $card, 'routePrefix' => 'student'])
    @endforeach
@if($campaignCards->isEmpty())
        <div class="rounded-[1.8rem] border border-dashed border-zinc-300 bg-white p-10 text-center text-sm text-zinc-500 dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-400">{{ $isArabic ? 'لا توجد حملات تصويت متاحة لك حاليًا.' : 'No voting campaigns are currently available to you.' }}</div>
    @endif
</div>
@endsection