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

ul.dropdown-menu.nav-main
	+nav-secondary()(
		class="nav-secondary-vertical float-left bg-light border-left rounded-left")
		+nav-secondary-link(
			href="{{ url_for('main.homepage') }}",
			data-toggle='dropdown-tab',
			data-tab-target='home')
			i.mr-2.pi-home
			span Blender Cloud

		+nav-secondary-link(
			href="{{ url_for('cloud.open_projects') }}",
			data-toggle='dropdown-tab',
			data-tab-target='films')
			i.mr-2.pi-film-thick
			span Open Projects

		li.nav-item
			.nav-link(
				data-toggle='dropdown-tab',
				data-tab-target='training')
				i.mr-2.pi-graduation-cap
				span Learn

		li.nav-item
			.nav-link(
				data-toggle='dropdown-tab',
				data-tab-target='libraries')
				i.mr-2.pi-file-archive
				span Libraries

		+nav-secondary-link(
			href="{{ url_for('cloud.services') }}",
			data-toggle='dropdown-tab',
			data-tab-target='services',
			class="{% if title == 'services' %}active{% endif %}")
			i.mr-2.pi-whoosh
			span Services

	.dropdown-menu-tab(data-tab='home')
		.dropdown-menu-column
			+nav-secondary()(class="nav-secondary-vertical rounded-right border-left overflow-hidden")
				+nav-secondary-link(
					href="{{ url_for('main.main_blog') }}")
					i.pi-newspaper
					span Blog

				+nav-secondary-link(
					href="{{ url_for('projects.index') }}")
					i.pi-star
					span My Projects

				| {% if current_user.has_organizations() %}
				+nav-secondary-link(
					href="{{ url_for('pillar.web.organizations.index') }}")
					i.pi-users
					span My Organizations
				| {% endif %}

				+nav-secondary-link(
					href="{{ url_for('projects.home_project_shared_images')}}")
					i.pi-picture
					span Image Sharing

				+nav-secondary-link(
					href="{{ url_for('projects.home_project') }}")
					i.pi-blender
					span Blender Sync

	.dropdown-menu-tab(data-tab='films')
		.dropdown-menu-column
			+nav-secondary()(class="nav-secondary-vertical rounded-right border-left overflow-hidden")
				+nav-secondary-link(
					href="{{ url_for('cloud.open_projects') }}",
					class="nav-see-more border-bottom")
					span.font-weight-bold
						| All Open Projects
					i.pi-angle-right.pl-2

				+nav-secondary-link(
					href="{{ url_for('projects.view', project_url='spring') }}")
					span Spring

				+nav-secondary-link(
					href="{{ url_for('projects.view', project_url='hero') }}")
					span Hero

				+nav-secondary-link(
					href="{{ url_for('projects.view', project_url='dailydweebs') }}")
					span The Daily Dweebs

				+nav-secondary-link(
					href="{{ url_for('projects.view', project_url='agent-327') }}")
					span Agent 327

	.dropdown-menu-tab(data-tab='training')
		.dropdown-menu-column
			+nav-secondary()(class="nav-secondary-vertical rounded-right border-left overflow-hidden")
				li.nav-item
					.nav-link.border-bottom.pointer-events-none
						span.font-weight-bold
							| Learn

				+nav-secondary-link(
					href="{{ url_for('cloud.courses') }}")
					i.pi-graduation-cap
					span Courses

				+nav-secondary-link(
					href="{{ url_for('cloud.workshops') }}")
					i.pi-lightbulb
					span Workshops

				+nav-secondary-link(
					href="{{ url_for('cloud.production') }}")
					i.pi-puzzle
					span.new Production Lessons

	.dropdown-menu-tab(data-tab='libraries')
		.dropdown-menu-column
			+nav-secondary()(class="nav-secondary-vertical rounded-right border-left overflow-hidden")
				li.nav-item
					.nav-link.border-bottom.pointer-events-none
						span.font-weight-bold
							| Libraries

				+nav-secondary-link(
					href="{{ url_for('projects.view', project_url='textures') }}")
					i.pi-folder-texture
					span Textures

				+nav-secondary-link(
					href="{{ url_for('projects.view', project_url='hdri') }}")
					i.pi-globe
					span HDRI

				+nav-secondary-link(
					href="{{ url_for('projects.view', project_url='characters') }}")
					i.pi-character
					span Characters

				+nav-secondary-link(
					href="{{ url_for('projects.view', project_url='gallery') }}")
					i.pi-picture
					span Art Gallery

	.dropdown-menu-tab(data-tab='services')
		.dropdown-menu-column
			+nav-secondary()(class="nav-secondary-vertical rounded-right border-left overflow-hidden")
				+nav-secondary-link(
					href="{{ url_for('cloud.services') }}",
					class="nav-see-more border-bottom")
					span.font-weight-bold
						| All Services
					i.pi-angle-right.pl-2

				+nav-secondary-link(
					href="/attract")
					i.pi-attract
					span Attract

				+nav-secondary-link(
					href="/flamenco")
					i.pi-attract
					span Flamenco

				+nav-secondary-link(
					href="{{ url_for('cloud.services') }}#blender-cloud-add-on")
					i.pi-blender
					span Blender Cloud add-on

				+nav-secondary-link(
					href="{{ url_for('cloud.services') }}#texture-browser")
					i.pi-texture
					span Texture & HDRI Browser