<?xml version="1.0"?>
<kanban class="o_hr_employee_kanban" js_class="hr_employee_kanban" sample="1">
                    <field name="id"/>
                    <field name="hr_presence_state"/>
                    <field name="user_id"/>
                    <field name="user_partner_id"/>
                    <field name="last_activity"/>
                    <field name="hr_icon_display"/>
                    <field name="show_hr_icon_display"/>
                    <field name="image_128"/>
                    <templates>
                        <t t-name="kanban-box">
                        <div class="oe_kanban_global_click o_kanban_record_has_image_fill o_hr_kanban_record">
                            <field name="image_1024" class="o_kanban_image_fill_left d-block" preview_image="image_128" widget="background_image" options="{'zoom': true, 'zoom_delay': 1000}"/>

                            <div class="oe_kanban_details">
                                <div class="o_kanban_record_top">
                                    <div class="o_kanban_record_headings">
                                        <strong class="o_kanban_record_title">
                                            <t t-if="record.show_hr_icon_display.raw_value">
                                                <div class="float-end" t-if="record.hr_icon_display.raw_value == 'presence_present'">
                                                    <!-- Employee is present/connected and it is normal according to his work schedule  -->
                                                    <span class="fa fa-circle text-success" role="img" aria-label="Present" title="Present" name="presence_present">
                                                    </span>
                                                </div>
                                                <div class="float-end" t-if="record.hr_icon_display.raw_value == 'presence_absent'">
                                                    <!-- Employee is absent and it is normal according to his work schedule  -->
                                                    <span class="fa fa-circle-o text-muted" role="img" aria-label="Absent" title="Absent" name="presence_absent">
                                                    </span>
                                                </div>
                                                <div class="float-end" t-if="record.hr_icon_display.raw_value == 'presence_absent_active'">
                                                    <!-- Employee is connected but according to his work schedule, he should not work for now  -->
                                                    <span class="fa fa-circle-o text-success" role="img" aria-label="Present but not active" title="Present but not active" name="presence_absent_active">
                                                    </span>
                                                </div>
                                                <!-- Employee is not here but according to his work schedule, he should be connected -->
                                                <div class="float-end" t-if="record.hr_icon_display.raw_value == 'presence_to_define'">
                                                    <span class="fa fa-circle text-warning" role="img" aria-label="To define" title="To define" name="presence_to_define">
                                                    </span>
                                                </div>
                                            </t>
                                            <field name="name"/>
                                        </strong>
                                        <span t-if="record.job_title.raw_value" class="o_kanban_record_subtitle"><field name="job_title"/></span>
                                    </div>
                                </div>
                                <ul>
                                    <li id="last_login"/>
                                    <li t-if="record.work_email.raw_value"><field name="work_email"/></li>
                                    <li t-if="record.work_phone.raw_value" class="o_force_ltr"><field name="work_phone"/></li>
                                </ul>
                                <div class="oe_kanban_content position-absolute start-0 bottom-0 end-0 me-2">
                                    <div class="o_kanban_record_bottom">
                                        <div class="oe_kanban_bottom_left"/>
                                        <div class="oe_kanban_bottom_right">
                                            <widget name="hr_employee_chat"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        </t>
                    </templates>
                </kanban>
            