@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;
                $total_fees = null;
                $value = null;

                // Type 1: Handle course_id as a comma-separated list
                if ($type == 1) {
                    if (strpos($model->course_id, ',') !== false) {
                        $comma_separated = array_filter(explode(',', $model->course_id));
                        $value = [];
                        foreach ($comma_separated as $Data) {
                            $course = \App\Models\Course::find($Data); // Safely get course by ID
                            if ($course) {
                                $name = $course->name;
                                $type = $course->type;
                                $value[] = $name . ' - ' . $type;
                            }
                        }
                        $value = implode(', ', $value);
                    } elseif ($model->course_id) {
                        $course = \App\Models\Course::find($model->selected_course_id ?? $model->course_id);
                        // Safely get course by ID
                        if ($course) {
                            $name = $course->name;
                            $type = $course->type;
                            $value[] = $name . ' - ' . $type;
                        }
                    } else {
                        $course = $model->course_id ? \App\Models\Course::find($model->course_id) : null; // 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) {
                    if (strpos($model->selected_course_id, ',') !== false) {
                        $comma_separated = array_filter(explode(',', $model->selected_course_id));
                        $value = [];
                        foreach ($comma_separated as $Data) {
                            $course = \App\Models\Course::find($Data); // Safely get course by ID
                            if ($course) {
                                $name = $course->name;
                                $type = $course->type;
                                $value[] = $name . ' - ' . $type;
                            }
                        }
                        $value = implode(', ', $value);
                    } elseif ($model->selected_course_id) {
                        $course = \App\Models\Course::find($model->selected_course_id); // Safely get course by ID
                        if ($course) {
                            $name = $course->name;
                            $type = $course->type;
                            $value[] = $name . ' - ' . $type;
                        }
                        $value = is_array($value) ? implode(', ', $value) : $value;
                    } else {
                        $value = 'No course selected for this program';
                    }
                }
                $category = $model->category->name ?? $model->category_name ?? null;
                $course = $value;
                $total_fees = $model->total_fees;
            @endphp

            <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">
                <!-- Table structure -->
                @if ($value != 'No course selected for this program')
                    <table class="table-auto w-full text-left">
                        <thead>
                            <tr>
                                <th class="px-4 py-2 font-semibold uppercase">Title</th>
                                <th class="px-4 py-2 font-semibold uppercase">Name</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $course_items = explode(', ', $course); // Split the courses by comma if they are separated
                            @endphp
                            @foreach ($course_items as $index => $course_item)
                                <tr>
                                    <td class="px-4 py-2">Course {{ $index + 1 }}</td>
                                    <td class="px-4 py-2">{{ $model->course_code }}{{ sprintf('%02d', $index + 1) }} -
                                        {{ $course_item }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @else
                    <table class="table-auto w-full text-left">

                        <tbody>
                            <p class="px-4 py-2">{{ $value }}</p>
                        </tbody>
                    </table>
                @endif
                @if ($value != 'No course selected for this program')
                    <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">{{ $total_fees ?? null }}</span>
                    </div>
                @endif

            </div>
        @endif
    </div>
</div>