@extends('layouts.main_dashboard.app')

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

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

@section('content')
<div class="space-y-6">
    <section class="rounded-xl border border-surface-200 bg-white p-6 shadow-sm dark:border-surface-800 dark:bg-surface-950">
        <h1 class="text-2xl font-black text-surface-900 dark:text-white md:text-3xl">{{ $isArabic ? 'تصويت المعلمين على الطالب المثالي' : 'Teacher voting for the ideal student' }}</h1>
        <p class="mt-3 max-w-4xl text-sm leading-7 text-surface-500 dark:text-surface-400">{{ $isArabic ? 'صوّت للطلاب المثاليين ضمن الفصول والصفوف والمراحل التي تدرّسها. يتم تنظيم المرشحين حسب الفصول لتسهيل الاختيار.' : 'Vote for ideal students in the classes, grades, and stages you teach. Candidates are grouped by class to make selection easier.' }}</p>
    </section>

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