@(item: Tables.Item, seller: Tables.User, bids: Seq[(Tables.Bid, Tables.User)], bidForm: Form[BidData])(implicit request: AuthRequest[AnyContent], flash: Flash, token: play.filters.csrf.CSRF.Token)

@templates.ebe("Item page")(request.account) {

	<h2>Item summary: @item.itemName</h2>

	<div class="pure-g">
		<div class="pure-u-1 pure-u-lg-3-4">
			<div class="l-box">
				<table class="pure-table pure-table-horizontal">
					<thead>
						<tr>
							<td colspan="2">Item summary</td>
						</tr>
					</thead>

					<tbody>
						<tr>
							<td>Item name</td>
							<td class="align-right">@item.itemName</td>
						</tr>

						<tr>
							<td>Short description</td>
							<td class="align-right">@item.shortDesc</td>
						</tr>
					</tbody>
				</table>
			</div>

			<div class="l-box">
				<table class="pure-table pure-table-horizontal">
					<thead>
						<tr>
							<td>Detailed description</td>
						</tr>
					</thead>

					<tbody>
						<tr>
							<td>@item.longDesc</td>
						</tr>
					</tbody>

				</table>
			</div>
		</div>

		<div class="pure-u-1 pure-u-lg-1-4">
			<div class="l-box">
				<table class="pure-table pure-table-horizontal">
					<thead>
						<tr>
							<td colspan="2">Bid</td>
						</tr>
					</thead>

					<tbody>
						<tr>
							<td>Current price</td>
							<td class="align-right">
								@if(bids.nonEmpty) {
									@bids.head._1.offer
								} else {
									@item.initialPrice
								} €
							</td>
						</tr>

						<tr>
							<td colspan="2">
							@helper.form(action = routes.Sale.bidSubmit(item.uuid), 'class -> "pure-form") {

								@helper.CSRF.formField

								<div class="pure-g">
									<div class="pure-u-1 pure-u-lg-1-2">
									@views.html.fragments.forms.inputField(bidForm("offer"), "number", "Offer")
									</div>

									<div class="pure-u-1 pure-u-lg-1-2">
										<button type="submit" class="pure-button pure-input-1 pure-button-primary">Bid</button>
									</div>
								</div>
							}
							</td>
						</tr>
					</tbody>
				</table>
			</div>

			<div class="l-box">
				<table class="pure-table pure-table-horizontal">
					<thead>
						<tr>
							<td colspan="2">Bid history</td>
						</tr>
					</thead>

					<tbody>
						@if(bids.isEmpty) {
							<tr>
								<td colspan="2">No bid</td>
							</tr>
						}

						@for(bid <- bids) {
							<tr>
								<td>@bid._2.username</td>
								<td>@bid._1.offer</td>
							</tr>
						}
					</tbody>
				</table>
			</div>
		</div>
	</div>


}