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

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

        <form action='/backend/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='/'>ទំព័រ​មុខ</a> | <a href='/login/logout'>ចេញ​ក្រៅ</a></div>
    </header>
</section>

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

</section>

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

<section class='Menu-wrapper'>
<div 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>
</div>
</section>

/*asset/css/partials/menu.css*/
.Menu-wrapper{
    background: var(--foreground);
}
.Menu{
    max-height: 600px;
    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;
    color: white;
}

GitHub: https://github.com/Sokhavuth/khmerweb-multimedia

Vercel: https://khmerweb-multimedia.vercel.app/