@extends('layouts.teacher')

@section('title', 'Teacher Dashboard · '.config('brand.name'))

@section('content')
    <div class="content">
        @include('teacher.dashboard.partials.header')
        @include('teacher.dashboard.partials.kpis')

        <div class="row g-3 mb-4">
            <div class="col-12 d-flex">
                @include('teacher.dashboard.partials.live-now')
            </div>
        </div>

        <div class="row g-3 mb-4">
            <div class="col-xl-5 d-flex">
                @include('teacher.dashboard.partials.teaching-summary')
            </div>
            <div class="col-xl-7 d-flex">
                @include('teacher.dashboard.partials.alerts')
            </div>
        </div>

        <div class="row g-3 mb-4">
            <div class="col-xl-6 d-flex">
                @include('teacher.dashboard.partials.todays-lessons')
            </div>
            <div class="col-xl-6 d-flex">
                @include('teacher.dashboard.partials.upcoming-lessons')
            </div>
        </div>

        <div class="row g-3 mb-4">
            <div class="col-xl-6 d-flex">
                @include('teacher.dashboard.partials.pending-actions')
            </div>
            <div class="col-xl-6 d-flex">
                @include('teacher.dashboard.partials.notifications')
            </div>
        </div>
    </div>
@endsection