<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CRUD администрирование</title> <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 rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css"> <link href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" /> <link href="style.css" rel="stylesheet"> </head> <body class="d-flex flex-column min-vh-100"> <header> <nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark"> <div class="container-md"> <a href="index.html" class="navbar-brand"> <i class="bi bi-film"></i> <span class="fw-bold text-uppercase ms-2">СигмаТеатр</span> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main-nav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav"> <ul class="navbar-nav"> <li class="nav-item me-3"> <a href="index.html#movies" class="nav-link">Фильмы</a> </li> <li class="nav-item me-3"> <a href="index.html#series" class="nav-link">Сериалы</a> </li> <li class="nav-item me-3"> <a href="about_us.html" class="nav-link">Справка</a> </li> <li class="nav-item me-3"> <a href="login.html" class="nav-link">Вход в аккаунт</a> </li> <li class="nav-item d-lg-none"> <a href="pricing.html" class="nav-link text-light">Купить подписку</a> </li> <li class="nav-item d-none d-lg-inline"> <a href="pricing.html" class="btn btn-light">Купить подписку</a> </li> </ul> </div> </div> </nav> </header> <main> <section id="movies"> <div class="container-md py-4 mb-4"> <div class="text-center"> <h2>Страница администратора</h2> <p class="lead text-muted">Выполнение CRUD-операций над фильмами или сериалами</p> </div> <button class="btn btn-primary" id="items-add">Добавить запись</button> <table id="items-table" class="table table-striped"> <thead> <tr> <th scope="col">№</th> <th scope="col" class="w-25">Название</th> <th scope="col" class="w-25">Категория</th> <th scope="col" class="w-25">Требуется подписка</th> <th scope="col" class="w-25">Год производства</th> <th scope="col"></th> <th scope="col"></th> </tr></thead> <tbody> <tr id="line-1"> <th scope="row">1</th> <td>Американский психопат</td> <td>Фильм</td> <td>+</td> <td>1999</td> <td><a href="#"><i class="fa-solid fa-pencil"></i></a></td> <td><a href="#"><i class="fa-solid fa-trash"></i></a></td> </tr> <tr id="line-2"> <th scope="row">2</th> <td>Драйв</td> <td>Фильм</td> <td>-</td> <td>1999</td> <td><a href="#"><i class="fa-solid fa-pencil"></i></a></td> <td><a href="#"><i class="fa-solid fa-trash"></i></a></td> </tr> <tr id="line-3"> <th scope="row">3</th> <td>Острые козырьки</td> <td>Сериал</td> <td>-</td> <td>1999</td> <td><a href="#"><i class="fa-solid fa-pencil"></i></a></td> <td><a href="#"><i class="fa-solid fa-trash"></i></a></td> </tr> </tbody> </table> </div> </section> </main> <footer class="py-2 bg-dark text-light mt-auto"> <div class="container-md py-2"> <div class="d-flex flex-wrap justify-content-between align-items-center"> <div> <div class="download-buttons-container justify-content-start"> <a href="https://play.google.com/store/games?hl=ru&gl=US"><img src="assets/footer/download-buttons/GooglePlay.svg" class="download-button" alt=""></a> <a href="https://www.huawei.ru/appgallery/"><img src="assets/footer/download-buttons/AppGallery.svg" class="download-button" alt=""></a> <a href="https://www.apple.com/app-store/"><img src="assets/footer/download-buttons/AppStore.svg" class="download-button" alt=""></a> </div> <h6 class="text-secondary mt-3">© 2023 СигмаТеатр</h6> </div> <div class="download-buttons-container"> <a href="index.html" class="text-secondary text-decoration-none footer-navigation-button">Главная</a> <a href="#" class="text-secondary text-decoration-none footer-navigation-button">Политика конфиденциальности</a> <a href="about_us.html" class="text-secondary text-decoration-none footer-navigation-button">О нас</a> <a href="admin_panel.html" class="text-secondary text-decoration-none footer-navigation-button">Страница администратора</a> </div> </div> </div> </footer> <!-- CRUD modal --> <div id="items-update" class="modal fade" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false"> <div class="modal-dialog"> <form id="items-form" class="needs-validation" novalidate> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title fs-5" id="items-update-title"></h1> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="text-center"> <img id="image-preview" src="https://via.placeholder.com/200" class="rounded rounded-circle" alt="placeholder"> </div> <input id="items-line-id" type="number" hidden> <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="price">Цена</label> <input id="price" name="price" class="form-control" type="number" value="0.00" min="1000.00" step="0.50" 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> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button> <button type="submit" class="btn btn-primary">Сохранить</button> </div> </div> </form> </div> </div> </body> </html>