{% block support_item %}
{% if support.inv_lines != [] %}
  <div class="col-sm-3 col-sm-offset-4 frame">
    <ul></ul>
    <div>
        <div class="msj-rta macro">                        
           <div class="text text-r" style="background:whitesmoke !important">
            <input class="mytext" placeholder="Type a message"/>
          </div>
          </div>
      <span class="glyphicon glyphicon-share-alt"></span>
    </div>                
  </div>

    <div class="panel panel-default" style="margin-top: 0px">
    <div class="panel-heading" href="#support{{ support.pid }}" aria-expanded="true" aria-controls="support{{ support.pid }}" role="tab" id="support{{ support.pid }}">
        <font color="green">started at {{ moment(support.timestamp).format('ll') }}</font></b></a>
    </div>
    </div> <!-- end of heading -->

    <br />
    {% for line in support.inv_lines %}
    <div align="right">{{ line.topic.owner.email }} {{ moment(line.timestamp).format('lll') }}</div>
        {{ line.line }} <br />
    {% endfor %}
    {% endif %}

    <form method="POST" action="{{ url_for('livesupport.support', topic=support.hashtag) }}">
        {{ form.line | safe }}
        {% for error in form.line.errors %}
            {{ error }}<br />
        {% endfor %}

        {{ form.csrf_token() }}
        {{ form.submit }}
    </form>

{% endblock %}