{{template "header.html" .S}}

{{range .News}}
<div class="offset2 span8 alert alert-info">
    <a href="/news/"><strong>News!</strong></a> {{.Text}}
</div>
{{end}}

<div class="row">
<div class="span8">
	<h4>Last books added: <a href="/search/?fmt=rss&q="><img src="/img/feed.png"/></a></h4>
</div>
<div class="span4">
	<p class="pull-right">{{.Count}} books</p>
</div>
</div>

<ul class="row thumbnails">
{{with .Books}}
	{{range .}}
	<li class="span2">
		<div class="thumbnail centered" style="border:none;">
		<a href="/book/{{.Id}}">
		{{if .CoverSmall}}<div class="down"><img  class="img-rounded" src="/cover/{{.Id}}/small/{{.Title}}.jpg" alt="{{.Title}}" /></div>{{end}}
		<p><strong>{{.Title}}</strong></p>
		</a>
		</div>
	</li>
	{{end}}
{{end}}
</ul>

<div class="row">
<div class="span8">
	<h4>Most visited books:</h4>
</div>
</div>
<ul class="row thumbnails">
{{with .VisitedBooks}}
	{{range .}}
	<li class="span2">
		<div class="thumbnail centered" style="border:none;">
		<a href="/book/{{.Id}}">
		{{if .CoverSmall}}<div class="down"><img  class="img-rounded" src="/cover/{{.Id}}/small/{{.Title}}.jpg" alt="{{.Title}}" /></div>{{end}}
		<p><strong>{{.Title}}</strong></p>
		</a>
		</div>
	</li>
	{{end}}
{{end}}
</ul>

<div class="row">
<div class="span8">
	<h4>Most downloaded books:</h4>
</div>
</div>
<ul class="row thumbnails">
{{with .DownloadedBooks}}
	{{range .}}
	<li class="span2">
		<div class="thumbnail centered" style="border:none;">
		<a href="/book/{{.Id}}">
		{{if .CoverSmall}}<div class="down"><img  class="img-rounded" src="/cover/{{.Id}}/small/{{.Title}}.jpg" alt="{{.Title}}" /></div>{{end}}
		<p><strong>{{.Title}}</strong></p>
		</a>
		</div>
	</li>
	{{end}}
{{end}}
</ul>

<div class="row">
	<p class="centered">{{range .Tags}}<a class="label" href="/search/?q=subject:{{.}}">{{.}}</a> {{end}}</p>
</div>

{{template "footer.html"}}