<div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3>Edit</h3>
    </div>
    <div class="modal-body">
        <div class="form-horizontal">
            <div class="form-group">
                <label class="col-sm-3 control-label">Name</label>

                <div class="col-sm-5 controls">
                    <input type="text" name="name" class="form-control"/>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-3 control-label">Enable</label>

                <div class="col-sm-5">
                    <div class="input-group">
                        <label class="checkbox toggle well">
                            <input type="checkbox" name="enable"/>
                            <p>
                                <span>Yes</span>
                                <span>No</span>
                            </p>

                            <div class="btn btn-primary slide-button"/>
                        </label>
                    </div>
                </div>
            </div>

            {{formBuilder}}
        </div>
    </div>
    <div class="modal-footer">
        <span class="indicator x-indicator"><i class="icon-spinner icon-spin"></i></span>

        <button class="btn" data-dismiss="modal">cancel</button>
        <button class="btn btn-primary x-save">save</button>
    </div>
</div>
