<!-- Page Content -->
<div class="container" dropzone>

    <div class="row">

        <div class="col-md-12">
            <div class="form-group">
                <label for="Input">LaTeX input:</label>
                <textarea id="Input" rows="10" class="form-control" ng-model="Data.Input"></textarea>
            </div>
            <div class="form-group">
                <button class="btn btn-primary btn-block" ng-click="convert()">Do the magic</button>
            </div>
            <div class="form-group">
                <label for="Output">Output:</label>
                <textarea id="Output" rows="10" class="form-control" ng-model="Data.Output"></textarea>
            </div>
            <div class="form-group">
                <div ng-repeat="question in questions">
                    {{ question.Text }}
                    <ul>
                        <li ng-repeat="answer in question.Answers" ng-class="{'answer-correct' : answer.Correct}">
                            {{ answer.Text }}
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>