<template>

    <aside class="column is-3 menu sidebar">
        <div class="logo">
            <img src="/images/logo.png" alt=""><strong>MDB</strong> Panel
        </div>
        <p class="menu-label">
            General
        </p>
        <ul class="menu-list">
            <li>
                <a><span class="icon">
                        <i class="mdi mdi-18px mdi-monitor-dashboard"></i>
                    </span>Dashboard</a></li>
        </ul>
        <p class="menu-label">
            Backups
        </p>
        <ul class="menu-list">
            <li>

                <router-link to="/schedules">
                    <span class="icon">
                        <i class="mdi mdi-18px mdi-clock-outline"></i>
                    </span>
                    Schedules
                </router-link>

            </li>

            <li>
                <router-link to="/backups">
                    <span class="icon">
                        <i class="mdi mdi-18px mdi-upload-network"></i>
                    </span>
                    Backups
                </router-link>
            </li>
        </ul>
        <p class="menu-label">
            Clients
        </p>
        <ul class="menu-list">
            <li><a>
                    <span class="icon">
                        <i class="mdi mdi-18px mdi-account-details"></i>
                    </span>
                    Client list</a></li>
            <li><a>
                    <span class="icon">
                        <i class="mdi mdi-18px mdi-account-plus-outline"></i>
                    </span>
                    Add new client</a></li>
        </ul>

    </aside>
</template>
