<?php
//controllers/login.php

function login($f3){
    require_once('setting.php');
    require_once('controllers/admin/users/table.php');
    table($f3);

    $f3->mset([
        'blogTitle'=>$setting['blogTitle'], 
        'description'=>$setting['description'],
        'pageTitle'=>'ទំព័រ​ចុះ​ឈ្មោះ', 
        'date'=>$setting['date'],
        'message'=>$setting['message']
    ]);

    $view=new View;
    echo $view->render('views/login.php');
}

<!--views/login.php-->

<?php require('views/header.php') ?>
        
<link href='public/styles/login.css' rel='stylesheet' />

<div class='Login'>
    <div class='title'>ចុះ​ឈ្មោះ​ចូល​ទំព័រ​គ្រប់គ្រង</div>
    <form action='./login' method='post'>
        <span>Email: </span><input type='email' name='email' required placeholder='Email' />
        <span>ពាក្យ​សំងាត់: </span><input type='password' name='password' required />
        <span></span><input type='submit' value='បញ្ជូន' />
        <span></span><div class='message'><?php echo $message ?></div>
    </form>
</div>

<?php require('footer.php') ?>

/*public/styles/login.css*/

.Login{
    width: 400px;
    margin: 20px auto;
    background: var(--background-dark);
}

.Login .title{
    text-align: center;
    font: 19px/1.5 Anton, Koulen;
    padding: 5px;
    border-bottom: 1px solid white;
}

.Login form{
    display: grid;
    grid-template-columns: 20% auto;
    grid-gap: 5px;
    align-items: center;
    padding: 20px;
}

.Login form span{
    text-align: right;
}

.Login form input{
    font: var(--body-font);
    padding: 0 10px;
}

.Login form .message{
    text-align: center;
}

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

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