<!--ko foreach:SortBy($root.MenuItems(),$root.SortKey(),$root.SortType())-->
<div class="col-xs-12 col-sm-4 col-md-3 max-height">
    <div class="col-xs-12 col-sm-12 col-md-12 item-card">
        <div class="item-container">
            <div class="row" data-bind="click:function(){$root.SetSingleProduct($data)}">
                <img data-bind="attr:{'src':$data.Details.ImgPath }" />
            </div>
            <div class="row opacity">
                <div class="col-xs-12 col-sm-12 col-md-12 productName">
                    <strong data-bind="html:$data.SADI"></strong>
                </div>
            </div>

            <div class="row item-price-add">
                <div class="col-xs-6 col-sm-6 col-md-6 border-right">
                    <strong data-bind="fadeSwitcher:$data.DisplayPrice()+ '.00' + ' '+ $data.D"></strong>
                </div>
                <div class="col-xs-6 col-sm-6 col-md-6" data-bind="click:$root.AddToBasket">
                    <strong>Sepete Ekle</strong>
                </div>
            </div>
        </div>
    </div>
</div>
<!--/ko-->
