@props([
    'id' => null,
    'title' => null,
    'description' => null,
    'columns' => [],
    'rows' => [],
    'addUrl' => null,
    'addLabel' => null,
    'emptyText' => null,
    'minWidth' => '760px',
])

@php
    $addLabel = $addLabel ?: __('kview-ui-data::table.add_record');
    $emptyText = $emptyText ?: __('kview-ui-data::table.no_records_yet');
    $columns = app(\Kview\UiData\TableColumnRegistry::class)->normalizeMany($columns);
    $types = app(\Kview\UiData\TableCellTypeRegistry::class);
    $tableId = $id ?: 'erp-detail-table-'.str()->random(8);
    $previewDrawerId = $tableId.'_preview_drawer';
    $hasActions = collect($rows)->contains(fn ($row) => ! empty($row['actions']));
    $hasPreviewActions = collect($rows)->contains(function ($row) {
        return collect($row['actions'] ?? [])->contains(fn ($action) => ! empty($action['preview']));
    });
    $columnCount = count($columns) + ($hasActions ? 1 : 0);
@endphp

<section
    id="{{ $tableId }}"
    {{ $attributes->class('erp-detail-table') }}
    data-erp-detail-table
    style="--erp-detail-table-min-width: {{ $minWidth }};"
>
    @if ($title || $description || $addUrl)
        <x-ui.section-header
            class="erp-detail-table__header"
            :title="$title"
            :description="$description"
            :heading-level="4"
            :compact="true"
        >
            @if ($addUrl)
                <x-slot:actions>
                    <x-ui.icon-button
                        :href="$addUrl"
                        icon="plus"
                        :label="$addLabel"
                        tooltip-position="left"
                        variant="ghost"
                        size="sm"
                        class="erp-detail-table__add"
                    />
                </x-slot:actions>
            @endif
        </x-ui.section-header>
    @endif

    <div class="detail-table-wrap erp-detail-table__scroll">
        <table class="data-table erp-detail-table__table">
            <thead>
                <tr>
                    @foreach ($columns as $column)
                        @php
                            $columnStyle = collect([
                                ! empty($column['width']) ? 'width: '.$column['width'] : null,
                                ! empty($column['minWidth']) ? 'min-width: '.$column['minWidth'] : null,
                            ])->filter()->implode('; ');
                        @endphp
                        <th
                            @class([
                                'erp-detail-table__heading',
                                'is-numeric' => $column['numeric'],
                                'is-nowrap' => $column['nowrap'],
                                'is-align-'.$column['alignment'],
                            ])
                            data-erp-column-type="{{ $column['type'] }}"
                            data-erp-column-alignment="{{ $column['alignment'] }}"
                            @if ($columnStyle) style="{{ $columnStyle }}" @endif
                        >
                            {{ $column['label'] ?? $column['key'] ?? '' }}
                        </th>
                    @endforeach
                    @if ($hasActions)
                        <th class="erp-detail-table__actions-heading"><span class="sr-only">{{ __('kview-ui-data::table.actions') }}</span></th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @forelse ($rows as $row)
                    <tr
                        class="erp-detail-table__row"
                        @if (! empty($row['href']))
                            data-erp-detail-href="{{ $row['href'] }}"
                            tabindex="0"
                        @endif
                    >
                        @foreach ($columns as $column)
                            @php
                                $key = $column['key'];
                                $cell = $row['cells'][$key] ?? null;
                                $cellArray = is_array($cell) ? $cell : ['value' => $cell];
                                $cellType = $types->normalize($cellArray['type'] ?? $column['type']);
                                $cellTypeDefinition = $types->definition($cellType);
                                $cellAlignment = $cellArray['alignment'] ?? $cellArray['align'] ?? $column['alignment'] ?? $cellTypeDefinition['alignment'];
                                $cellStyle = collect([
                                    ! empty($column['width']) ? 'width: '.$column['width'] : null,
                                    ! empty($column['minWidth']) ? 'min-width: '.$column['minWidth'] : null,
                                ])->filter()->implode('; ');
                            @endphp
                            <td
                                @class([
                                    'erp-detail-table__cell',
                                    'is-numeric' => $cellTypeDefinition['numeric'],
                                    'is-nowrap' => $column['nowrap'] || $cellTypeDefinition['nowrap'],
                                    'is-align-'.$cellAlignment,
                                ])
                                data-erp-column-type="{{ $cellType }}"
                                data-erp-column-alignment="{{ $cellAlignment }}"
                                @if ($cellStyle) style="{{ $cellStyle }}" @endif
                            >
                                <x-erp.table-cell :column="$column" :cell="$cell" />
                            </td>
                        @endforeach

                        @if ($hasActions)
                            <td class="erp-detail-table__actions-cell">
                                <x-erp.row-actions
                                    :actions="$row['actions'] ?? []"
                                    :preview-target="$previewDrawerId"
                                />
                            </td>
                        @endif
                    </tr>
                @empty
                    <tr class="erp-detail-table__empty-row">
                        <td colspan="{{ $columnCount }}">{{ $emptyText }}</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</section>

@if ($hasPreviewActions)
    <x-erp.preview-drawer :id="$previewDrawerId" />
@endif