@page
@model RestaurantWeb2.Pages.IndexModel
<!DOCTYPE html>
<html><head><meta charset="utf-8"/><title>Вход</title>
<style>
*{box-sizing:border-box;} body{font-family:Arial;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;background:#f0f0f0;}
.box{background:white;padding:36px;border-radius:6px;width:300px;border:1px solid #ddd;}
h2{text-align:center;margin-bottom:20px;}
label{display:block;margin-bottom:4px;font-size:13px;color:#555;}
select,input{width:100%;padding:8px;margin-bottom:14px;border:1px solid #ccc;border-radius:3px;font-size:14px;}
button{width:100%;padding:10px;background:#333;color:white;border:none;border-radius:3px;font-size:15px;cursor:pointer;}
.err{color:red;margin-bottom:10px;font-size:13px;}
.hint{margin-top:12px;font-size:11px;color:#999;text-align:center;}
</style></head><body>
<div class="box">
    <h2>Ресторан</h2>
    @if(Model.Err != "") { <div class="err">@Model.Err</div> }
    <form method="post">
        <label>Роль</label>
        <select name="role">
            <option value="admin">Администратор</option>
            <option value="manager">Менеджер</option>
            <option value="waiter">Официант</option>
        </select>
        <label>Пароль</label>
        <input type="password" name="pass"/>
        <button type="submit">Войти</button>
    </form>
    <div class="hint">admin: admin | manager: manager | waiter: waiter</div>
</div>
</body></html>
