<div class="modal-header">
    <!--<div class="row">-->
        <button type="button" class="close"
                data-bind="click:function(){ return $data.isShow(!$data.isShow())}" aria-hidden="true">
            <i class="material-icons">close</i>
        </button>
    <select class="deskSelector"
            data-bind="options:$root.Desks,optionsCaption:'Masa Seçiniz!',optionsText:'MASANO',optionsValue:'MASANO',value:$root.DeskNoForCart"></select>
    <span class="deskvalidationMessage" data-bind="text:$root.deskErrorMessage"></span>

    </div>
<div class="modal-body" data-bind="style:{'max-height':$root.ModalBodyHeight()+'px'}">
    <hr />
    <div class="row">
        <!--ko foreach:$root.cartItems()-->
        <div class="row">
            <div class="col-xs-6 col-md-6 col-sm-6 nopadding" data-bind="text:$data.Name"></div>
            <div class="col-xs-2 col-md-2 col-sm-2 nopadding" data-bind="text:$data.DisplayPrice() +' TL'"></div>
            <div class="col-xs-4 col-md-4 col-sm-4 nopadding">
                <div class="btn-group" role="group" aria-label="Basic example">
                    <button type="button" class="btn btn-warning btn-sm"
                            data-bind="click:function(){ return $data.Quantity &amp;&amp; $data.Quantity() > 1 ?  $data.Quantity($data.Quantity() -1 ) : $root.cartItems.splice($index(), 1)  }">
                        <i class="material-icons">remove_circle_outline</i>
                    </button>
                    <button type="button" class="btn btn-warning btn-sm" data-bind="text:$data.Quantity"></button>
                    <button type="button" class="btn btn-warning btn-sm" data-bind="click:function(){ return $data.Quantity($data.Quantity() + 1)}">
                        <i class="material-icons">add_circle_outline</i>
                    </button>
                </div>
            </div>
        </div>
        <!--ko foreach: $data.Extras-->
            <div class="row">
                <div class="col-xs-6 col-md-6 col-sm-6" data-bind="text:'Ex: '+ $data.Name()"></div>
                <div class="col-xs-2 col-md-2 col-sm-2 nopadding">
                    <i style="font-size: 15px" data-bind="text:$data.isOk() ? 'done' : 'close', style:{'color':$data.isOk() ? '#03a9f4' : '#f40303'} " class="material-icons"></i>
                </div>
               
            </div>
        <!--/ko-->
        <hr />
        <!--/ko-->
    </div>
   
</div>
<div class="modal-footer">
    <!--ko if:$root.cartItems().length > 0-->
    <div class="row">
        <button class="btn btn-danger btn-sm btnHeight" type="button" style="width:30%;" data-bind="click:$root.ClearAll">Siparişleri Sil</button>
        <button type="button" class="btn btn-danger btn-sm btnHeight" style="width:65%;" data-bind="click:$root.OrderComplate ,text: $root.TotalCountCartItems() + ' Adet '+ $root.TotalPrice() + ' TL      Sipariş Gönder'"></button>

    </div>
    <!--/ko-->
</div>






