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

<div class="p-4 py-8 rounded-md  ">
    <header class="flex justify-between -mt-4 mb-4">
        <h3 class="text-lg font-bold mb-2">{{ $title }}</h3>
        <span class="text-gray-500 hover:text-black">
            {{ $actions }}
        </span>
    </header>
    <div class="grid grid-cols-[1fr_2fr] gap-2">
        @if (!is_null($model))


            @foreach ($headers as $row)
                @php

                    $label = $row['label'] ?? $row['key'];
                    $field = $row['key'];

                    $db_relation = $row['relation'] ?? null;
                    if ($db_relation == null) {
                        $relation_field = explode('.', $row['key']);
                        if (count($relation_field) > 1) {
                            $relation = $relation_field[0];
                            $field = $relation_field[1];
                            $model_field = $row['key'];
                        } else {
                            $field = $row['key'];
                            $model_field = $row['key'];
                        }
                    } else {
                        $relation_field = explode('.', $db_relation);
                        $relation = $relation_field[0];
                        $field = $relation_field[1];
                        $model_field = $row['key'];
                    }

                    $value = null;

                    // Check if the row type is 'document' or 'path'
                    if (isset($row['type']) && in_array($row['type'], ['document', 'path'])) {
                        $arr = explode('.', $row['key']);
                        $json = json_decode($model->getMeta($arr[0]), true);
                        $value = $json[$arr[1]] ?? null;
                    }
                    // Handle related model parsing
                    elseif (str_contains($row['key'], '*')) {

                        $parsed_key = explode('.', $row['key']);
                        $related = $parsed_key[0];
                        $column_name = end($parsed_key);
                        $value = $model->$related->pluck($column_name)->toArray();
                    }
                    else {
                        if (count($relation_field) > 1) {
                            $value = $model->$relation->$field ?? $field;
                        } else {
                            $value = $model->{$row['key']};
                        }
                        if (is_callable($value)) {
                            $value = call_user_func($value, $model);
                        }
                    }
                @endphp

                <span class="text-left">{{ $label }}</span>

                {{-- Handle 'document' or 'path' types --}}
                @if (isset($row['type']) && $row['type'] == 'path')
                    @php $path = str_replace('/', '*', $value); @endphp
                    <a href="{{ url('private-file/' . $path) }}">
                        <x-mary-button class="btn btn-outline btn-ghost btn-xs" label="Download" />
                    </a>
                @elseif (isset($row['type']) && $row['type'] == 'document')
                    {{ $value }}
                    {{-- Handle arrays --}}
                @elseif (is_array($value) && !empty($value))
                    @foreach ($value as $item)
                        <span class="whitespace-pre-wrap font-semibold text-left">{{ $item }}</span>
                    @endforeach

                    {{-- Handle non-empty or numeric values --}}
                @elseif (!empty($value) || is_numeric($value))
                    <span class="whitespace-pre-wrap font-semibold text-left">:  {{ ucwords($value) }}</span>
                    {{-- Fallback for undefined values --}}
                @else
                    <span class="whitespace-pre-wrap text-red-400">:  {{ __('-') }}</span>
                @endif
            @endforeach
        @endif
    </div>
</div>