Mini Kabibi Habibi

<div data-options="dxView : { name: 'productDetail', title: 'choose' } " >
    
    <div data-bind="dxCommand: { action: goBack, title: 'Back', iconSrc: 'images/back-icon.png', location: 'home' }"></div>
    <div data-bind="dxCommand: { action: choose, title: 'Choose', iconSrc: 'images/choose-icon.png', location: 'order' } "></div>

    <div class="product-details" data-options="dxContent : { targetPlaceholder: 'content' } " >
        <div class="gallery single" data-bind="dxGallery: { showIndicator: false, showNavButtons: true, dataSource: products, selectedIndex: selectedIndex }">
            <div data-options="dxTemplate : { name: 'item' } " >
                <div class="gallery-item-content">
                    <div class="information-icon"></div>
                    <div data-bind="attr: { 'class': 'product-image ' + cssClass }">
                        <img data-bind="attr: { src: imageSrc }">
                    </div>
                    <div class="product-description">
                        <div class="product-title" data-bind="text: Name"></div>
                        <div data-bind="foreach: features">
                            <div class="product-property">
                                <span data-bind="text: title"></span>:
                                <span data-bind="text: value"></span>
                            </div>
                        </div>
                        <div class="product-title">Price: <strong data-bind="text: price"></strong></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>