diff --git a/addons/laundry_management/static/src/xml/popups/laundry_order_type_popup.xml b/addons/laundry_management/static/src/xml/popups/laundry_order_type_popup.xml
new file mode 100644
index 0000000..d472b82
--- /dev/null
+++ b/addons/laundry_management/static/src/xml/popups/laundry_order_type_popup.xml
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates id="template" xml:space="preserve">
+
+    <t t-name="laundry_management.LaundryOrderTypePopup">
+        <Dialog title="props.title" size="'lg'">
+            <div class="p-2">
+                <t t-if="!props.types.length">
+                    <div class="alert alert-warning text-center">
+                        No order types are configured. Please ask a manager to add some
+                        in Laundry / Configuration / Order Types.
+                    </div>
+                </t>
+                <div class="row g-3">
+                    <t t-foreach="props.types" t-as="type" t-key="type.id">
+                        <div class="col-6 col-md-4">
+                            <button class="btn w-100 h-100 p-3 d-flex flex-column align-items-center justify-content-center"
+                                    t-att-class="state.selectedId === type.id ? 'btn-primary' : 'btn-outline-primary'"
+                                    t-att-style="type.color ? ('border-color:' + type.color + ';color:' + (state.selectedId === type.id ? '#fff' : type.color)) : ''"
+                                    t-on-click="() => this.select(type.id)">
+                                <div class="fw-bold fs-5" t-esc="type.name"/>
+                                <div t-if="type.description" class="small text-muted mt-1" t-esc="type.description"/>
+                                <div class="d-flex gap-1 mt-2">
+                                    <span t-if="type.priority === 'urgent'" class="badge bg-danger">Urgent</span>
+                                    <span t-if="type.is_delivery" class="badge bg-info">Delivery</span>
+                                </div>
+                            </button>
+                        </div>
+                    </t>
+                </div>
+            </div>
+            <t t-set-slot="footer">
+                <button class="btn btn-primary btn-lg flex-fill"
+                        t-att-disabled="!state.selectedId"
+                        t-on-click="confirm">
+                    Confirm
+                </button>
+                <button t-if="props.allowSkip"
+                        class="btn btn-secondary btn-lg flex-fill"
+                        t-on-click="skip">
+                    Skip
+                </button>
+                <button class="btn btn-light btn-lg" t-on-click="cancel">
+                    Cancel
+                </button>
+            </t>
+        </Dialog>
+    </t>
+
+</templates>