@extends('components.dashboard.layouts.master')

@section('title', __('Lesson Details'))

@section('content')
    <div class="app-content content">
        <div class="content-wrapper">
            <x-dashboard.layouts.breadcrumb now="{{ __('Lesson Details') }}">
                <x-slot:name>{{ __('Lessons List') }}</x-slot:name>
                <x-slot:route>{{ route('teacher.lessons.index') }}</x-slot:route>
            </x-dashboard.layouts.breadcrumb>

            <div class="card">
                <div class="card-body">

                    {{-- Title --}}
                    <div class="mb-3">
                        <h5 class="mb-1 text-primary">{{ __('Lesson Title:') }}</h5>
                        <p class="text-dark">{{ $lesson->title }}</p>
                    </div>

                    {{-- Description --}}
                    <div class="mb-3">
                        <h5 class="mb-1 text-primary">{{ __('Description:') }}</h5>
                        <p class="text-dark">{{ $lesson->description ?: __('No description provided.') }}</p>
                    </div>

                    {{-- Course --}}
                    <div class="mb-3">
                        <h5 class="mb-1 text-primary">{{ __('Course:') }}</h5>
                        <p class="text-dark">{{ $lesson->course?->title ?? __('Not assigned') }}</p>
                    </div>

                    {{-- Status --}}
                    <div class="mb-3">
                        <h5 class="mb-1 text-primary">{{ __('Status:') }}</h5>
                        <span class="badge badge-{{ $lesson->status ? 'success' : 'secondary' }}">
                        {{ $lesson->status ? __('Active') : __('Hidden') }}
                    </span>
                    </div>

                    {{-- External Videos --}}
                    <div class="mb-3">
                        <h5 class="mb-1 text-primary">{{ __('External Video Links:') }}</h5>
                        @if($lesson->videos->count())
                            <ul class="list-group">
                                @foreach($lesson->videos as $video)
                                    <li class="list-group-item">
                                        <a href="{{ $video->link }}" target="_blank">
                                            {{ $video->link }}
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        @else
                            <p class="text-muted">{{ __('No video links added.') }}</p>
                        @endif
                    </div>

                    {{-- PDFs --}}
                    <div class="mb-3">
                        <h5 class="mb-1 text-primary">{{ __('PDF Files:') }}</h5>
                        @if($lesson->getMedia('pdfs')->count())
                            <ul class="list-group">
                                @foreach($lesson->getMedia('pdfs') as $media)
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                        <a href="{{ $media->getFullUrl() }}" target="_blank">
                                            {{ $media->file_name }}
                                        </a>
                                        <i class="fa fa-file-pdf-o text-danger"></i>
                                    </li>
                                @endforeach
                            </ul>
                        @else
                            <p class="text-muted">{{ __('No PDFs uploaded.') }}</p>
                        @endif
                    </div>

                    {{-- Back Button --}}
                    <a href="{{ route('teacher.lessons.index') }}" class="btn btn-secondary mt-3">
                        {{ __('← Back to Lessons List') }}
                    </a>

                </div>
            </div>
        </div>
    </div>
@endsection