{% load powercrud powercrud_bootstrap5 %}
<tr{% if row.row_id %} id="{{ row.row_id }}"{% endif %} class="{% if row.is_selected %}table-active {% endif %}pc-inline-row-active{% if form.errors %} pc-inline-row-invalid{% endif %}" data-inline-row="true" data-inline-active="true"{% if inline_cancel_url or row.inline_url %} data-inline-row-url="{{ inline_cancel_url|default:row.inline_url }}"{% endif %}>
    {% if enable_selection_controls %}<td class="pc-bootstrap-selection-column align-middle"><input type="checkbox" class="form-check-input row-select-checkbox" data-id="{{ row.id }}" disabled></td>{% endif %}
    {% for cell in row.cells %}
        <td class="align-middle pc-table-column-width" data-field-name="{{ cell.name }}">
            {% if cell.is_inline_editable and form %}{% with inline_field=form|get_form_field:cell.name %}{% if inline_field %}
                <label class="visually-hidden" for="{{ inline_field.id_for_label }}">{{ inline_field.label|default:cell.label }}</label>
                <div class="inline-field-widget w-100{% if inline_field.errors %} pc-inline-field-error{% endif %}" data-inline-field="{{ cell.name }}"{% if inline_field.errors %} data-inline-field-error="true" data-inline-error-field="{{ cell.name }}" data-inline-error-label="{{ inline_field.label|default:cell.label }}" data-inline-error-message="{{ inline_field.errors|join:', ' }}"{% endif %}{% if cell.dependency %} data-inline-dependent="true"{% if cell.dependency.depends_on %} data-inline-depends-on="{{ cell.dependency.depends_on|join:',' }}"{% endif %} data-inline-endpoint="{{ cell.dependency.endpoint_url|default:inline_config.dependency_endpoint_url }}"{% endif %}>{% bootstrap5_field inline_field small=True error_suffix="_inline_error" include_help=False %}</div>
                {% if inline_field.errors %}<div id="{{ inline_field.auto_id }}_inline_error" class="invalid-feedback d-block" data-inline-error-text="true">{{ inline_field.errors|join:", " }}</div>{% endif %}
            {% else %}{{ cell.value }}{% endif %}{% endwith %}
            {% else %}<div class="small text-body-secondary text-start text-truncate">{{ cell.value }}</div>{% endif %}
        </td>
    {% endfor %}
    <td class="pc-inline-actions-column pc-inline-actions-cell px-0 text-end align-middle" data-inline-actions="true">
        <input type="hidden" name="pk" value="{{ row.id }}">{% csrf_token %}{% for hidden_field in inline_hidden_fields %}{{ hidden_field.as_hidden }}{% endfor %}
        {% if form.non_field_errors %}<div class="alert alert-danger py-1 px-2 small text-start">{{ form.non_field_errors|join:", " }}</div>{% endif %}
        <div class="pc-inline-actions-controls d-inline-flex align-items-center justify-content-end gap-1" role="group"><button type="button" class="btn btn-primary pc-bootstrap-inline-action-button {{ action_button_classes }}" aria-label="Save inline edit" title="Save" data-inline-save hx-post="{{ inline_save_url|default:row.inline_url }}" hx-target="#{{ row.row_id }}" hx-swap="outerHTML" hx-include="#{{ row.row_id }} [name]"><span class="visually-hidden">Save</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12.75l6 6 9-13.5" /></svg></button><button type="button" class="btn btn-link text-body-secondary pc-bootstrap-inline-action-button {{ action_button_classes }}" aria-label="Cancel inline edit" title="Cancel" data-inline-cancel hx-get="{{ inline_cancel_url|default:row.inline_url }}" hx-target="#{{ row.row_id }}" hx-swap="outerHTML" hx-vals='{"inline_display": true}' hx-trigger="click, keyup[key=='Escape'] from:closest tr"><span class="visually-hidden">Cancel</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg></button></div>
    </td>
</tr>