<div class="ttd-dropdown-w-count">
	<div class="ttd-dwc-active click" data-fn="toggleDropdown">
		<span class="templates-title"><#= this.model.get( 'title' ) #><?php echo ' ' . __( 'Templates', THEME_DOMAIN ) ?></span>
		<span class="templates-counter"><#= this.model.get('counter') #></span>
		<?php Thrive_Views::svg_icon( 'angle-down_light' ); ?>
	</div>
	<div class="ttd-dwc-drop">
		<div class="ttd-dwc-elem type-button click <# if ( this.model.get( 'template' ) === 'core' ) { #>active<# } #>" data-fn="mainFilter"
			 data-template="core">
			<h3><?php echo __( 'Core Templates', THEME_DOMAIN ) ?></h3>
			<p><?php echo __( "Only show the most basic templates that control your website's look.", THEME_DOMAIN ) ?></p>
		</div>
		<div class="ttd-dwc-elem type-button click <# if ( this.model.get( 'template' ) === 'homepage' ) { #>active<# } #>" data-fn="mainFilter" data-template="homepage">
			<h3><?php echo __( 'Homepage Templates', THEME_DOMAIN ) ?></h3>
			<p><?php echo __( 'Show templates specifically for building your homepage.', THEME_DOMAIN ) ?></p>
		</div>
		<div class="ttd-dwc-elem type-button click <# if ( this.model.get( 'template' ) === 'archive' ) { #>active<# } #>" data-fn="mainFilter"
			 data-template="archive">
			<h3><?php echo __( 'Archives', THEME_DOMAIN ) ?></h3>
			<p><?php echo __( 'Only show Archives List Templates.', THEME_DOMAIN ) ?></p>
		</div>
		<div class="ttd-dwc-elem type-list">
			<h3><?php echo __( 'Custom Post Templates', THEME_DOMAIN ) ?></h3>
			<p class="ttd-w-sep"><?php echo __( 'Only show templates for these custom posts:', THEME_DOMAIN ) ?></p>

			<ul class="ttd-dwc-posts">
				<li class="click" data-fn="postType" data-post-type="all"><?php echo __( 'All Custom Posts', THEME_DOMAIN ) ?></li>
				<# _.each( this.contentTypes, ( type ) => { #>
				<li class="click <# if ( ! type.has_template ) { #>hide-element<# } #> <# if ( this.model.get( 'post_type' ) === type.key ) { #>active<# } #>" data-fn="postType" data-post-type="<#= type.key #>"><#= type.name #>
				</li>
				<# }); #>
			</ul>
		</div>
		<div class="ttd-dwc-elem type-button click <# if ( this.model.get( 'template' ) === 'all' ) { #>active<# } #>" data-fn="mainFilter" data-template="all">
			<h3><?php echo __( 'All Templates', THEME_DOMAIN ) ?></h3>
			<p><?php echo __( 'All available templates for the active theme.', THEME_DOMAIN ) ?></p>
		</div>
	</div>
</div>
