{% extends "base.html" %}
{% block content %}
    {{ super() }}
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <form class="form-horizontal" role="form" action="{{ url_for('new_task') }}"
                      method="post"
                      enctype=multipart/form-data>
                    <div class="form-group required">
                        {{ form.name.label(for="taskname",class="col-sm-3 control-label") }}

                        <div class="col-sm-7">
                            {{ form.name(type="text",class="form-control",id="taskname",placeholder="Task Name") }}
                            <p class="help-block">Task name is required.</p>
                        </div>
                    </div>

                    <div class="form-group required">
                        {{ form.duedate.label(for="duedate",class="col-sm-3 control-label") }}
                        <div class="col-sm-7">
                            {{ form.duedate(type="text",class="form-control",id="duedate",placeholder="mm/dd/yyyy") }}
                            <p class="help-block">Due Date.</p>
                        </div>
                    </div>

                    <div class="form-group required">
                        {{ form.priority.label(for="priority",class="col-sm-3 control-label") }}
                        <div class="col-sm-2">
                            {{ form.priority(id="priority",class="form-control") }}
                            <p class="help-block">Attached File.</p>
                        </div>
                    </div>

                    <div class="form-group">
                        {{ form.attachfile.label(for="attachfile",class="col-sm-3 control-label") }}
                        <div class="col-sm-7">
                            <div class="fileinput fileinput-new" data-provides="fileinput">
                        <span class="btn btn-success btn-file"><i class="glyphicon glyphicon-plus"></i><span class="fileinput-new"> Add file</span><span
                                class="fileinput-exists"> Change</span>{{ form.attachfile(id="attachfile") }}</span>
                                <span class="fileinput-filename"></span>
                                <a href="#" class="close fileinput-exists" data-dismiss="fileinput"
                                   style="float: none">&times;</a>
                            </div>

                            <p class="help-block">Attached File.</p>
                        </div>
                    </div>

                    <div class="form-group">
                        {{ form.description.label(for="description",class="col-sm-3 control-label") }}
                        <div class="col-sm-7">
                            {{ form.description(class="markdown",id = "description",rows="10",
**{'data-provide':'markdown'}) }}
                            <p class="help-block">Task Description.</p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-3 control-label">Choices</label>

                        <div class="col-sm-9">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="CheckboxOptions"
                                           id="CheckboxOptions1"
                                           value="secret">
                                    Mark as secret.
                                </label>
                            </div>
                        </div>
                    </div>

                    <div class="form-actions">
                        <button type="submit" class="btn btn-primary">Save Task</button>
                        <button type="button" class="btn"
                                onclick="location.href='{{ request.path }}'">
                            Cancel
                        </button>
                    </div>

                </form>
            </div>
        </div>
    </div>
{% endblock %}