@extends('user::layouts.backend-master')
@section('breadcrumb_title', 'Course Details')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1>{{ $course->title }}</h1>
        <div>
            <a href="{{ route('admin.course.edit', $course->id) }}" class="btn btn-primary">
                <i class="fas fa-edit"></i> Edit
            </a>
            <a href="{{ route('admin.course.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left"></i> Back to Courses
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-md-8">
            <div class="card mb-4">
                <div class="card-header">
                    <h5>Course Details</h5>
                </div>
                <div class="card-body">
                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Status</div>
                        <div class="col-md-8">
                            @php
                                $statusClass =
                                    [
                                        'published' => 'success',
                                        'draft' => 'secondary',
                                        'scheduled' => 'info',
                                        'archived' => 'warning',
                                        'trash' => 'danger',
                                    ][$course->status] ?? 'secondary';
                            @endphp
                            <span class="badge bg-{{ $statusClass }}">{{ ucfirst($course->status) }}</span>
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Level</div>
                        <div class="col-md-8">{{ ucfirst($course->level) }}</div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Duration</div>
                        <div class="col-md-8">{{ $course->duration }} hours</div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Price</div>
                        <div class="col-md-8">
                            @if ($course->getMeta('is_free'))
                                <span class="badge bg-success">Free</span>
                            @else
                                @if ($course->sale_price)
                                    <span
                                        class="text-decoration-line-through">${{ number_format($course->price, 2) }}</span>
                                    <span class="text-danger fw-bold">${{ number_format($course->sale_price, 2) }}</span>
                                @else
                                    ${{ number_format($course->price, 2) }}
                                @endif
                            @endif
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Certificate</div>
                        <div class="col-md-8">
                            @if ($course->getMeta('certificate'))
                                <span class="badge bg-success"><i class="fas fa-check"></i> Yes</span>
                            @else
                                <span class="badge bg-secondary"><i class="fas fa-times"></i> No</span>
                            @endif
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Featured</div>
                        <div class="col-md-8">
                            @if ($course->isFeatured())
                                <span class="badge bg-warning"><i class="fas fa-star"></i> Featured</span>
                            @else
                                <span class="badge bg-secondary">Not Featured</span>
                            @endif
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Author</div>
                        <div class="col-md-8">{{ $course->author->name }}</div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Created</div>
                        <div class="col-md-8">{{ $course->created_at->format('F j, Y, g:i a') }}</div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Last Updated</div>
                        <div class="col-md-8">{{ $course->updated_at->format('F j, Y, g:i a') }}</div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Published</div>
                        <div class="col-md-8">
                            @if ($course->published_at)
                                {{ $course->published_at->format('F j, Y, g:i a') }}
                            @else
                                <span class="text-muted">Not published</span>
                            @endif
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Language</div>
                        <div class="col-md-8">{{ $course->language->name }}</div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Categories</div>
                        <div class="col-md-8">
                            @forelse($course->courseCategories as $category)
                                <span class="badge bg-info">{{ $category->name }}</span>
                            @empty
                                <span class="text-muted">No categories</span>
                            @endforelse
                        </div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Lesson Count</div>
                        <div class="col-md-8">{{ $course->lessonCount }}</div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Enrollment Count</div>
                        <div class="col-md-8">{{ $course->enrollmentCount }}</div>
                    </div>

                    <div class="row mb-3">
                        <div class="col-md-4 fw-bold">Average Rating</div>
                        <div class="col-md-8">
                            @php
                                $rating = $course->averageRating();
                            @endphp
                            <div class="d-flex align-items-center">
                                <div class="me-2">{{ number_format($rating, 1) }}/5.0</div>
                                <div>
                                    @for ($i = 1; $i <= 5; $i++)
                                        @if ($i <= $rating)
                                            <i class="fas fa-star text-warning"></i>
                                        @elseif($i <= $rating + 0.5)
                                            <i class="fas fa-star-half-alt text-warning"></i>
                                        @else
                                            <i class="far fa-star text-warning"></i>
                                        @endif
                                    @endfor
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header">
                    <h5>Description</h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <h6>Short Description</h6>
                        <p>{{ $course->excerpt }}</p>
                    </div>

                    <div>
                        <h6>Full Description</h6>
                        <div>{!! $course->content !!}</div>
                    </div>
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header">
                    <h5>Learning Outcomes</h5>
                </div>
                <div class="card-body">
                    @php
                        $outcomes = $course->getMeta('what_you_learn', []);
                        $outcomes = is_array($outcomes) ? $outcomes : [];
                    @endphp

                    @if (count($outcomes) > 0)
                        <ul>
                            @foreach ($outcomes as $outcome)
                                <li>{{ $outcome }}</li>
                            @endforeach
                        </ul>
                    @else
                        <p class="text-muted">No learning outcomes specified.</p>
                    @endif
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header">
                    <h5>Requirements</h5>
                </div>
                <div class="card-body">
                    @php
                        $requirements = $course->getMeta('requirements', []);
                        $requirements = is_array($requirements) ? $requirements : [];
                    @endphp

                    @if (count($requirements) > 0)
                        <ul>
                            @foreach ($requirements as $requirement)
                                <li>{{ $requirement }}</li>
                            @endforeach
                        </ul>
                    @else
                        <p class="text-muted">No requirements specified.</p>
                    @endif
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header">
                    <h5>Course Content</h5>
                </div>
                <div class="card-body">
                    <div class="accordion" id="courseContent">
                        @forelse($course->sections as $index => $section)
                            <div class="accordion-item">
                                <h2 class="accordion-header" id="heading{{ $section->id }}">
                                    <button class="accordion-button {{ $index > 0 ? 'collapsed' : '' }}" type="button"
                                        data-bs-toggle="collapse" data-bs-target="#collapse{{ $section->id }}"
                                        aria-expanded="{{ $index === 0 ? 'true' : 'false' }}"
                                        aria-controls="collapse{{ $section->id }}">
                                        {{ $section->title }}
                                        <span class="badge bg-secondary ms-auto">{{ $section->children->count() }}
                                            lessons</span>
                                    </button>
                                </h2>
                                <div id="collapse{{ $section->id }}"
                                    class="accordion-collapse collapse {{ $index === 0 ? 'show' : '' }}"
                                    aria-labelledby="heading{{ $section->id }}" data-bs-parent="#courseContent">
                                    <div class="accordion-body">
                                        <ul class="list-group">
                                            @foreach ($section->children as $lesson)
                                                <li
                                                    class="list-group-item d-flex justify-content-between align-items-center">
                                                    <div>
                                                        @php
                                                            $lessonType = $lesson->getMeta('lesson_type', 'video');
                                                            $icon =
                                                                [
                                                                    'video' => 'fas fa-play-circle',
                                                                    'quiz' => 'fas fa-question-circle',
                                                                    'text' => 'fas fa-file-alt',
                                                                    'assignment' => 'fas fa-tasks',
                                                                    'download' => 'fas fa-download',
                                                                ][$lessonType] ?? 'fas fa-file';
                                                        @endphp
                                                        <i class="{{ $icon }} me-2"></i>
                                                        {{ $lesson->title }}

                                                        @if ($lesson->getMeta('is_free'))
                                                            <span class="badge bg-success ms-2">Free</span>
                                                        @endif
                                                    </div>
                                                    <div>
                                                        @if ($lesson->getMeta('duration'))
                                                            <span
                                                                class="badge bg-light text-dark">{{ $lesson->getMeta('duration') }}
                                                                min</span>
                                                        @endif
                                                    </div>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        @empty
                            <div class="text-center py-4">
                                <p class="text-muted">No course content available yet.</p>
                                <a href="{{ route('admin.course.edit', $course->id) }}" class="btn btn-primary">
                                    <i class="fas fa-plus"></i> Add Course Content
                                </a>
                            </div>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card mb-4">
                <div class="card-header">
                    <h5>Featured Image</h5>
                </div>
                <div class="card-body text-center">
                    @if ($course->getFirstMediaUrl('featured'))
                        <img src="{{ $course->getFirstMediaUrl('featured') }}" class="img-fluid rounded"
                            alt="{{ $course->title }}">
                    @else
                        <div class="text-muted py-5">
                            <i class="fas fa-image fa-3x mb-3"></i>
                            <p>No featured image</p>
                        </div>
                    @endif
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header">
                    <h5>Gallery</h5>
                </div>
                <div class="card-body">
                    @if ($course->getMedia('gallery')->count() > 0)
                        <div class="row g-2">
                            @foreach ($course->getMedia('gallery') as $media)
                                <div class="col-4">
                                    <a href="{{ $media->getUrl() }}" target="_blank">
                                        <img src="{{ $media->getUrl('thumb') }}" class="img-thumbnail"
                                            alt="Gallery image">
                                    </a>
                                </div>
                            @endforeach
                        </div>
                    @else
                        <div class="text-muted text-center py-5">
                            <i class="fas fa-images fa-3x mb-3"></i>
                            <p>No gallery images</p>
                        </div>
                    @endif
                </div>
            </div>

            <div class="card mb-4">
                <div class="card-header">
                    <h5>Actions</h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ route('admin.course.edit', $course->id) }}" class="btn btn-primary">
                            <i class="fas fa-edit"></i> Edit Course
                        </a>

                        @if ($course->status !== 'published')
                            <form action="{{ route('admin.content.publish', $course->id) }}" method="POST">
                                @csrf
                                <button type="submit" class="btn btn-success w-100">
                                    <i class="fas fa-check-circle"></i> Publish Course
                                </button>
                            </form>
                        @else
                            <form action="{{ route('admin.content.unpublish', $course->id) }}" method="POST">
                                @csrf
                                <button type="submit" class="btn btn-warning w-100">
                                    <i class="fas fa-times-circle"></i> Unpublish Course
                                </button>
                            </form>
                        @endif

                        <form action="{{ route('admin.content.duplicate', $course->id) }}" method="POST">
                            @csrf
                            <button type="submit" class="btn btn-info w-100">
                                <i class="fas fa-copy"></i> Duplicate Course
                            </button>
                        </form>

                        <button type="button" class="btn btn-danger" data-bs-toggle="modal"
                            data-bs-target="#deleteModal">
                            <i class="fas fa-trash"></i> Delete Course
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Delete Modal -->
    <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="deleteModalLabel">Confirm Deletion</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p>Are you sure you want to delete this course? This action cannot be undone.</p>
                    <p class="fw-bold">{{ $course->title }}</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <form action="{{ route('admin.course.destroy', $course->id) }}" method="POST">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger">Delete Course</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection