<div id="dash-recent">
    <div id="recent-list">
        <div class="recent-header">
            <div class="index-header-left">
                Recent
            </div>
            <div class="index-header-right">
                <a href='/dashboard/pages' title="view pages">
                    <button>
                        <svg class="page-link">
                            <use xlink:href="/assets/images/global/sprite.svg#entypo-archive"/>		
                        </svg>		
                    </button>
                </a>
               
                <a href='/dashboard/page/add/new' title="add new page">
                    <button>
                        <svg class="page-link">
                            <use xlink:href="/assets/images/global/sprite.svg#entypo-plus"/>		
                        </svg>		
                    </button>               
                </a>
            </div>
        </div>
        <br/>
        {% if data["entryCount"] != 0 %}
            {% for page in data['pages'] %}
                <a href="/dashboard/page/edit/{{ page.uuid }}" id="{{ page.uuid }}" class="post-link" style="background: url({{ page.feature }}) no-repeat center center / cover">
                    <label>
                        {{ page.title }}
                    </label>
                    <div id="options">
                        {% if page.menu == 'true' %}
                            {% set menu = "true" %}
                        {% else %}
                            {% set menu = "false" %}
                        {% endif %}
                        {% if page.published == 'true' %}
                            {% set published = "true" %}
                        {% else %}
                            {% set published = "false" %}
                        {% endif %}
                        {% if page.featured == 'true' %}
                            {% set featured = "true" %}
                        {% else %}
                            {% set featured = "false" %}
                        {% endif %}
                        <div id="option-left">
                            
                            <button data-active="{{ menu }}">
                                <svg>
                                    <use xlink:href="/assets/images/global/sprite.svg#entypo-add-to-list"/>		
                                </svg>		
                            </button> 
                            <button data-active="{{ published }}">
                                <svg>
                                    <use xlink:href="/assets/images/global/sprite.svg#entypo-globe"/>		
                                </svg>		
                            </button> 
                            
                            <button data-active="{{ featured }}">
                                <svg>
                                    <use xlink:href="/assets/images/global/sprite.svg#entypo-star"/>		
                                </svg>		
                            </button>
                        </div>
                        <div id="option-right">
                            <span>
                                {{ page.updated }}
                            </span>
                        </div>

                    </div>
                </a>
            {% endfor %}
        {% else %}
            There are no pages
        {% endif %}

    </div>
</div>