{% include "header.html" %}

<br/><br/>

<table class="duckytable" align="center" width="800px" border="0" cellspacing="0" cellpadding="0">

<caption>Conversation with:</caption>

<tr>
    <td width="400px" style="border-bottom: 0;">

    <div class="userInfo" style=" {{ border }}">
	<img class="avatar" width="60" height="60" src="/{{ avatar }}"/>
	<div class="name">
		<strong>
			<a href="/user/{{ name_enc }}">{{ name }}</a>
		</strong>
	</div>
	<div class="info">
		ID: <strong>{{ id }}</strong> /
		Images: <strong>{{ images }}</strong>
		{%- if let Some(w) = website %}/
			<strong><a href="{{ w }}" target="_blank">
				Website
			</a></strong>
		{%- endif %}
        <br /><br />
        </div>
            </div>

    </td>


  </tr>

</table>
<div  align="center">
 <div class="comment" style=" {{ border }}margin:5px; text-align:left;width:700px;color:#333">
            <strong>Message to {{ name }}:</strong>
            <form method="post" class="addComment" action="/inbox/{{ name_enc }}">
					<div>
						<input type="hidden" name="_csrf" value="{{ l.csrf }}"/>
						<textarea name="content" rows="6" cols="93"></textarea><br />
						<input class="submit" type="submit" name="addComment" value="Submit Message"/>
					</div>
				</form>
              </div>

{%- for s in messages %}

				<div class="comment" style=" margin:5px; text-align:left;width:700px;{{ s.border }}">
					<div class="commentHead">

						<a href="/user/{{ s.from_enc }}">{{ s.from_name }}</a>
						at {{ s.date }}

					</div>

                    <hr style=" {{ s.border }} width: 99%;">
					{{ s.body|safe }}
				</div>
{%- else %}
No messages found. <hr style="background-color:#d2d9e7;">
{%- endfor %}




            </div> <br/>
{% include "footer.html" %}