@extends('public.layout.app')
@section('title', $course->title)

@section('body')
<section class="section pt-5">
    <div class="container">
        <div class="glass shadow-soft p-4 p-lg-5 mb-4">
            <a href="{{ route('front.courses.index') }}" class="btn btn-outline-light btn-sm mb-3"><i class="fa-solid fa-arrow-left me-1"></i> Courses</a>
            <div class="d-flex flex-wrap gap-2 mb-3">
                <span class="badge-soft">{{ $course->code ?? 'Course' }}</span>
                <span class="badge-soft">{{ $course->credit_hours ? $course->credit_hours . ' credits' : 'Credits TBA' }}</span>
                @if($course->duration)<span class="badge-soft">{{ $course->duration }}</span>@endif
                @if($course->semester)<span class="badge-soft">{{ $course->semester->name }}</span>@endif
            </div>
            <h1 class="fw-bold mb-2">{{ $course->title }}</h1>
            <p class="text-muted2 mb-0">
                {{ $course->semester?->program?->name ?? 'Academic program' }}
                @if($course->semester?->program?->department) | {{ $course->semester->program->department->name }} @endif
            </p>
        </div>

        <div class="row g-4">
            <div class="col-lg-8">
                <div class="card-soft shadow-soft p-4 p-lg-5 mb-4">
                    <h4 class="fw-bold mb-3">Course overview</h4>
                    @if($course->information)
                        <div class="text-muted2 mb-3" style="line-height:1.9">
                            {!! nl2br(e($course->information)) !!}
                        </div>
                    @else
                        <p class="text-muted2">This course is part of the LMS academic structure. Public descriptions, outcomes, tuition notes, and brochures can be expanded here as the academic office completes the catalogue.</p>
                    @endif
                    <div class="row g-3">
                        <div class="col-sm-4"><div class="glass p-3"><div class="text-muted2 small">Materials</div><strong>{{ $course->materials->count() }}</strong></div></div>
                        <div class="col-sm-4"><div class="glass p-3"><div class="text-muted2 small">Assignments</div><strong>{{ $course->assignments->count() }}</strong></div></div>
                        <div class="col-sm-4"><div class="glass p-3"><div class="text-muted2 small">Quizzes</div><strong>{{ $course->quizzes->count() }}</strong></div></div>
                    </div>
                </div>

                <div class="card-soft shadow-soft p-4 p-lg-5 mb-4">
                    <h4 class="fw-bold mb-3">Catalogue details</h4>
                    <div class="row g-3 mb-4">
                        <div class="col-md-4">
                            <div class="glass p-3 h-100">
                                <div class="text-muted2 small">Duration</div>
                                <strong>{{ $course->duration ?: 'To be announced' }}</strong>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="glass p-3 h-100">
                                <div class="text-muted2 small">Credits</div>
                                <strong>{{ $course->credit_hours ? $course->credit_hours . ' credits' : 'To be announced' }}</strong>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="glass p-3 h-100">
                                <div class="text-muted2 small">Tuition</div>
                                <strong>
                                    @if(!is_null($course->tuition_fee))
                                        {{ $course->tuition_currency ?: 'AFN' }} {{ number_format($course->tuition_fee, 2) }}
                                    @else
                                        To be announced
                                    @endif
                                </strong>
                            </div>
                        </div>
                    </div>

                    @foreach([
                        'curriculum' => 'Curriculum',
                        'entry_requirements' => 'Entry requirements',
                        'career_opportunities' => 'Career opportunities',
                    ] as $field => $label)
                        @if($course->{$field})
                            <div class="mb-4">
                                <h5 class="fw-bold">{{ $label }}</h5>
                                <div class="text-muted2" style="line-height:1.9">{!! nl2br(e($course->{$field})) !!}</div>
                            </div>
                        @endif
                    @endforeach

                    @if($course->brochure_path)
                        <a href="{{ asset('storage/' . $course->brochure_path) }}" target="_blank" class="btn btn-success-soft">
                            <i class="fa-solid fa-file-arrow-down me-1"></i> Download brochure
                        </a>
                    @endif
                </div>

                <div class="card-soft shadow-soft p-4 p-lg-5">
                    <h4 class="fw-bold mb-3">Learning resources</h4>
                    @forelse($course->materials as $material)
                        <div class="d-flex justify-content-between gap-3 py-3 border-bottom">
                            <div>
                                <div class="fw-semibold">{{ $material->title }}</div>
                                <div class="text-muted2 small">{{ ucfirst($material->type) }}</div>
                            </div>
                            @if($material->file_path)
                                <a href="{{ asset('storage/' . $material->file_path) }}" target="_blank" class="btn btn-success-soft btn-sm"><i class="fa-solid fa-download"></i></a>
                            @elseif($material->video_url)
                                <a href="{{ $material->video_url }}" target="_blank" class="btn btn-info-soft btn-sm"><i class="fa-solid fa-play"></i></a>
                            @endif
                        </div>
                    @empty
                        <div class="alert alert-soft mb-0">Course materials will appear here after publishing.</div>
                    @endforelse
                </div>
            </div>

            <div class="col-lg-4">
                <div class="card-soft shadow-soft p-4 mb-4">
                    <h5 class="fw-bold mb-3">Academic path</h5>
                    <div class="d-flex justify-content-between py-2"><span class="text-muted2">Program</span><strong>{{ $course->semester?->program?->name ?? '-' }}</strong></div>
                    <div class="d-flex justify-content-between py-2"><span class="text-muted2">Department</span><strong>{{ $course->semester?->program?->department?->name ?? '-' }}</strong></div>
                    <div class="d-flex justify-content-between py-2"><span class="text-muted2">Faculty</span><strong>{{ $course->semester?->program?->department?->faculty?->name ?? '-' }}</strong></div>
                </div>
                <div class="card-soft shadow-soft p-4">
                    <h5 class="fw-bold mb-3">Teachers</h5>
                    @forelse($course->teachers as $teacher)
                        <div class="glass p-3 mb-2">
                            <div class="fw-semibold">{{ $teacher->name }}</div>
                            <div class="text-muted2 small">{{ $teacher->qualification ?? $teacher->specialization ?? 'Instructor' }}</div>
                        </div>
                    @empty
                        <p class="text-muted2 mb-0">Teachers will be listed when assigned.</p>
                    @endforelse
                </div>
            </div>
        </div>
    </div>
</section>
<section class="uni-page pt-0">
    <div class="container">
        <div class="uni-layout">
            <main class="uni-stack">
                @include('public.partials.important-notes', ['notes' => $course->public_notes ?? null])
                @include('public.partials.comment-section', ['type' => 'course', 'id' => $course->id, 'comments' => $comments ?? collect()])
                @include('public.partials.feedback-form', ['type' => 'course', 'id' => $course->id])
            </main>
            <aside class="uni-stack">
                @include('public.partials.share-buttons', ['title' => $course->title])
                @include('public.partials.apply-cta')
            </aside>
        </div>
    </div>
</section>
@endsection