<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">
    <t t-name="xeno_leave.ApprovalChainField">
        <div class="o_xeno_chain o_xeno_chain_field">
            <t t-foreach="state.steps" t-as="step" t-key="step.id">
                <div class="o_xeno_chain_step">
                    <span t-attf-class="o_xeno_chain_icon o_xeno_chain_icon_{{step.state}}">
                        <i t-if="step.state === 'approved'" class="fa fa-check"/>
                        <i t-elif="step.state === 'rejected'" class="fa fa-times"/>
                        <i t-else="" class="fa fa-clock-o"/>
                    </span>
                    <div class="o_xeno_chain_label" t-esc="step.label"/>
                    <div class="o_xeno_chain_approver" t-esc="step.approverName"/>
                    <div t-if="step.decidedAt" class="o_xeno_chain_decided">
                        <t t-esc="step.decidedByName"/> · <t t-esc="step.decidedAt"/>
                    </div>
                </div>
                <div t-if="!step_last" class="o_xeno_chain_connector"/>
            </t>
        </div>
    </t>
</templates>
