@(images:List[models.Image])

@main("Images") {
  	<h1>Uploaded Images</h1>
  	<div class="row">
  		<table class="table">
  			<tr>
  				<th>Thumbnail</th>
  				<th>Ref Image</th>	  				
  				<th>Main Color</th>
  				<th>Avg Color</th>
  				<th>Med Color</th>			
  			</tr>
  	@for(image <- images) {
  			<tr>
  				<td>
  					<a href="@routes.Images.show(image.checksum)">
						<img class="img-thumbnail" title="@image.name" src="@routes.Images.thumbnail(image.checksum)" /> 
					</a>
					<br ><small>@image.name</small>
  				</td>
  				<td>
  					<img class="img-thumbnail" title="@image.name" src="@routes.Images.reference(image.checksum)" /> 
  				</td>  				
  				<td>
  				@if(image.mainColor) {
  				<img class="img-thumbnail" src="@routes.Colors.sample(image.mainColor, 128, 128)" /><br >@image.mainColor
  				}
  				</td>
  				<td>
  				@if(image.avgColor) {
  				<img class="img-thumbnail" src="@routes.Colors.sample(image.avgColor, 128, 128)" /><br >@image.avgColor
  				}
  				</td>
  				<td>
  				@if(image.medColor) {
  				<img class="img-thumbnail" src="@routes.Colors.sample(image.medColor, 128, 128)" /><br >@image.medColor
  				}
  				</td>
			</tr>
	}
		</table>
	</div>
}