@props([
    'title' => 'Untitled',
    'model' => null,
    'headers' => [],
    'data' => [],
    'actions' => '',
    'tieup_id' => '',
    'type' => '',
])

<div class="rounded-md">
    <header class="flex justify-end">
        <span class="text-gray-500 hover:text-black">
            {{ $actions }}
        </span>
    </header>
    <div class="-mt-8">
        @if (!is_null($model))
            @php
                $category = null;
                $course = null;
                $course_fee = null;
                $value = null;

                // Type 1: Handle course_id as a comma-separated list
                if ($type == 1) {
                    if (strpos($model->course_id, ',') !== false) {
                        $comma_separated = explode(',', $model->course_id);
                        $value = [];
                        foreach ($comma_separated as $Data) {
                            $course = $model->course->find($Data); // Safely get course by ID
                            if ($course) {
                                $name = $course->name;
                                $type = $course->type;
                                $value[] = $name . ' - ' . $type;
                            }
                        }
                        $value = implode(', ', $value);
                    } else {
                        $course = $model->course->find($model->course_id); // Safely get course by ID
                        $name = $course ? $course->name : 'Course not found';
                        $type = $course ? $course->type : 'N/A';
                        $value = $name . ' - ' . $type;
                    }
                }

                // Type 2: Handle selected_course_id as a comma-separated list
                elseif ($type == 2) {
                    // Log the selected_course_id and the model

                    // Check if selected_course_id is valid
                    if (!empty($model->selected_course_id)) {
                        // Safely attempt to find the course
                        $selected_course = $model->selectedCourse
                            ? $model->selectedCourse->find($model->selected_course_id)
                            : null;
                        if ($selected_course) {
                            $name = $selected_course->name;
                            $type = $selected_course->type ?? 'N/A';
                            $value = $name . ' - ' . $type;
                        } else {
                            $value = 'Course not found';
                        }
                    } else {
                        $value = 'No course selected for this program';
                    }
                }

                $category = $model->category->name;
                $course = $value;
                $course_fee = $model->course_fee;
            @endphp

            {{-- Handle 'document' or 'path' types --}}
            <div class="flex flex-col h-full w-full max-w-screen-xl mx-auto py-4">
                <div class="flex justify-start items-start pl-4 pt-8 mb-2 w-full">
                    <div class="flex w-5/6">
                        <span class="text-lg font-bold uppercase">{{ $category ?? null }}</span>
                    </div>
                </div>

                <hr class="my-2">
                <div class="flex p-4 mb-2 w-full flex-grow h-36 overflow-y-auto">
                    <span class="text-md font-semibold">{{ $course ?? null }}</span>
                </div>
                <hr class="my-2">
                <div class="flex justify-end items-center w-full pr-4 mt-2">
                    <span class="text-lg text-gray-400 font-bold">₹ </span>
                    <span class="text-lg font-bold text-red-500">{{ $course_fee ?? null }}</span>
                </div>
            </div>
        @endif
    </div>
</div>