<div class="col-xs-12 col-sm-6 col-md-4">
    <div class="col-xs-12 col-sm-12 col-md-12 mode" data-bind="click: function(){$root.SelectedActionButton(actions.edit)}">
        <div>Ürün Düzenle</div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-12 mode" data-bind="click:function(){ $root.SelectedActionButton(actions.add)}">
        <div>Ürün Ekle</div>
    </div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12" data-bind="if: $root.ComputedSelectedAction()">
    <div>Ürün Grupları:</div>
    <select class="form-control loginInput"
            data-bind="options: $root.List(),
            optionsText: 'GADI',
            value: $root.ProductGroup"></select>
    <!--ko if:$root.ComputedSelectedAction() !== actions.add-->
    <div>Ürünler:</div>
    <select class="form-control loginInput"
            data-bind="options:$root.ComputedProductGroup().items,
            optionsText: 'SADI',
            value: $root.SelectedProduct"></select>
    <!--/ko-->
    <div class="col-xs-12 col-sm-12 col-md-12" style="padding:0px !important;" id="admin">
        @Html.Partial("_Edit_View")
    </div>
</div>