<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">

    <t t-name="web.KanbanColumnQuickCreate">
        <div class="o_column_quick_create d-print-none flex-shrink-0 flex-grow-1 flex-md-grow-0" t-attf-class="{{ props.folded ? 'o_quick_create_folded' : 'o_quick_create_unfolded' }}" t-ref="root">
            <div t-if="props.folded" class="z-1 px-3 pt-2 text-nowrap position-sticky top-0 d-flex lh-lg cursor-pointer" t-on-click="unfold">
                <div class="o_quick_create_title d-md-none align-items-center fs-4 lh-1 text-nowrap flex-grow-1 gap-1 pt-1">
                    Add <t t-out="relatedFieldName"/>
                </div>
                <button class="o_quick_create_button btn d-flex align-items-center justify-content-between flex-nowrap py-0 px-1">
                    <i class="fa fa-angle-double-right" role="img" aria-label="Add column" title="Add column" />
                </button>
            </div>
            <div t-else="" class="pt-3 pb-2">
                <div class="o_kanban_header top-0 pb-3">
                    <div class="input-group mb-1">
                        <input type="text"
                            class="form-control bg-view"
                            t-attf-placeholder="{{ relatedFieldName }}..."
                            t-ref="autofocus"
                            t-on-focus="() => state.hasInputFocused = true"
                            t-on-blur="() => state.hasInputFocused = false"
                            t-on-keydown="onInputKeydown"
                        />
                        <button class="btn btn-primary o_kanban_add" type="button" t-on-click="validate">
                            <i class="fa fa-check"/>
                        </button>
                        <button class="btn btn-danger o_kanban_remove" type="button" t-on-click="fold">
                            <i class="fa fa-times"/>
                        </button>
                    </div>
                </div>
                <div t-foreach="[,,,]" t-as="i" t-key="i_index" class="o_kanban_muted_record mb-2 py-5 bg-300 opacity-50" />
            </div>
        </div>
    </t>

</templates>
