<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    {{#if id}}
        <h3>Edit - {{implementationName}}</h3>
    {{else}}
        <h3>Add - {{implementationName}}</h3>
    {{/if}}
</div>
<div class="modal-body">
    <div class="form-horizontal">
        <div class="control-group">
            <label class="control-label">Name</label>

            <div class="controls">
                <input type="text" name="name"/>
            </div>
        </div>

        <div class="control-group">
            <label class="control-label">On Grab</label>

            <div class="controls">
                <label class="checkbox toggle well">
                    <input type="checkbox" name="onGrab"/>
                    <p>
                        <span>Yes</span>
                        <span>No</span>
                    </p>

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

            <span class="help-inline-checkbox">
                <i class="icon-question-sign" title="Do you want to get notifications when episodes are grabbed?"/>
            </span>
            </div>
        </div>

        <div class="control-group">
            <label class="control-label">On Download</label>

            <div class="controls">
                <label class="checkbox toggle well">
                    <input type="checkbox" name="onDownload"/>
                    <p>
                        <span>Yes</span>
                        <span>No</span>
                    </p>

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

            <span class="help-inline-checkbox">
                <i class="icon-question-sign" title="Do you want to get notifications when episodes are downloaded?"/>
            </span>
            </div>
        </div>

        {{formBuilder}}
    </div>
</div>
<div class="modal-footer">
    {{#if id}}
        <button class="btn btn-danger pull-left x-delete">delete</button>
    {{else}}
        <button class="btn pull-left x-back">back</button>
    {{/if}}

    <button class="btn x-test">test <i class="x-test-icon"/></button>
    <button class="btn" data-dismiss="modal">cancel</button>

    <div class="btn-group">
        <button class="btn btn-primary x-save">save</button>
        <button class="btn btn-icon-only btn-primary dropdown-toggle" data-toggle="dropdown">
            <span class="caret"></span>
        </button>
        <ul class="dropdown-menu">
            <li class="save-and-add x-save-and-add">
                save and add
            </li>
        </ul>
    </div>
</div>
