<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="control-group">
            <label class="control-label">Name</label>

            <div class="controls">
                <input type="text" name="name">
                <span class="help-inline">
                    <i class="icon-question-sign" title="The name for this quality profile"></i>
                </span>
            </div>
        </div>

        <div class="control-group">
            <label class="control-label">Cutoff</label>

            <div class="controls">

                <select class="x-cutoff" name="cutoff">
                    {{#each allowed}}
                        <option value="{{id}}">{{name}}</option>
                    {{/each}}
                </select>
                <span class="help-inline">
                    <i class="icon-question-sign" title="Once this quality is reached NzbDrone will no longer download episodes"></i>
                </span>
            </div>
        </div>


        <!--Todo: Why is a null allowed being treated as a true?-->
        {{#each qualities}}
            <div class="control-group">
                <label class="control-label">{{name}}</label>

                <div class="controls">
                    <div class="switch" data-on-label="Yes" data-off-label="No">
                        {{#if allowed}}
                            <input type="checkbox" checked="checked" />
                        {{else}}
                            <input type="checkbox" />
                        {{/if}}

                    </div>
                </div>
            </div>
        {{/each}}


    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-danger pull-left x-remove">delete</button>
    <button class="btn" data-dismiss="modal">cancel</button>
    <button class="btn btn-primary x-save">save</button>
</div>