@extends('layouts.app')

@section('title', 'My Classes | Teacher')

@section('sidebar-menu')
    @include('teacher.partials.sidebar')
@endsection

@section('breadcrumb')
    Teacher / My Classes
@endsection

@section('content')
    <div class="row g-4">
        @foreach($myClasses as $class)
        <div class="col-lg-4 col-md-6">
            <div class="card shadow-sm h-100">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0">{{ $class->name }} {{ $class->stream }}</h5>
                </div>
                <div class="card-body">
                    <p><strong>Level:</strong> {{ ucfirst($class->level) }}</p>
                    <p><strong>Capacity:</strong> {{ $class->capacity }} students</p>
                    
                    <div class="mt-3">
                        <strong>Subjects I Teach:</strong>
                        <ul class="list-unstyled">
                            @foreach($class->subjects as $subject)
                                <li class="mb-1">
                                    <i class="fas fa-book text-primary"></i> {{ $subject->name }}
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="#" class="btn btn-sm btn-outline-primary">View Students</a>
                    <a href="{{ route('teacher.grades.index') }}" class="btn btn-sm btn-orange">Enter Marks</a>
                </div>
            </div>
        </div>
        @endforeach
    </div>
@endsection