<div style="display: none;">
    <div id="customerQuantityContent">
        <div class="popup-header toolbar-header">
            <div class="popup-title">Set Item Custom Quantity</div>
            <div class="popup-close-btn" onclick="zamanEposPopupcloser()"><span class="icon icon-cancel"></span></div>
        </div>
        <div class="popup-content">
            <div class="neworder-table-guest collection-phone ccfee">
                <div class="form-group">
                    <input type="text" name="quantity" id="quantityCustomQuantity" class="form-control" placeholder="quantity">
                </div>
                <div class="clearfix"></div>
                <div class="tab-group keypad">
                    <div class="tab-item zaman-epos-nav quantity-digit keypad-key quantityPrimaryNumKey">1</div>
                    <div class="tab-item zaman-epos-nav quantity-digit keypad-key quantityPrimaryNumKey">2</div>
                    <div class="tab-item zaman-epos-nav quantity-digit keypad-key quantityPrimaryNumKey">3</div>
                </div>
                <div class="tab-group keypad">
                    <div class="tab-item zaman-epos-nav quantity-digit keypad-key quantityPrimaryNumKey">4</div>
                    <div class="tab-item zaman-epos-nav quantity-digit keypad-key quantityPrimaryNumKey">5</div>
                    <div class="tab-item zaman-epos-nav quantity-digit keypad-key quantityPrimaryNumKey">6</div>
                </div>
                <div class="tab-group keypad">
                    <div class="tab-item zaman-epos-nav quantity-digit keypad-key quantityPrimaryNumKey">7</div>
                    <div class="tab-item zaman-epos-nav quantity-digit keypad-key quantityPrimaryNumKey">8</div>
                    <div class="tab-item zaman-epos-nav quantity-digit keypad-key quantityPrimaryNumKey">9</div>
                </div>
                <div class="tab-group keypad">
                    <div class="tab-item zaman-epos-nav quantity-digit keypad-key quantityPrimaryNumKey">0</div>
                    <div class="tab-item zaman-epos-nav quantity-digit keypad-key quantityPrimaryActionKey">DEL</div>
                    <div class="tab-item zaman-epos-nav quantity-digit keypad-key quantityPrimaryActionKey">CLR</div>
                </div>
                <div class="tab-group keypad">
                    <div class="tab-item zaman-epos-nav quantity-digit keypad-key" onclick="zamanEposPopupcloser()"><span class="icon icon-basket"></span>&nbsp;Add</div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    function zamanCustomQuantityControllerPopup() {
        $.colorbox({
            inline: true,
            scrolling: false,
            href: "#customerQuantityContent",
            width: '290px',
            height: 'auto',
            maxWidth: "100%",
            open: true,
            closeButton: false,
            transition: 'none',
            overlayClose: false,
            className: 'transparent-overlay',
            onOpen: function () {
                playBeepSound();
            },
            onLoad: function () {

            },
            onComplete: function () {
            },
            onCleanup: function () {
                var quantityCustomQuantity = Number($('#quantityCustomQuantity').val());
                quantityCustomQuantity = quantityCustomQuantity > 0 ? quantityCustomQuantity : 1;
                setBadgeQty(quantityCustomQuantity);
            },
            onClosed: function () {
                $('#quantityCustomQuantity').val('');
            }
        });
    }
</script>