{% if page['menu']  %}
	{% set menu = 'true' %}
{% else %}
	{% set menu = 'false' %}
{% endif %}

{% if page['featured']  %}
	{% set featured = 'true' %}
{% else %}
	{% set featured = 'false' %}
{% endif %}

{% if page['published']  %}
	{% set published = 'true' %}
{% else %}
	{% set published = 'false' %}
{% endif %}

<div id="post-options">
	<button id="option-menu-pin" class="option-inactive post-option-btn" data-active="{{ menu }}" title='Pin to Menu'>
		<svg id="option-page-icon" viewbox="0 0 20 20" class="icons">
			<use id="option-page-icon" xlink:href="/assets/images/global/sprite.svg#entypo-add-to-list"/>			
		</svg>
	 </button>
	 <button id="option-feature" class="option-inactive post-option-btn" data-active="{{ featured }}" title='Feature'>
		 <svg id="option-feature-icon" viewbox="0 0 20 20" class="icons">
			 <use id="option-feature-icon" xlink:href="/assets/images/global/sprite.svg#entypo-star"/>			
		 </svg>
	  </button>
	  <button id="option-published" class="option-inactive post-option-btn" data-active="{{ published }}" title='Published'>
		  <svg id="option-published-icon" viewbox="0 0 20 20" class="icons">
			  <use id="option-published-icon" xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>			
		  </svg>
	  </button>
	  <a href="/dashboard/page/preview/{{ uuid }}" target="_blank">
	  	<button id="option-preview" class="option-inactive post-option-btn"  data-active="false" title='preview page'>
			<svg id="option-preview-icon" viewbox="0 0 20 20" class="icons">
				<use id="option-preview-icon" xlink:href="/assets/images/global/sprite.svg#entypo-eye"/>			
			</svg>
		</button>
		</a>
</div>