{% partialdef import-flow inline %}
<c-ui.import-flow id="{{ outlet_id }}" session="{{ capability }}" step="{{ step }}"
                  revision="{{ import_session.revision }}" :progress_steps="progress_steps"
                  restart_url="{{ restart_url }}" submit_value="{{ step_actions.submit_value }}"
                  submit_label="{{ step_actions.submit_label }}"
                  :show_restart="step_actions.show_restart">
    <c-ui.box layout="stack" gap="5" padding="4" width="full" height="full">
        <c-ui.box layout="stack" gap="2">
            <c-ui.heading as="h2" size="4" id="{{ outlet_id }}-heading" tabindex="-1">Review schema</c-ui.heading>
            <c-ui.text color="muted">Confirm the fields the imported rows will create.</c-ui.text>
        </c-ui.box>
        {% if schema_form %}
            {{ schema_form }}
        {% else %}
            <c-ui.card padding="0">
                <c-ui.stack>
                    {% for field in target_schema.fields %}
                        <c-ui.flex padding_x="4" padding_y="3" gap="3" align="center" justify="between">
                            <c-ui.text weight="medium">{{ field.label }}</c-ui.text>
                            <c-ui.flex gap="2" align="center">
                                {% if field.kind %}<c-ui.badge variant="outline">{{ field.kind.type }}</c-ui.badge>{% endif %}
                                {% if field.required %}<c-ui.badge color="accent">Required</c-ui.badge>{% endif %}
                            </c-ui.flex>
                        </c-ui.flex>
                        {% if not forloop.last %}<c-ui.separator variant="subtle" />{% endif %}
                    {% empty %}
                        <c-ui.box padding="4"><c-ui.text color="muted">No target fields are defined.</c-ui.text></c-ui.box>
                    {% endfor %}
                </c-ui.stack>
            </c-ui.card>
        {% endif %}
        {% if action_error %}<c-ui.text color="danger">This action is not available for the current step.</c-ui.text>{% endif %}
    </c-ui.box>
</c-ui.import-flow>
{% endpartialdef %}