@extends('layout.layout')

@section('content')
    <div class="container py-5">
        @include('components.alert')

        <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
            <div>
                <h6 class="mb-1">Details</h6>
                <p class="text-muted mb-0">{{ $course->course->course_name_en ?? '' }}</p>
            </div>
            @php
                $conversationTrackName = $course->course->track->name_en ?? $course->course->academyCategoryProduct->name_en ?? '';
                $isConversationProjectCourse = in_array($conversationTrackName, ['Conversation English', 'Conversation'], true);
            @endphp
            @if ($isConversationProjectCourse)
                <a href="{{ route('conversation-project-submissions.show', ['course_id' => $course->id]) }}" class="btn btn-primary btn-sm">
                    Submission & Evaluation
                </a>
            @endif
        </div>

        <div class="card">
            <div class="card-body">
                <h5 class="card-title">{{ $course->course->course_name_en ?? '' }}</h5>
                <p class="card-text">category
                    :{{ $course->course->track->name_en ?? $course->course->academyCategoryProduct->name_en }}</p>
            </div>
        </div>

    </div>
@endsection