<html>
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title><?php echo $appName." - ".$title; ?></title>
        <script src="<?php echo $BASE ?>/public/scripts/jQuery.js"></script>
        <link href="<?php echo $BASE ?>/public/fonts/setup.css" rel="stylesheet" ></link>
        <link href="<?php echo $BASE ?>/public/images/site_logo.png" rel="icon" ></link>
        <link href="<?php echo $BASE ?>/public/styles/global.css" rel="stylesheet"></link>
        <link href="<?php echo $BASE ?>/public/styles/admin/partials/header.css" rel="stylesheet"></link>
    </head>
    <body>
    <div class='site'>
        
    <div class='Header'>
        <div class='wrapper region'>
            <div class='logo'><?php echo $title ?></div>
            <form action='<?php echo $BASE ?>/admin/search' method='post'>
                <select name='label'>
                    <option>ការផ្សាយ</option>
                </select>

                <input type='text' name='search' required />
                <input type='submit' value='ស្វែង​រក' />
            </form>

            <div class='logout'>
                <a href='<?php echo $BASE ?>'>ទំព័រ​មុខ</a> | 
                <a href='<?php echo $BASE ?>/admin/logout'>ចេញ​ក្រៅ</a>
            </div>
        </div>
    </div>

 

៊/*public/styles/admin/partials/header.css*/
.Header{
    background: var(--background);
    color: white;
}

.Header a{
    color: lavender;
}

.Header .wrapper{
    display: grid;
    grid-template-columns: 25% auto 25%;
    align-items: center;
    padding: 5px 0;
}

.Header .wrapper .logo{
    font: 30px/1.5 Oswald, Limonf3;
}

.Header .wrapper form{
    display: grid;
    grid-template-columns: 20% auto 15%;
}

.Header .wrapper input, .Header .wrapper select{
    font: var(--body-font);
}

.Header .wrapper input{
    padding: 0 10px;
}

.Header .wrapper .logout{
    text-align: right;
    font-size: 18px;
}

 

GitHub: https://github.com/Sokhavuth/multimedia_

Heroku: https://khmerweb-multimedia1.herokuapp.com/