<!--views/dashboard/index.tpl-->
% rebase('base.tpl')

<link href="/static/styles/partials/header.css" rel="stylesheet"></link>
<section class='Head'>
    <header class='region'>
        <div class='site-logo'>{{ data['siteLogo'] }}</div>

        <form action='/dashboard/search' method='post'>
            <select name="select">
                <option>ការផ្សាយ</option>
                <option>ជំពូក</option>
                <option>សៀវភៅ</option>
                <option>អ្នក​ប្រើប្រាស់</option>
            </select>
            <input type='text' name="q" placeholder="Search" required />
            <input type="submit" value='បញ្ជូន'​ />
        </form>

        <div class='logout'><a href='/dashboard/logout'>ចេញ​ក្រៅ</a></div>
    </header>
</section>

<link href="/static/styles/partials/body.css" rel="stylesheet"></link>
<section class='Body region'>
    %include('dashboard/menu.tpl')
    %include('dashboard/post.tpl')
</section>

/*asset/css/partials/body.css*/
.Body{
    margin-top: 20px;
    display: grid;
    grid-template-columns: 24% auto;
}

<!--views/dashboard/menu.top-->
<link href="/static/styles/partials/menu.css" rel="stylesheet"></link>

<section class='Menu'>
    <a href='/dashboard'><img src='/static/images/movie.png' /></a>
    <a href='/dashboard'>ការផ្សាយ</a>

    <a href='/dashboard/category'><img src='/static/images/category.png' /></a>
    <a href='/dashboard/category'>ជំពូក</a>

    <a href='/dashboard/book'><img src='/static/images/books.png' /></a>
    <a href='/dashboard/book'>សៀវភៅ</a>

    <a href='/dashboard/upload'><img src='/static/images/upload.png' /></a>
    <a href='/dashboard/upload'>Upload</a>

    <a href='/dashboard/user'><img src='/static/images/users.png' /></a>
    <a href='/dashboard/user'>អ្នក​ប្រើប្រាស់</a>

    <a href='/dashboard/setting'><img src='/static/images/setting.png' /></a>
    <a href='/dashboard/setting'>Setting</a>
</section>

/*asset/css/partials/menu.css*/
.Menu{
    background: lightgrey;
    padding: 20px;
    display: grid;
    grid-template-columns: 25% auto;
    grid-gap: 10px;
    align-items: center;
}

.Menu a img{
    width: 100%;
}

.Menu a{
    font: 18px/1.5 Koulen, Oswald;
}

GitHub: https://github.com/Sokhavuth/REST-API

Vercel: https://rest-api-zeta.vercel.app