<template name="dashboard">
    <h4>My Dashboard</h4>
    <div class="row">
        <div class="col s12 m6 l4">
            <div class="card blue-grey darken-1" id="listInfoCard">
                <div class="card-content white-text">
                <span class="card-title"><h4>My Lists</h4></span>
                    <div class="row">
                        <div class="col s8"><i class="medium material-icons">list</i></div>
                        <div class="col s4"><h2>{{listCount}}</h2></div>
                    </div>
                </div>
                <div class="card-action">
                    <a href="#" class="cardLink" id="listMgmtLink">List Management</a>
                </div>
            </div>
        </div>
        <div class="col s12 m6 l4">
            <div class="card blue darken-3" id="menuInfoCard">
                <div class="card-content white-text">
                <span class="card-title"><h4>{{todayDate}}</h4></span>
                {{#each todayMenuItem}}
                    <div class="row">
                        <div class="col s12"><h4><i class="medium material-icons">local_dining</i> {{itemName}}</h4></div>
                    </div>
                {{/each}}
                </div>
                <div class="card-action">
                    <a href="#" class="cardLink" id="myMenuLink">My Menus</a>
                </div>
            </div>
        </div>
        {{#if isInRole 'systemadmin'}}
        <div class="col s12 m6 l4">
            <div class="card blue-grey darken-1" id="userInfoCard">
                <div class="card-content white-text">
                <span class="card-title"><h4>Users</h4></span>
                    <div class="row">
                        <div class="col s8"><i class="medium material-icons">person</i></div>
                        <div class="col s4"><h2>{{userCount}}</h2></div>
                    </div>
                </div>
                <div class="card-action">
                    <a href="#" class="cardLink" id="userMgmtLink">User Management</a>
                </div>
            </div>
        </div>
        <div class="col s12 m6 l4">
            <div class="card blue-grey darken-1" id="prodInfoCard">
                <div class="card-content white-text">
                <span class="card-title"><h4>My Products</h4></span>
                    <div class="row">
                        <div class="col s8"><i class="medium material-icons">qr_code_scanner</i></div>
                        <div class="col s4"><h2>{{productCount}}</h2></div>
                    </div>
                </div>
                <div class="card-action">
                    <a href="#" class="cardLink" id="prodMgmtLink">Product Management</a>
                </div>
            </div>
        </div>
        <div class="col s12 m6 l4">
            <div class="card blue-grey darken-1" id="storeInfoCard">
                <div class="card-content white-text">
                <span class="card-title"><h4>My Stores</h4></span>
                    <div class="row">
                        <div class="col s8"><i class="medium material-icons">local_mall</i></div>
                        <div class="col s4"><h2>{{storeCount}}</h2></div>
                    </div>
                </div>
                <div class="card-action">
                    <a href="#" class="cardLink" id="storeMgmtLink">Store Management</a>
                </div>
            </div>
        </div>
        <div class="col s12 m6 l4">
            <div class="card blue-grey darken-1" id="catInfoCard">
                <div class="card-content white-text">
                <span class="card-title"><h4>My Categories</h4></span>
                    <div class="row">
                        <div class="col s8"><i class="medium material-icons">category</i></div>
                        <div class="col s4"><h2>{{catCount}}</h2></div>
                    </div>
                </div>
                <div class="card-action">
                    <a href="#" class="cardLink" id="catMgmtLink">Category Management</a>
                </div>
            </div>
        </div>
        <div class="col s12 m6 l4">
            <div class="card blue-grey darken-1" id="locInfoCard">
                <div class="card-content white-text">
                <span class="card-title"><h4>My Locations</h4></span>
                    <div class="row">
                        <div class="col s8"><i class="medium material-icons">map</i></div>
                        <div class="col s4"><h2>{{locCount}}</h2></div>
                    </div>
                </div>
                <div class="card-action">
                    <a href="#" class="cardLink" id="locationMgmtLink">Location Management</a>
                </div>
            </div>
        </div>
        {{/if}}
    </div>
</template>