<article ng-controller="createTopicCtrlr" ng-init="start()">
        <section ng-show="!(error.loggedIn.show)" class="item border">
            <h3>{{titles.form}}</h3>
            <p ng-show="error.category.show && !error.userLevel.show">{{error.category.text1}} <span class="link" ng-click="setCreateCat()">{{error.category.link1}}</span> {{error.category.text2}}</p>
            <p ng-show="error.category.show && error.userLevel.show">{{error.userLevel.text1}} <br /> {{error.userLevel.text2}}</p>
            <form ng-show="!error.category.show" ng-submit="createTopic()">
                <label for="topicSubject">Subject: </label></br>
                <input type="text" name="topicSubject" ng-model="topic.topicSubject" placeholder="What's this topic about?" required /><br />
                <label for="topicCat">Category: </label></br>
                <select name="topicCat" ng-model="topic.topicCat" required>
                    <option selected disabled hidden style='display: none' value=''></option>
                    <option ng-repeat="category in categories" value="{{category.catNo}}">{{category.catName}}</option>
                </select><br />
                <label for="postContent">Message: </label></br>
                <textarea name="postContent" ng-model="topic.postContent" placeholder="The first post in the topic..." required></textarea><br />
                <input type="submit" ng-model="topic.submit" value="Create topic" />
            </form>
            <p class="status" ng-show="status.show">{{status.text}}</p>
        </section>
        <section ng-show="error.loggedIn.show" class="item border">
            <p>{{error.loggedIn.text1}} <span class="link" ng-click="setLogin()">{{error.loggedIn.link1}}</span> {{error.loggedIn.text2}}</p>
        </section>
</article>