@extends('admin.layout.app')

@section('content')

<x-page-header 
    title="لوحة التحكم" 
    :breadcrumb="[ 
        ['title' => 'لوحة التحكم']
    ]"
/>

<div class="row">

    <!-- Total Lectures -->
    <x-dash-card 
        icon="fa fa-book" 
        number="{{ $totalLectures }}" 
        label="إجمالي المحاضرات" 
    />

    <!-- Today Lectures -->
    <x-dash-card 
        icon="fa fa-calendar" 
        number="{{ $todayLectures }}" 
        label="محاضرات اليوم" 
    />

    <!-- Total Students -->
    <x-dash-card 
        icon="fa fa-users" 
        number="{{ $totalStudents }}" 
        label="عدد الحضور" 
    />

    <!-- Avg Rating -->
    <x-dash-card 
        icon="fa fa-star" 
        number="{{ number_format($avgRating, 1) }}" 
        label="متوسط التقييم" 
    />

</div>

<div class="row mt-4">

    <!-- Top Teacher -->
    <div class="col-md-6">
        <div class="card p-3">
            <h5>🏆 أفضل محاضر</h5>
            <h3>{{ $topTeacher ?? '—' }}</h3>
        </div>
    </div>

    <!-- Top Type -->
    <div class="col-md-6">
        <div class="card p-3">
            <h5>📚 أكثر نوع محاضرات</h5>
            <h3>{{ $topType ?? '—' }}</h3>
        </div>
    </div>

</div>

@endsection