Mini Kabibi Habibi

<div data-options="dxView : { name: 'ProductDetails', title: 'Order item' } " >
    <div data-bind="dxCommand: { action: handleBack, title: 'Order Details', location: 'back', behavior: 'back', type: 'back' }"></div>
    <div class="product-details" data-options="dxContent : { targetPlaceholder: 'content' } " >
        
        <div data-bind="dxScrollView: {}">
            <div data-bind="attr: { 'class': stateCssClass }">

                <h2 class="product-name" data-bind="text: name"></h2>

                <div class="image big-image">
                    <img data-bind="attr: { 'src': image, 'class': imageClass }" />
                </div>
                <div class="description-container">
                    <!-- ko foreach: description -->
                        <div>
                            <span data-bind="text: title"></span>
                            <span data-bind="text: value"></span>
                        </div>
                    <!-- /ko -->
                </div>
                <div class="dx-clearfix"></div>

                <!-- ko if: showCompleteButton -->
                    <div class="buttons-container">
                        <div data-bind="dxButton: { text: 'Complete', clickAction: complete, type: 'success' }" class="complete-button"></div>
                    </div>
                <!-- /ko -->
            </div>
        </div>


    </div>
</div>