<?xml version="1.0"?>
<hierarchy child_field="child_ids" js_class="hr_employee_hierarchy" icon="fa-users" draggable="0">
                <field name="name"/>
                <field name="job_id"/>
                <field name="department_color"/>
                <field name="hr_icon_display"/>
                <field name="department_id"/>
                <templates>
                    <t t-name="hierarchy-box">
                        <div t-attf-class="o_hierarchy_node_header d-flex justify-content-center pb-4 o_hierarchy_node_color_{{ record.department_color.raw_value }}" t-att-title="record.department_id.value">
                            <field name="image_1024" preview_image="image_128" options="{'zoom': true, 'zoom_delay': 1000}" widget="background_image"/>
                        </div>
                        <div class="d-flex flex-column text-center">
                            <div class="d-flex">
                                <field class="fw-bold w-100" name="name"/>
                                <field name="hr_icon_display" class="flex-shrink-0" widget="hr_presence_status"/>
                            </div>
                            <field name="job_title"/>
                        </div>
                    </t>
                </templates>
            </hierarchy>
        