Client #2
@@ -1,59 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
|
||||
<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="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">
|
||||
</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 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>
|
||||
</div>
|
||||
<button id="advance-date" class="btn btn-outline-primary">Переключить дату +1</button>
|
||||
</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 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>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-8">
|
||||
<div id="orders" class="d-grid gap-3"></div>
|
||||
<div class="col-lg-8">
|
||||
<div id="orders" class="d-grid gap-3"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user