{#
	Requires:
		primaryKeyword: PrimaryKeywordNode
#}

<div class="ptm-result selected" data-type="primary-keyword">
	<div class="ptm-result__heading">
		<h4 class="pull-left">
			<i class="fa fa-globe"></i> 
			<span class="keyword-content">{{ (
				primaryKeyword.GetKeyword() 
					? primaryKeyword.GetKeyword() 
					: '<i>Configure your Primary Keyword</i>'
				)|raw }}</span>
		</h4>
		<div class="pull-right">
	        <button 
	        	class="btn btn-default dnc-sm-action" 
	        	data-action-id="keyword-refresh" 
	        	data-caller-type="primary-keyword" 
	        	data-caller-id=""
	        	data-trigger="hover"
				data-toggle="popover"
				data-placement="bottom"
				data-title="{{ actions['keyword-refresh'].label }}"
				data-content="{{ actions['keyword-refresh'].shortDescription }}"
			><i class="fa fa-refresh"></i></button>
	        <button 
	        	class="btn btn-default dnc-sm-action" 
	        	data-action-id="keyword-edit" 
	        	data-caller-type="primary-keyword" 
	        	data-caller-id=""
	        	data-trigger="hover"
	        	data-toggle="popover"
	        	data-placement="bottom"
	        	data-title="{{ actions['keyword-edit'].label }}"
	        	data-content="{{ actions['keyword-edit'].shortDescription }}"
        	><i class="fa fa-edit"></i></button>
		</div>
	</div>
	<div class="ptm-result__content__container">
		<div class="ptm-result__content ptm-result__details"></div>
		<div class="ptm-result__content ptm-result__actions"></div>
	</div>
</div>