<!--ko if:$root.EditableObejct()-->
<div id="edit_view">
    <div class="item-card">
        <div class="item-container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <img style="height:200px !important; width:100%;" data-bind="attr:{'src':$root.EditableObejct().File() || '/Upload/empty_img.png' }" />
                    <button class="btn btn-login btn-block" data-bind="click:function(){ $('#fileSelector').click();}">Resim Seç</button>
                </div>
                <input type="file" id="fileSelector" accept="image/*" style="display:none" data-bind="event:{'change': $root.FileUpload }" />
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <label>Ürün Adı</label> <br />
                    <input class="form-control defaultTextbox" data-bind="value:$root.EditableObejct().Name" />
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="col-xs-4 col-sm-4 col-md-4" style="padding-left:0px">
                        <label>Ürün Fiyatı</label> <br />
                        <input class="form-control defaultTextbox" data-bind="value:$root.EditableObejct().Price" />
                    </div>
                    <div class="col-xs-4 col-sm-4 col-md-4">
                        <label>Para Birimi</label> <br />
                        <input class="form-control defaultTextbox" data-bind="value:$root.EditableObejct().Currency" />
                    </div>
                    <div class="col-xs-4 col-sm-4 col-md-4" style="padding-right:0px">
                        <label>Kalori</label> <br />
                        <input class="form-control defaultTextbox" data-bind="value:$root.EditableObejct().Calori" />
                    </div>
                    @*<!--ko if:$root.ComputedSelectedAction() == actions.add-->
                    <div class="col-xs-12 col-sm-12 col-md-12" style="padding-right:0px">
                        <label>Stok ID</label> <br />
                        <input class="form-control defaultTextbox" data-bind="value:$root.EditableObejct().Id" />
                    </div>
                    <!--/ko-->*@
                </div>
            </div>
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <label>Ürün Açıklaması</label>
                    <textarea rows="3" class="form-control defaultTextbox" data-bind="value:$root.EditableObejct().Description"></textarea>
                </div>
            </div>
        </div>
    </div>
</div>
<!--/ko-->
