<section class="oils container">
    <p>
    <div class="row">
        <div class="col-lg-12">

        </div>
    </div>
    </p>
    <div class="panel panel-default">
        <div class="panel-heading clearfix">
            <h2 style="margin: 0" class="pull-left">Oil</h2>
            <div class="btn-group pull-right">
                <a href="javascript:void(0)" class="btn btn-primary" data-bind="click: save">Save</a>
                <a href="javascript:void(0)" class="btn btn-success" data-bind="click: saveClose">Save and Close</a>
                <a href="javascript:void(0)" class="btn btn-warning" data-bind="click: cancel">Cancel</a>
                <a href="javascript:void(0)" class="btn btn-danger" data-bind="click: deleteOil">Delete</a>
                <a href="#oils" class="btn btn-success">Back</a>
            </div>
        </div>
        <div class="panel-body" data-bind="with: oil">
            <div class="row">
                <div class="col-lg-6">
                    <fieldset>
                        <legend>Detail</legend>
                        <form class="form-horizontal" role="form" data-bind="submit: $parent.save">
                            <div class="form-group">
                                <label for="inputName3" class="col-sm-2 control-label">Name</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="inputName3" placeholder="Name" data-bind="value: name">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputDesription3" class="col-sm-2 control-label">Desription</label>
                                <div class="col-sm-10">
                                    <textarea class="form-control" name="description" id="inputDesription3" cols="30" rows="10" data-bind="value: description"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Tags</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" placeholder="Tags" data-bind="
                                        value: selectedTagValues,
                                        item: $data,
                                        select2: {
                                            tags: $parent.allTags
                                        }">
                                </div>
                            </div>
                        </form>
                    </fieldset>
                </div>
            </div>
        </div>
        <div class="panel-footer text-right">
            Panel content
        </div>
    </div>
</section>
