<?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="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'" name="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'" name="presence_absent">
                                                    <!-- Employee is not present 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'" name="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>
                                                <div class="float-end" t-if="record.hr_icon_display.raw_value == 'presence_to_define'" name="presence_to_define">
                                                    <!-- Employee is not here but according to his work schedule, he should be connected -->
                                                    <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" placeholder="Employee's Name"/>
                                       </strong>
                                       <span t-if="record.job_title.raw_value" class="o_kanban_record_subtitle"><field name="job_title"/></span>
                                   </div>
                               </div>
                               <field name="category_ids" widget="many2many_tags" options="{'color_field': 'color'}" groups="hr.group_hr_user"/>
                               <ul>
                                   <li id="last_login"/>
                                   <li t-if="record.work_email.raw_value" class="o_text_overflow"><field name="work_email"/></li>
                                   <li t-if="record.work_phone.raw_value" class="o_force_ltr"><field name="work_phone"/></li>
                               </ul>
                           </div>
                           <div class="oe_kanban_content o_hr_employee_kanban_bottom position-absolute bottom-0 start-0 end-0 me-2 pe-none">
                               <div class="o_kanban_record_bottom">
                                   <div class="oe_kanban_bottom_left"/>
                                   <div class="oe_kanban_bottom_right float-end pe-auto">
                                        <widget name="hr_employee_chat"/>
                                        <div class="hr_activity_container mb-1 me-n1">
                                            <field name="activity_ids" widget="kanban_activity"/>
                                        </div>
                                   </div>
                               </div>
                           </div>
                       </div>
                       </t>
                   </templates>
               </kanban>
            