103 lines
4.8 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<html lang="ru">
<head>
<meta charset="utf-8">
<title>Моя страница</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="module" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
<link rel="stylesheet" href="./style.css">
</head>
<body class="h-100 d-flex flex-column">
<header>
<nav class = "navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a href="Admin.html" class="nav-item"><img class="logo w-50 h-50" src="images/logo.png"></a>
<a href="index.html" class="navbar-brand">Fastest Food</a>
<button class = "navbar-toggler" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarContent"
aria-controls="navbarContent" aria-expanded="false">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarContent">
<ul class="navbar-nav me-auto mb-auto">
<li class="nav-item">
<a href="login.html" class="nav-link">Войти/Регистрация</a>
</li>
<li class="nav-item">
<a href="about-us.html" class="nav-link">О нас</a>
</li>
<li class="nav-item">
<a href="menu.html" class="nav-link">Меню</a>
</li>
<li class="nav-item">
<a href="contacts.html" class="nav-link">Наши контакты</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="container-fluid p-2">
<div class="my-5">
<div class="text-center">
<img id="image-preview" src="https://via.placeholder.com/200" class="rounded rounded-circle"
alt="placeholder">
</div>
<form id="items-form" class="needs-validation container text-center w-25" novalidate>
<div class="mb-2">
<label for="item" class="form-label">Категория</label>
<select id="item" class="form-select" name="selected" required>
</select>
</div>
<div class="mb-2">
<label class="form-label" for="food">Название товара</label>
<input id="food" name="food" class="form-control" type="text" required>
</div>
<div class="mb-2">
<label class="form-label" for="date">Дата появления в магазине</label>
<input id="date" name="date" class="form-control" type="date" required>
</div>
<div class="mb-2">
<label class="form-label" for="price">Цена</label>
<input id="price" name="price" class="form-control" type="number" value="0.00" min="200.00" step="5.00"
required>
</div>
<div class="mb-2">
<label class="form-label" for="count">Количество</label>
<input id="count" name="count" class="form-control" type="number" value="0" min="1" step="1" required>
</div>
<div class="mb-2">
<label class="form-label" for="image">Изображение</label>
<input id="image" type="file" name="image" class="form-control" accept="image/*">
</div>
<a href="/Admin.html" class="btn btn-secondary">Назад</a>
<button type="submit" class="btn btn-primary">Сохранить</button>
</form>
</div>
</main>
<footer>
<div class="container">
<div class="row">
<div class="col d-flex align-items-center">
<h2>Fastest Food</h2>
</div>
<div class="col">
<p class="time">Время работы:<br>ПН-ПТ:10-19<br>СБ-ВС:12-17</p>
</div>
</div>
</div>
</footer>
<script type="module">
import validation from "./js/validation";
import { linesPageForm } from "./js/lines"
document.addEventListener('DOMContentLoaded', () => {
validation();
linesPageForm();
});
</script>
</body>
</html>