extends ../layout

block content

	.page-header.template-page-header
		.container
			.row
				.col-md-2
					h1 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-fluid
									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')





	.container
		-each tag in tags
			-if(tag.totalNumberOfTemplates > 0)
				.page-header.col-md-12
					h2 
						a(href=tag.tagPagePath) #{tag.name}
				.col-md-12
					.row-fluid
						-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/52fb8c1f33621a613683ecad/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 »