| {% extends 'layout.html' %}
| {% from '_macros/_navigation.html' import navigation_homepage %}

include ../../../pillar/src/templates/mixins/components

mixin group(title, tag)
	.row(id=tag)
		section.py-4.my-3.border-bottom.col-12

			h4.title-underline.mt-2.mb-4
				a.text-muted(href="#" + tag)= title
			+card-deck(data-asset-tag=tag, class="js-asset-list p-3")

| {% block page_title %}Production Lessons{% endblock %}
| {% set page_header_text = "Tips and tricks by the Open Projects crew." %}

| {% block navigation_tabs %}
| {{ navigation_homepage(title) }}
| {% endblock navigation_tabs %}

| {% block head %}
script(src="{{ url_for('static_cloud', filename='assets/js/tagged_assets.min.js') }}")

script.
	$(function() {
		let is_subscriber = {{ current_user.has_cap('subscriber')|string|lower }};
		$('.js-asset-list').loadTaggedAssets(8, 8, is_subscriber);
	});
| {% endblock %}
| {% block body %}
.container.pb-5
	.row
		.col-12
			.pt-4
				h2.text-uppercase.font-weight-bold
					| {{ self.page_title() }}
				.lead
					| {{ page_header_text }}

				hr.pb-2

			+group('Walk-through', 'walk-through')
			+group('Modeling', 'modeling')
			+group('Sculpting', 'sculpting')
			+group('Animation', 'animation')
			+group('Shading', 'shading')
			+group('Texturing', 'texturing')
			+group('Character Pipeline', 'character-pipeline')
			+group('Rigging', 'rigging')
			+group('Lighting & Rendering', 'lighting')
			+group('Simulation & Effects', 'effects')
			+group('Video Editing', 'video-editing')
			+group('Digital Painting', 'digital-painting')
			+group('Production Design', 'production-design')

			a.d-block.py-5.text-center.text-muted(
				href="{{ url_for('main.nodes_search_index') }}")
				| Search Blender Cloud to find even more content
				i.pi-angle-right.pl-1

| {% endblock body%}