diff --git a/app/resources/views/ventas/reservations/modal/add.blade.php b/app/resources/views/ventas/reservations/modal/add.blade.php
index 4c7fcf2..5e9f2fd 100644
--- a/app/resources/views/ventas/reservations/modal/add.blade.php
+++ b/app/resources/views/ventas/reservations/modal/add.blade.php
@@ -293,34 +293,7 @@
                         return
                     }
                     this.components.units.innerHTML = this.data.units.map(unit => {
-                        return [
-                            '<div class="fields">',
-                                '<div class="four wide field">',
-                                    `<label>${unit.type.charAt(0).toUpperCase() + unit.type.slice(1)}</label>`,
-                                    `<div class="ui search selection dropdown">`,
-                                        '<input type="hidden" name="add_units[]" />',
-                                        '<i class="dropdown icon"></i>',
-                                        `<div class="default text">${unit.type.charAt(0).toUpperCase() + unit.type.slice(1)}</div>`,
-                                        '<div class="menu">',
-                                        this.data.types[unit.type].map(unit => {
-                                            return `<div class="item" data-value="${unit.value}">${unit.name}</div>`
-                                        }).join(''),
-                                        '</div>',
-                                    '</div>',
-                                '</div>',
-                                '<div class="three wide field">',
-                                    '<label>Valor</label>',
-                                    '<div class="ui right labeled input">',
-                                        '<input type="number" name="add_units_value[]" placeholder="Valor" />',
-                                        '<div class="ui basic label">UF</div>',
-                                    '</div>',
-                                '</div>',
-                                '<div class="field">',
-                                    '<label></label>',
-                                    `<button class="ui red tiny icon button remove_unit" type="button" data-id="${unit.idx}"><i class="trash icon"></i></button>`,
-                                '</div>',
-                            '</div>',
-                        ].join('')
+                        return this.draw.unit(unit)
                     }).join('')
                     this.components.units.querySelectorAll('.dropdown').forEach(dropdown => {
                         $(dropdown).dropdown()
@@ -331,6 +304,52 @@
                             this.remove(idx)
                         })
                     })
+                },
+                unit: unit => {
+                    let promotions = ''
+                    if (unit.type === 'departamento') {
+                        promotions = [
+                            '<div class="three wide field>',
+                                '<label>Promociones</label>',
+                                '<div class="ui multiple search selection dropdown add_promotions_unit">',
+                                    '<input type="hidden" name="add_units_promotions[]" />',
+                                    '<i class="dropdown icon"></i>',
+                                    '<div class="default text">Promociones</div>',
+                                    '<div class="menu">',
+                                    '</div>',
+                                '</div>',
+                            '</div>'
+                        ].join('')
+                    }
+                    return [
+                        '<div class="fields">',
+                            '<div class="four wide field">',
+                                `<label>${unit.type.charAt(0).toUpperCase() + unit.type.slice(1)}</label>`,
+                                `<div class="ui search selection dropdown">`,
+                                    '<input type="hidden" name="add_units[]" />',
+                                    '<i class="dropdown icon"></i>',
+                                    `<div class="default text">${unit.type.charAt(0).toUpperCase() + unit.type.slice(1)}</div>`,
+                                    '<div class="menu">',
+                                    this.data.types[unit.type].map(unit => {
+                                        return `<div class="item" data-value="${unit.value}">${unit.name}</div>`
+                                    }).join(''),
+                                    '</div>',
+                                '</div>',
+                            '</div>',
+                            '<div class="three wide field">',
+                                '<label>Valor</label>',
+                                '<div class="ui right labeled input">',
+                                    '<input type="number" name="add_units_value[]" placeholder="Valor" />',
+                                    '<div class="ui basic label">UF</div>',
+                                '</div>',
+                            '</div>',
+                            promotions,
+                            '<div class="field">',
+                                '<label></label>',
+                                `<button class="ui red tiny icon button remove_unit" type="button" data-id="${unit.idx}"><i class="trash icon"></i></button>`,
+                            '</div>',
+                        '</div>',
+                    ].join('')
                 }
             }
             reset() {