{% extends "agoranomos/base.html" %}

{% block extrahead %}
{{ block.super }}
<script type="text/javascript">
var itd = Agoranomos.item_detail('{{ user.username }}', {{ object.id }},
		'{{ object.name }}', {{ user.is_authenticated|lower }});
Ext.onReady(itd.init, itd);
</script>
{% endblock %}

{% block title %}{{ object.name }} | {{ block.super }}{% endblock %}
{% block crumbs %}{{ block.super }} 
&rsaquo; <a href="../../../">{{ object.end|date:"Y" }}</a>
&rsaquo; <a href="../../">{{ object.end|date:"F" }}</a>
&rsaquo; <a href="../">{{ object.end|date:"j" }}</a>
&rsaquo; {{ object.name }}
{% endblock %}

{% block content %}
<div class="rowcontainer">
	<div class="halfcolumn">
		<div id="tbar" style="margin: 10px;">
			<h1>{{ object.name }}</h1>
		</div>

		<dl>
			<dt>Community</dt>
			<dd>{{ object.community }}</dd>
			<dt>Description</dt>
			<dd>{{ object.description|safe }}</dd>
		</dl>	
	</div>

	<div class="halfcolumn">
		<div class="blogSince">{{ object.end|timeuntil }} remaining</div>

		<dl>
			<dt>Seller</dt>
			<dd>{{ object.seller_username }}</dd>
			<dt>Current Bid</dt>
			<dd id="currentBid">
			${{ object.bid_price }} by {{ object.bid_username }}<br />
			{{ object.bid_time|timesince }} ago</dd>
			<dt>Start</dt>
			<dd>{{ object.start|date:"F j, Y @H:i" }}</dd>
			<dd>{{ object.start|timesince }} ago</dd>
			<dt>End</dt>
			<dd>{{ object.end|date:"F j, Y @H:i" }}</dd>
			<dd>{{ object.end|timeuntil }} remaining</dd>
		</dl>
	</div>
</div>
<div id="bidHistory">
{% for log in object.bidlog_set.all %}
<div class="rowcontainer">
	<div class="halfcolumn">
		<p>{{ log.time|date:"F j, Y @H:i" }}
		({{ log.time|timesince }} ago)</p>
	</div>
	<div class="quartercolumn">
		<p>{{ log.username }}</p>
	</div>
	<div class="quartercolumn">
		<p>${{ log.bid }}</p>
	</div>
</div>
{% endfor %}
</div>
{% load agora %}
<div class="rowcontainer" id="bidForm">
	<div class="fullcolumn">
		{% bidform user object %}
	</div>
</div>
{% endblock %}