{% extends 'layouts/backend.jinja2' %}
{% import 'macros/form.jinja2' as f with context %}

{% block title %}Let's remedy any issues you may have{% endblock %}
{% block meta_description %}Support{% endblock %}
{% block heading %} Support {% endblock %}

{% block body %}
<div class="content">
    <div class="container-fluid">
        <div class="col-sm-8 col-sm-offset-2">
            <div class="card">
                <div class="card-header card-header-icon" data-background-color="light-blue">
                    <i class="material-icons">mail_outline</i>
                </div>
                <div class="card-content">
                    <h4 class="card-title">Need Help?</h4>
                    {% call f.form_tag('issue.support') %}
                        <div class="row">
                        </div>
                             <div class="col-md-12 form-group label-floating">
                                {% call f.form_group(form.label, css_class='form-control') %}
                                {% endcall %}
                            </div>
                            <div class="col-md-12 form-group label-floating">
                                {% call f.form_group(form.email, css_class='form-control') %}
                                {% endcall %}
                            </div>
                            <div class="col-md-12 form-group label-floating">
                                {% call f.form_group(form.question, css_class='form-control',
                                                 rows='8') %}
                                {% endcall %}
                            </div>
                             <div class="form-group col-md-12" style="text-align:center">
                                  <button type="submit" class="btn btn-fill btn-light-blue" s>
                                      Submit this support request
                                  </button>
                             </div>
                    {% endcall %}
                </div>
            </div>
        </div>
        <div class="col-md-2">
        </div>
    </div>
</div>
{% endblock %}