64 lines
2.6 KiB
HTML
64 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
|
||
<head>
|
||
<title>Добавить книгу</title>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
|
||
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet"
|
||
integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
|
||
<link href="css/style.css" rel="stylesheet">
|
||
</head>
|
||
|
||
<body class="bg-dark text-light"></body>
|
||
|
||
<header class=" py-3 bg-custom-dark">
|
||
<div class="container d-flex align-items-center">
|
||
<a href="index.html" class="me-3">
|
||
<img src="../img/manga.p, 10ng" alt="ЛОГО" height="50" />
|
||
</a>
|
||
<h1 class="h5 mb-0 text-light">Добавить книгу</h1>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="container mt-5"></main>
|
||
<form id="bookForm" class="bg-secondary p-4 rounded">
|
||
<div class="mb-3">
|
||
<label for="title" class="form-label">Название</label>
|
||
<input type="text" class="form-control" id="title" required>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="description" class="form-label">Описание</label>
|
||
<textarea class="form-control" id="description" rows="3" required></textarea>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="authorId" class="form-label">Автор</label>
|
||
<select class="form-select" id="authorId" required>
|
||
<option value="">Выберите автора</option>
|
||
<!-- Авторы будут подставлены через JS -->
|
||
</select>
|
||
</div>
|
||
<div class="mb-3">
|
||
<label for="cover" class="form-label">Ссылка на обложку</label>
|
||
<input type="url" class="form-control" id="cover" required>
|
||
</div>
|
||
<div class="d-grid">
|
||
<button type="submit" class="btn btn-warning">
|
||
<i class="bi bi-bookmark-plus me-2"></i>Добавить книгу
|
||
</button>
|
||
</div>
|
||
</form>
|
||
</main>
|
||
|
||
<footer class="text-center py-4 text-light mt-5 bg-custom-dark">
|
||
<p><i class="bi bi-journal-text me-2"></i>Все права защищены, 2025</p>
|
||
</footer>
|
||
|
||
|
||
<script type="module" src="/mvc/controller.js"></script>
|
||
</body>
|
||
|
||
</html>
|