<div class="modal fade bs-example-modal-lg"
     id="temp-item-template-panel"
     tabindex="-1"
     role="dialog"
     aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" data-bind="with: active_item">
        <div class="modal-content" data-bind="with: temp_item_template">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span>
                    <span class="sr-only">Cancel</span>
                </button>
                <h4 id="temp-item-template-data-header"
                    class="modal-title">
                    Creating a new invoice item template
                </h4>
            </div>
            <div id="temp-item-template" class="modal-body">
                <div id="temp-item-template-data"
                     class="container-fluid"
                     style="padding: 0px;">
                    <div class="col-xs-7 col-sm-7">
                        <label for="temp-item-template-code" style="margin-bottom: 0px;">Code:</label>
                        <input id="temp-item-template-code" tabindex="1" class="form-control"
                               data-bind="textInput: code"
                               required="required"/>
                    </div>
                    <div class="col-xs-5 col-sm-5">
                        <label for="temp-item-template-rate" style="margin-bottom: 0px;">Code:</label>
                        <input id="temp-item-template-rate" tabindex="2" class="form-control"
                               data-bind="textInput: rate"/>
                    </div>
                    <div class="col-xs-12 col-sm-12">
                        <label for="tem-item-template-description" style="margin-bottom: 0px; margin-top: 10px;">Description: </label>
                        <textarea id="tem-item-template-description" tabindex="3"  class="form-control"
                                  data-bind="textInput: description"></textarea>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <a class="btn btn-primary"
                   data-bind="click: $parent.save_item_template()">
                    Save</a>
                <a class="btn btn-warning"
                   data-bind="click: $parent.cancel_item_template()">
                    Cancel</a>
            </div>
        </div>
    </div>
</div>