59 lines
2.5 KiB
HTML
59 lines
2.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Личный кабинет склада — Заказы</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link href="/styles.css" rel="stylesheet" />
|
|
<script src="./app.js" defer></script>
|
|
</head>
|
|
|
|
<body class="bg-light">
|
|
<div class="container py-4">
|
|
<div class="d-flex flex-wrap gap-3 align-items-center justify-content-between mb-4">
|
|
<div>
|
|
<h1 class="h3 mb-1">Заказы склада</h1>
|
|
<p class="text-muted mb-0">Текущая дата: <span id="current-date">—</span></p>
|
|
</div>
|
|
<button id="advance-date" class="btn btn-outline-primary">Переключить дату +1</button>
|
|
</div>
|
|
|
|
<div id="notification" class="alert d-none" role="alert"></div>
|
|
|
|
<div class="row g-4">
|
|
<div class="col-lg-4">
|
|
<div class="card shadow-sm">
|
|
<div class="card-body">
|
|
<h2 class="h5">Создать заказ</h2>
|
|
<form id="order-form" class="d-grid gap-2">
|
|
<div>
|
|
<label class="form-label" for="customer-name">ФИО заказчика</label>
|
|
<input type="text" class="form-control" id="customer-name" required />
|
|
</div>
|
|
<div>
|
|
<label class="form-label" for="order-date">Дата заказа</label>
|
|
<input type="date" class="form-control" id="order-date" required />
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Добавить</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card shadow-sm mt-4">
|
|
<div class="card-body">
|
|
<h2 class="h5">Остатки склада</h2>
|
|
<ul id="inventory" class="list-group list-group-flush"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-8">
|
|
<div id="orders" class="d-grid gap-3"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |