Mini Kabibi Habibi

<div data-options="dxView : { name: '_header' } " >
    <div class="large-title" data-bind="text: title"></div>
    <!-- ko with: DXSK8.Tablet.currentOrder -->
    <div class="header-current-order" data-bind="visible: visible">
        <div class="title">Current order</div>
        <div class="list">
                <span class="category-name">Deck</span>
                <span class="product-name" data-bind="text: products[1]().Name || 'None', css: { 'not-active': !products[1]().Name }"></span><br/>
                <span class="category-name">Wheels</span>
                <span class="product-name" data-bind="text: products[2]().Name || 'None', css: { 'not-active': !products[2]().Name }"></span><br/>
                <span class="category-name">Trucks</span>
                <span class="product-name" data-bind="text: products[3]().Name || 'None', css: { 'not-active': !products[3]().Name }"></span><br/>
                <span class="category-name">Accessories</span>
                <span class="product-name" data-bind="text: products[4]().Name || 'None', css: { 'not-active': !products[4]().Name }"></span><br/>
        </div>
        <div class="buy-button-wrapper">
          <span class="current-purchase">Current purchase</span>
          <strong data-bind="text: purchase"></strong>
          <div>
              <div class="small" data-bind="dxButton: { text: 'Buy', iconSrc: 'images/buy-icon.png', clickAction: completeOrder }"></div>
          </div>
        </div>
    </div>
    <!-- /ko -->
    <div class="sales-associate">
        <div class="text">JOHN JONES,<br />SALES ASSOCIATE</div>
        <div class="image">
            <img src="images/user-small-icon.jpg"/>
        </div>
    </div>
    <!-- ko with: DXSK8.Tablet.currentCustomer -->
    <div class="new-customer-button" data-bind="dxButton: { text: name, iconSrc: imageSrc, clickAction: buttonUri }"></div>
    <!-- /ko -->
</div>