@php

if(isset($page['menu']) && $page['menu'])
{
    $menu = 'true';
}else{
    $menu = 'false';
}

if(isset($page['featured']) && $page['featured'])
{
    $featured = 'true';
}else{
    $featured = 'false';
}

if(isset($page['published']) && $page['published'])
{
    $published = 'true';
}else{
    $published = 'false';
}

if(isset($page['uuid']))
{
    $uuid = $page['uuid'];
}else{
    $uuid = 1;
}

@endphp

<div role="toolbar" aria-label="page options" aria-orientation="horizontal">
    <button id="option-menu-pin" class="option-inactive post-option-btn" data-active="{{ $menu }}" title='Pin to Menu' aria-label="pin to menu">
        <svg id="option-menu-pin" class="icon">
            <use id="option-menu-pin" xlink:href="/assets/images/global/sprite.svg#entypo-pin"/>
        </svg>
    </button><button id="option-feature" class="option-inactive post-option-btn" data-active="{{ $featured }}" title='Feature' aria-label="feature post toggle">
        <svg id="option-feature-icon" class="icon">
            <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' aria-label="publish post toggle">
        <svg id="option-published-icon" class="icon">
            <use id="option-published-icon" xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>
        </svg>
    </button><a href="/theme/view/page/{{ $uuid }}" target="_blank"><button id="option-preview" class="option-inactive post-option-btn" data-active="false" title='preview page' aria-label="preview post">
            <svg id="option-preview-icon" class="icon">
                <use id="option-preview-icon" xlink:href="/assets/images/global/sprite.svg#entypo-eye"/>
            </svg>
        </button>
    </a>
</div>