extends ../layout

block vars
	- var meta = "Over 400 LaTeX templates for journal articles, theses, CV and resumes, posters, presentations, and much more"

block content
	.content.content-alt
		.container
			.row.template-page-header(ng-controller="SearchController")
				
				.col-md-2
					h2
						a(href="/templates") #{translate("templates")}
				.col-md-8
					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"
							)
				.col-md-2(ng-controller="MissingTemplateController")
					a.btn.btn-primary(ng-click="showMissingTemplateModal()") #{translate("missing_template_question")}
				.col-md-8(ng-cloak)
					ul.list-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-7
											h1(ng-bind-html='hit.name')
											p(ng-bind-html='hit.description')





			.row
				-each tag in tags
					-if(tag.totalNumberOfTemplates > 0)
						.template-section-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)
										div.caption
											h3.txt-middle #{template.name}

						-if(tag.totalNumberOfTemplates > 4)
							.row
								.col-md-12.text-center
									a(href=tag.tagPagePath) View all #{tag.totalNumberOfTemplates} #{tag.name} templates »



	script(type="text/ng-template", id="missingTemplateModal")
		.modal-header
			button.close(
				type="button"
				data-dismiss="modal"
				ng-click="cancel()"
			) ×
			h3 #{translate("missing_template_question")}
		.modal-body #{translate("tell_us_about_the_template")}
		.modal-footer
			button.btn.btn-default(
				ng-click="cancel()",
			)
				span #{translate("dismiss")}
			button.btn.btn-info #{translate("email_us")}