<md-dialog>
	<md-dialog-content class="md-dialog-content" role="document" tabindex="-1" id="dialogContent_12">
		<h2 class="md-title ng-binding">Create new message board</h2>
		<p >Bowser is a common name.</p>

		<form name="dialogDataForm">

		<md-input-container class="md-block" flex-gt-sm>
			<label>Name</label>
			<input type="text" name="subjectTherard" autocomplete="off" ng-model="dialogData.subject" required md-maxlength="100" minlength="3">
			<div ng-messages="dialogDataForm.subject.$error" ng-show="dialogDataForm.subject.$dirty">
				<div ng-message="required">This is required!</div>
				<div ng-message="maxlength">That's too long!</div>
				<div ng-message="minlength">That's too short!</div>
			</div>
		</md-input-container>

		<md-input-container class="md-block">
			<label>Message</label>
			<textarea name="body" autocomplete="off" ng-model="dialogData.body"  required md-maxlength="2500"></textarea>
			<div ng-messages="dialogDataForm.body.$error" ng-show="dialogDataForm.body.$dirty">
				<div ng-message="required">This is required!</div>
			</div>
		</md-input-container>

		</form>

	</md-dialog-content>

	<md-dialog-actions>
		<button class="md-button md-ink-ripple md-red-theme" type="button" ng-click="hideDialog()">Close</button>

		<button class="md-primary md-confirm-button md-button md-ink-ripple md-default-theme" type="submit" ng-disabled="dialogDataForm.$invalid" ng-click="sendForm()">Post Message Board</button>
	</md-dialog-actions>

</md-dialog>