@extends('admin.layout.app')

@section('body')
<div class="card card-page p-3 shadow-sm">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-0">{{ $semester->name }}</h4>
            <small class="text-muted d-flex flex-wrap gap-2">
                <span class="badge bg-info">
                    <i class="fas fa-graduation-cap me-1"></i> {{ $semester->program->name ?? '—' }}
                </span>
                <span class="badge bg-light text-dark border">{{ __('admin.number') }}: {{ $semester->number ?? '—' }}</span>
                <span class="badge bg-light text-dark border">
                    <i class="far fa-calendar-alt me-1"></i>
                    {{ optional($semester->start_date)->format('Y-m-d') ?? '—' }}
                    →
                    {{ optional($semester->end_date)->format('Y-m-d') ?? '—' }}
                </span>
            </small>
        </div>

        <div class="d-flex gap-2">
            <a href="{{ route('semesters.edit', $semester->id) }}" class="btn btn-outline-primary">{{ __('admin.edit') }}</a>
            <a href="{{ route('semesters.index', ['program_id' => $semester->program_id]) }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
        </div>
    </div>

    {{-- Basic Info Row --}}
    <div class="row g-3">
        <div class="col-md-3"><strong>{{ __('admin.id_2') }}</strong> {{ $semester->id }}</div>
        <div class="col-md-3"><strong>{{ __('admin.program_3') }}</strong> {{ $semester->program->name ?? '—' }}</div>
        <div class="col-md-3"><strong>{{ __('admin.number_2') }}</strong> {{ $semester->number ?? '—' }}</div>
        <div class="col-md-3"><strong>{{ __('admin.degree_2') }}</strong> {{ $semester->program->degree_type ?? '—' }}</div>
    </div>

    {{-- Next Semester Info --}}
    <div class="row mt-3">
        <div class="col-md-6">
            <strong>{{ __('admin.next_semester_2') }}</strong>
            @if($semester->nextSemester)
                <a href="{{ route('semesters.show', $semester->nextSemester->id) }}" class="badge bg-primary text-decoration-none">
                    {{ $semester->nextSemester->name }}
                </a>
                (ID: {{ $semester->nextSemester->id }})
            @else
                <span class="badge bg-secondary">{{ __('admin.end_of_program_no_next_semester') }}</span>
            @endif
        </div>
        <div class="col-md-6">
            <strong>{{ __('admin.active_students_in_this_semester') }}</strong>
            <span class="badge bg-success">{{ $studentsCount }}</span>
        </div>
    </div>

    <hr>

    {{-- Courses List --}}
    <h5 class="mb-3">{{ __('admin.courses_under_this_semester') }}</h5>
    @if($semester->courses->count() > 0)
        <div class="table-responsive mb-4">
            <table class="table table-sm table-bordered">
                <thead class="table-light">
                    <tr><th>{{ __('admin.id') }}</th><th>{{ __('admin.course_title') }}</th><th>{{ __('admin.code') }}</th><th>{{ __('admin.credit_hours') }}</th><th>{{ __('admin.actions') }}</th></tr>
                </thead>
                <tbody>
                    @foreach($semester->courses as $course)
                        <tr>
                            <td>{{ $course->id }}</td>
                            <td>{{ $course->title }}</td>
                            <td>{{ $course->code ?? '—' }}</td>
                            <td>{{ $course->credit_hours ?? '—' }}</td>
                            <td>
                                <a href="{{ route('courses.show', $course->id) }}" class="btn btn-sm btn-outline-info">{{ __('admin.view') }}</a>
                                <a href="{{ route('courses.edit', $course->id) }}" class="btn btn-sm btn-outline-primary">{{ __('admin.edit') }}</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @else
        <div class="alert alert-secondary">{{ __('admin.no_courses_assigned_to_this_semester_yet') }}</div>
    @endif

    {{-- Enrolled Students Preview (first 10) --}}
    <h5 class="mb-3">{{ __('admin.enrolled_students_active_preview_max_10') }}</h5>
    @if($studentsCount > 0)
        <div class="table-responsive">
            <table class="table table-sm table-bordered">
                <thead class="table-light">
                    <tr><th>{{ __('admin.id') }}</th><th>{{ __('admin.name') }}</th><th>{{ __('admin.email') }}</th><th>{{ __('admin.actions') }}</th></tr>
                </thead>
                <tbody>
                    @foreach($students as $student)
                        <tr>
                            <td>{{ $student->id }}</td>
                            <td>{{ $student->name }}</td>
                            <td>{{ $student->email }}</td>
                            <td>
                                <a href="{{ route('students.show', $student->id) }}" class="btn btn-sm btn-outline-info">{{ __('admin.view') }}</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        @if($studentsCount > 10)
            <div class="text-muted small mt-1">... and {{ $studentsCount - 10 }} more students. Use the Students page to see all.</div>
        @endif
    @else
        <div class="alert alert-secondary">{{ __('admin.no_active_students_enrolled_in_courses_of_this_semester') }}</div>
    @endif

    <hr>

    <div class="d-flex flex-wrap gap-2 mt-2">
        <a href="{{ route('semesters.index', ['program_id' => $semester->program_id]) }}" class="btn btn-light">
            <i class="fas fa-list me-2"></i> {{ __('admin.back_to_list') }}
        </a>
        <a href="{{ route('courses.index', ['semester_id' => $semester->id]) }}" class="btn btn-light">
            <i class="fas fa-book me-2"></i> {{ __('admin.manage_courses') }}
        </a>
        <a href="{{ route('exam.semesters.results', $semester->id) }}" class="btn btn-info">
            <i class="fas fa-chart-line me-2"></i> {{ __('admin.view_semester_results') }}
        </a>
    </div>
</div>
@endsection