{% load powercrud_partials powercrud %}

{% if use_crispy %}
    {% load crispy_forms_tags %}
{% endif %}

<style>
    .table-max-height {
        max-height: calc((100vh - {{ table_pixel_height_other_page_elements }}) * {{ table_max_height }} / 100);
        max-height: min(
            calc((100dvh - {{ table_pixel_height_other_page_elements }}) * {{ table_max_height }} / 100),
            var(--pc-table-available-height, 100dvh)
        );
    }

    /* Add styles to match header text with table size */
    .table-xl th {
        font-size: 1.25rem;
        /* Matches DaisyUI's table-xl text size */
    }

    .table-lg th {
        font-size: 1.125rem;
        /* Matches DaisyUI's table-lg text size */
    }

    .table-sm th {
        font-size: 0.875rem;
        /* Matches DaisyUI's table-sm text size */
    }

    .table-xs th {
        font-size: 0.75rem;
        /* Matches DaisyUI's table-xs text size */
    }

    /* Add sticky header styles */
    .sticky-header {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1;
    }

    table[data-inline-enabled="true"] {
        --pc-inline-rest-bg: {% if inline_edit_always_visible %}{{ inline_edit_highlight_palette.rest_bg }}{% else %}transparent{% endif %};
        --pc-inline-rest-border: {% if inline_edit_always_visible %}{{ inline_edit_highlight_palette.rest_border }}{% else %}transparent{% endif %};
        --pc-inline-hover-bg: {{ inline_edit_highlight_palette.hover_bg }};
        --pc-inline-hover-border: {{ inline_edit_highlight_palette.hover_border }};
        --pc-inline-active-row-outline: {{ inline_edit_highlight_palette.active_row_outline }};
        --pc-inline-active-row-bg: {{ inline_edit_highlight_palette.active_row_bg }};
        --pc-inline-active-row-overlay: {{ inline_edit_highlight_palette.active_row_overlay }};
        --pc-inline-active-widget-bg: {{ inline_edit_highlight_palette.active_widget_bg }};
        --pc-inline-active-widget-border: {{ inline_edit_highlight_palette.active_widget_border }};
    }

    .inline-edit-trigger {
        cursor: pointer;
        border-radius: 0.25rem;
        display: block;
        max-width: 100%;
        min-width: 0;
        padding: 0.25rem 0.15rem;
        padding-right: calc(0.15rem + var(--pc-inline-icon-buffer, 2.25ch));
        transition: background-color 0.1s ease;
    }

    .pc-inline-display-label {
        display: block;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .inline-edit-trigger.pc-inline-editable {
        background-color: var(--pc-inline-rest-bg);
        box-shadow: inset 0 0 0 1px var(--pc-inline-rest-border);
    }

    .inline-edit-trigger.pc-inline-align-center {
        padding-left: calc(0.15rem + var(--pc-inline-icon-buffer, 2.25ch));
    }

    td[data-inline-cell="true"] {
        min-width: calc(var(--pc-inline-icon-buffer, 2.25ch) + 2ch);
    }

    .inline-edit-trigger:focus-visible,
    .inline-edit-trigger:hover {
        outline: 2px solid hsl(var(--p));
        outline-offset: 2px;
        background-color: hsl(var(--b2));
    }

    .inline-edit-trigger.pc-inline-editable:focus-visible,
    .inline-edit-trigger.pc-inline-editable:hover {
        background-color: var(--pc-inline-hover-bg);
        box-shadow: inset 0 0 0 1px var(--pc-inline-hover-border);
        outline: 2px solid hsl(var(--p));
        outline-offset: 2px;
    }

    .pc-actions-inline.hidden {
        display: none;
    }

    .pc-inline-actions-cell {
        white-space: nowrap;
    }

    .pc-inline-actions-controls {
        display: inline-flex;
        justify-content: flex-end;
    }

    tr[data-inline-active="true"] {
        outline: 2px solid var(--pc-inline-active-row-outline);
        outline-offset: -2px;
        background-color: var(--pc-inline-active-row-bg);
        box-shadow: inset 0 0 0 999px var(--pc-inline-active-row-overlay);
    }

    tr[data-inline-active="true"] .inline-field-widget {
        background-color: var(--pc-inline-active-widget-bg);
        border-radius: 0.35rem;
        box-shadow: inset 0 0 0 1px var(--pc-inline-active-widget-border);
        display: flex;
        align-items: center;
        width: 100%;
        min-width: 0;
    }

    tr[data-inline-active="true"] .inline-field-widget input,
    tr[data-inline-active="true"] .inline-field-widget select,
    tr[data-inline-active="true"] .inline-field-widget textarea {
        background-color: transparent;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    tr[data-inline-active="true"] > td:not(.pc-inline-actions-cell) {
        overflow: hidden;
        box-sizing: border-box;
    }

    .inline-row-attention {
        animation: inline-row-pulse 0.8s ease;
    }

    @keyframes inline-row-pulse {
        0% {
            box-shadow: 0 0 0 0 hsla(var(--p) / 0.35);
        }
        100% {
            box-shadow: 0 0 0 12px hsla(var(--p) / 0);
        }
    }
</style>

{% if table_shell_template_paths %}
    {% include table_shell_template_paths %}
{% else %}
    {% include "powercrud/packs/daisyui/partial/table_shell.html" %}
{% endif %}

{% partialdef inline_row_display %}
{% if inline_row_display_template_paths %}
    {% include inline_row_display_template_paths %}
{% else %}
    {% include "powercrud/packs/daisyui/partial/inline_row_display.html" %}
{% endif %}
{% endpartialdef inline_row_display %}

{% partialdef inline_row_form %}
{% if inline_row_form_template_paths %}
    {% include inline_row_form_template_paths %}
{% else %}
    {% include "powercrud/packs/daisyui/partial/inline_row_form.html" %}
{% endif %}
{% endpartialdef inline_row_form %}