@extends('layouts.app')
@section('title', 'add_new_course')

@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">Add New Course</h1>
    </section>

    <!-- Main content -->
    <section class="content">

        @component('components.widget', ['class' => 'box-primary'])
            <div class="row">

                <div class="col-sm-12">
                    <div class="form-group">
                        <label for="course_name" class="form-label">Course Name</label>: {{ $course->course_name }}
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="form-group">
                        <label for="course_category">Course Category</label> : {{ $course->category->category_name }}
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="form-group">
                        <label for="course_type">Course Type</label> : {{ $course->course_type }}
                    </div>
                </div>

             <div class="col-sm-12">
                @php
                $url = ($course->upload_content && $course->course_type == 'theory')
                ? asset('storage/' . $course->upload_content)
                : null;
                @endphp
            
                <label for="upload_content">Upload Content</label> :
            
                @if ($url)
                <a href="{{ $url }}" download class="btn btn-sm btn-primary">
                    Download File
                </a>
                @else
                <span class="text-danger">No file uploaded</span>
                @endif
            </div>

            </div>
        @endcomponent


    </section>


    <!-- /.content -->
@endsection