<div class="modal-header">
    <div class="row">
        <button type="button" class="close"
                data-bind="click:function(){  $data.isShow(!$data.isShow());  $root.ClearAndCloseForSettings()}" aria-hidden="true">
            <i class="material-icons">close</i>
        </button>
    </div>
    
</div>
<div class="modal-body" data-bind="style:{'max-height':$root.ModalBodyHeight()+'px'}">
    <!--ko foreach:$root.selectedDataFromDbList -->
    <div class="panel-group">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="row">
                    <div class="col-xs-5 col-md-6 col-sm-6 cartItemName nopadding" data-bind="text:$data.Name"> <span></span></div>
                    <div class="col-xs-2 col-md-2 col-sm-2 nopadding" data-bind="text:$data.DisplayPrice() +' TL'"></div>
                    <div class="col-xs-5 col-md-4 col-sm-4 nopadding">
                        <div class="btn-group" role="group" aria-label="Basic example">
                            <!--ko if:$root.user().Roles()[3].UseRole-->
                            <button type="button" class="btn btn-warning btn-sm" data-bind="click:function(){ return $data.Quantity && $data.Quantity() &#62; $data.LastValue() ?  $data.Quantity($data.Quantity()-1) : ''}">
                                <i class="material-icons">remove_circle_outline</i>
                            </button>
                            <!--/ko-->
                            <button type="button" class="btn btn-warning btn-sm" data-bind="text:$data.Quantity()"></button>
                            <!--ko if:$root.user().Roles()[1].UseRole-->
                            <button type="button" class="btn btn-warning btn-sm" data-bind="click:function(){ return $data.Quantity && $data.Quantity($data.Quantity()+1)}">
                                <i class="material-icons">add_circle_outline</i>
                            </button>
                            <!--/ko-->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/ko-->
</div>
<div class="modal-footer">
    <div class="col-xs-12 col-md-12 col-sm-12 nopadding">
        <!--ko if:$root.user().Roles()[1].UseRole() || $root.user().Roles()[3].UseRole()-->
        <button type="button" data-bind="click:$root.afterSave" class="btn btn-danger full-width" >Güncelle</button>
        <!--/ko-->
        <!--<button type="button" data-bind="click:function(){return $root.selectedDataFromDbList([]) && $root.OrderCancellation(!true) && $root.ViewOrClose('view');}" class="btn btn-danger">Temizle</button>-->

    </div>
</div>
