extends ../layout

block content
	.content.content-alt
		.container
			.row.template-page-header
				
				.col-md-2
					h2
						a(href="/templates") Templates
				.col-md-8(ng-controller="SearchController")
					form.project-search.form-horizontal(role="form")
						.form-group.has-feedback.has-feedback-left.col-md-12
							input.form-control.col-md-12(type='text', ng-model='searchQueryText', ng-keyup='search()', placeholder="Search template library....")
							i.fa.fa-search.form-control-feedback-left
							i.fa.fa-times.form-control-feedback(
								ng-click="clearSearchText()",
								style="cursor: pointer;",
								ng-show="searchQueryText.length > 0"
							)
					ul.unstyled
						li(ng-repeat='hit in hits')
							.thumbnail.searchResult
								.row
									a(ng-href='{{hit.url}}')
										.col-md-3
											img(ng-src='{{hit.image_url}}')
										.col-md-9
											h2(ng-bind-html='hit.name')
											p(ng-bind-html='hit.description')




			.row
				-each tag in tags
					-if(tag.totalNumberOfTemplates > 0)
						.page-header.col-md-12
							h2 
								a(href=tag.tagPagePath) #{tag.name}
						.row
							-each template in tag.exampleTemplates
								.col-md-3.template-thumbnail
									a(href=template.templatePagePath ? template.templatePagePath : template.canonicalUrl).thumbnail
										//- img(src=template.thumbnailUrl)
										img(src="https://d1hk1zhcb5hn6i.cloudfront.net/52fb8c6f34a287a85245b493/v/0/pdf-converted-cache/style-thumbnail")
										div.caption
											h3.txt-middle #{template.name}

							-if(tag.totalNumberOfTemplates > 4)
								.row-fluid
									.col-md-6.offset3.more-templates
										a(href=tag.tagPagePath) View all #{tag.totalNumberOfTemplates} #{tag.name} templates »