<?xml version="1.0" encoding="UTF-8"?>
<templates id="template" xml:space="preserve">
    <t t-name="pos_restaurant.OrderCourse">
        <div t-att-class="{'mb-1' : course.isEmpty()}">
            <div class="order-course-name p-2 text-truncate d-flex"
                 t-att-class="{
                  'o_colorlist_item_color_10' : course.isSelected(),
                  'bg-secondary': !course.isSelected(),
                  'cursor-pointer': !course.fired}"
                 t-on-click="(event) => this.clickCourse(event, course)">
                <span class="fw-bolder" t-out="course.name"/>
                <span t-if="course.fired" class="rounded text-bg-info fs-6 px-2 ms-auto">Fired</span>
            </div>
            <t t-foreach="comboSortedLines" t-as="line" t-key="line_index">
                <t t-slot="default" line="line" />
            </t>
        </div>
    </t>
</templates>
