Mini Kabibi Habibi

<div data-options="dxView : { name: 'FlightDetails', layout: 'default' } " >

    <div data-options="dxContent : { targetPlaceholder: 'header' } " >
        <div data-bind="dxToolbar: { items: [
            { align: 'left', widget: 'button', options: { type: 'back', text: 'Trip', clickAction: backAction }},
            { align: 'right', widget: 'button', options: { text: 'Edit', clickAction: editFlight } },
            { align: 'center', text: 'Flight Info' }
        ]}"></div>
    </div>

    <div data-options="dxContent : { targetPlaceholder: 'content' } " >
        <div class="flight-details view-content" data-bind="dxList: { items: details, grouped: true, itemClickAction: handleItemClick }">
            <div data-options="dxTemplate : { name: 'item' } " >
                <div data-bind="css: { 'flight-details-item-with-navigation': navigation }">                
                    <div class="flight-details-icon">
                        <img data-bind="attr: { src: icon }" width="50" height="50" />
                    </div>
                    <div class="flight-details-field">
                        <span class="flight-details-key" data-bind="text: key"></span>
                        <span class="flight-details-value" data-bind="text: value"></span>                   
                    </div>
                </div>
            </div>            
        </div>        
    </div>
</div>