@props([
    'structureFile',
    'apiUrl',
    'createUrl' => null,
    'showUrl' => null,
    'editUrl' => null,
    'deleteUrl' => null,
    'extraParams' => [],
    'hiddenColumns' => [],
    'caption' => null,
])

@php
    $structurePath = resource_path('active/' . $structureFile);
    $structure = file_exists($structurePath)
        ? json_decode(file_get_contents($structurePath), true)
        : ['columns' => [], 'actions' => []];
    $hiddenColumnKeys = collect($hiddenColumns)
        ->map(fn ($key) => (string) $key)
        ->filter()
        ->values()
        ->all();

    if (! empty($hiddenColumnKeys)) {
        $structure['columns'] = collect($structure['columns'] ?? [])
            ->reject(fn (array $column) => in_array((string) ($column['key'] ?? ''), $hiddenColumnKeys, true))
            ->values()
            ->all();
    }

    $tableId = 'smart-table-' . md5($structureFile . $apiUrl . uniqid('', true));
    $routes = array_filter([
        'create' => $createUrl,
        'show' => $showUrl,
        'edit' => $editUrl,
        'delete' => $deleteUrl,
    ]);
    $displayPreferences = app(\Kview\Visualization\Contracts\DisplayPreferences::class);
    $finance = app(\Kview\Visualization\FinanceFormatter::class);
    $targetCurrency = $displayPreferences->targetCurrency();
    $amountUnitLabel = $finance->amountUnitLabel($targetCurrency);
    $tableCaption = $caption
        ?: \Illuminate\Support\Str::headline(pathinfo($structureFile, PATHINFO_FILENAME)).' '.__('kview-ui-data::table.smart.data_suffix');
    $smartTablePageSizeOptions = app(\Kview\UiData\PaginationOptions::class)->smartTableSelectOptions();
    $smartTranslations = [
        'actions' => __('kview-ui-data::table.smart.actions'),
        'delete' => __('kview-ui-data::table.smart.delete'),
        'deleteMessage' => __('kview-ui-data::table.smart.delete_message'),
        'deleteRecord' => __('kview-ui-data::table.smart.delete_record'),
        'edit' => __('kview-ui-data::table.smart.edit'),
        'failed' => __('kview-ui-data::table.smart.failed'),
        'failedMessage' => __('kview-ui-data::table.smart.failed_message'),
        'failedTitle' => __('kview-ui-data::table.smart.failed_title'),
        'items' => __('kview-ui-data::table.smart.items'),
        'loading' => __('kview-ui-data::table.smart.loading'),
        'nextPage' => __('kview-ui-data::table.smart.next_page'),
        'noRecords' => __('kview-ui-data::table.smart.no_records'),
        'page' => __('kview-ui-data::table.smart.page'),
        'previousPage' => __('kview-ui-data::table.smart.previous_page'),
        'sortBy' => __('kview-ui-data::table.smart.sort_by'),
        'sortCurrent' => __('kview-ui-data::table.smart.sort_current'),
        'view' => __('kview-ui-data::table.smart.view'),
        'yes' => __('kview-ui-data::table.smart.yes'),
        'no' => __('kview-ui-data::table.smart.no'),
    ];
@endphp

<div
    id="{{ $tableId }}"
    class="smart-table"
    data-api-url="{{ $apiUrl }}"
    data-structure='@json($structure)'
    data-routes='@json($routes)'
    data-extra-params='@json((object) $extraParams)'
    data-csrf-token="{{ csrf_token() }}"
    data-decimal-separator="{{ $displayPreferences->decimalSeparator() }}"
    data-date-format-list="{{ $displayPreferences->jsListDateFormat() }}"
    data-amount-scaling="{{ $displayPreferences->amountScaling() }}"
    data-amount-unit-label="{{ $amountUnitLabel }}"
    data-smart-table-translations="{{ json_encode($smartTranslations, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) }}"
    aria-busy="true"
>
    <div class="smart-table-toolbar">
        <div class="smart-table-search" hidden>
            <button type="button" class="btn-secondary smart-table-clear">{{ __('kview-ui-data::table.smart.clear') }}</button>
            <input
                type="search"
                class="smart-table-search-input"
                placeholder="{{ __('kview-ui-data::table.smart.search') }}"
                aria-label="{{ __('kview-ui-data::table.smart.search_label', ['table' => $tableCaption]) }}"
            >
        </div>
        <div class="smart-table-actions">
            @if ($createUrl)
                <a href="{{ $createUrl }}" class="btn-primary inline">
                    <x-ui.icon name="plus" size="14" />
                    {{ __('kview-ui-data::table.smart.new') }}
                </a>
            @endif
        </div>
    </div>

    <table class="data-table smart-table-grid">
        <caption class="sr-only">{{ $tableCaption }}</caption>
        <thead></thead>
        <tbody>
            <tr><td role="status">{{ __('kview-ui-data::table.smart.loading') }}</td></tr>
        </tbody>
    </table>

    <div class="smart-table-footer">
        <nav class="smart-table-pages" aria-label="{{ __('kview-ui-data::table.smart.pagination', ['table' => $tableCaption]) }}"></nav>
        <div class="smart-table-total" aria-live="polite"></div>
        <label class="smart-table-per-page">
            {{ __('kview-ui-data::table.smart.show') }}
            <x-ui.dropdown
                id="{{ $tableId }}_per_page"
                name="{{ $tableId }}_per_page"
                :options="$smartTablePageSizeOptions"
                value="20"
                placeholder=""
            />
        </label>
    </div>
</div>