<form ng-submit="createPlaylist()" class="pfm-form">
    <div class="modal-header">
        <h3>
            <button type="button" class="close" ng-click="close()" ng-hide="isLoading">&times;</button>
            <span ng-show="isNew">Create</span>
            <span ng-hide="isNew">Edit</span>
            Playlist
        </h3>
    </div>
    <div class="modal-body">
        <div class="form-row" ng-class="{'has-error': errors.title != null}">
            <label class="control-label" for="title">Name</label>
            <input type="text" id="title" placeholder="Playlist Name" ng-model="form.title" ng-disabled="isLoading" />
            <div class="error">{{errors.title}}</div>
        </div>
        <div class="form-row" ng-class="{'has-error': errors.description != null}">
            <label class="control-label" for="description">Description</label>
            <textarea id="description" placeholder="Description (optional)" ng-model="form.description" ng-disabled="isLoading"></textarea>
            <div class="error">{{errors.description}}</div>
        </div>
        <div class="row-fluid">
            <div class="form-row span6">
                <label for="is_public"><input ng-disabled="isLoading" id="is_public" type="checkbox" ng-model="form.is_public" /> Is Public</label>
            </div>
            <div class="form-row span6">
                <label for="is_pinned"><input ng-disabled="isLoading" id="is_pinned" type="checkbox" ng-model="form.is_pinned" /> Is Pinned to Sidebar</label>
            </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="submit" class="btn btn-primary" ng-disabled="isLoading">
            <span ng-show="isNew">Create</span>
            <span ng-hide="isNew">Edit</span>
            Playlist
            <i class="ui-icon-gear icon-spin" ng-show="isLoading"></i>
        </button>
        <a class="btn cancel" ng-click="close()" ng-disabled="isLoading">Close</a>
    </div>
</form>