@php

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

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

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

@endphp

<br>
    <button id="option-menu-pin" class="option-inactive post-option-btn" data-active="{{ $menu }}" title='Pin to Menu'>
        <svg id="option-page-icon" role="icon">
            <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" role="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'>
        <svg id="option-published-icon" role="icon">
            <use id="option-published-icon" xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>
        </svg>
    </button><a href="/dashboard/page/preview/{{ $page['uuid'] }}" target="_blank"><button id="option-preview" class="option-inactive post-option-btn" data-active="false" title='preview page'>
            <svg id="option-preview-icon" role="icon">
                <use id="option-preview-icon" xlink:href="/assets/images/global/sprite.svg#entypo-eye"/>
            </svg>
        </button>
    </a>