@extends('admin.layouts.app')
@section('content')

{{ show_window_title($page_title) }}

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title">Course Details</h4>
                <a href="{{ url('admin/courses') }}" class="btn btn-primary">Back to Courses</a>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-8">
                        <h3>{{ $course->title }}</h3>
                        <p class="text-muted">{{ $course->description }}</p>
                        
                        <div class="row mt-4">
                            <div class="col-md-6">
                                <h6>Course Information</h6>
                                <table class="table table-sm">
                                    <tr>
                                        <td><strong>Slug:</strong></td>
                                        <td><code>{{ $course->slug }}</code></td>
                                    </tr>
                                    <tr>
                                        <td><strong>Type:</strong></td>
                                        <td>
                                            @if($course->type === 'structured')
                                                <span class="badge bg-primary">Structured</span>
                                            @else
                                                <span class="badge bg-info">Direct</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><strong>Status:</strong></td>
                                        <td>
                                            @if ($course->status === 'published')
                                                <span class="badge bg-success">Published</span>
                                            @elseif ($course->status === 'draft')
                                                <span class="badge bg-warning">Draft</span>
                                            @else
                                                <span class="badge bg-danger">Archived</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><strong>Program:</strong></td>
                                        <td>{{ $course->program ? $course->program->title : 'No Program' }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Category:</strong></td>
                                        <td>{{ $course->category ? $course->category->title : 'No Category' }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Sort Order:</strong></td>
                                        <td>{{ $course->sort_order }}</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                @if($course->banner_video)
                                    <h6>Banner Video</h6>
                                    <div class="mb-3">
                                        <a href="{{ $course->banner_video }}" target="_blank" class="btn btn-outline-primary btn-sm">
                                            <i class="mdi mdi-play"></i> View Video
                                        </a>
                                    </div>
                                @endif
                                
                                @if($course->features)
                                    <h6>Features</h6>
                                    <div class="mb-3">
                                        <pre class="bg-light p-2 rounded">{{ json_encode($course->features, JSON_PRETTY_PRINT) }}</pre>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        @if($course->thumbnail_url)
                            <h6>Thumbnail</h6>
                            <img src="{{ $course->thumbnail_url['original'] }}" class="img-fluid rounded mb-3" alt="Course Thumbnail">
                        @endif
                        
                        @if($course->banner_image_url)
                            <h6>Banner Image</h6>
                            <img src="{{ $course->banner_image_url }}" class="img-fluid rounded mb-3" alt="Course Banner">
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection