139 lines
5.5 KiB
HTML
139 lines
5.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>Админ-панель — Apple Style</title>
|
||
<link rel="stylesheet" href="admin.css">
|
||
</head>
|
||
<body>
|
||
<nav class="admin-nav">
|
||
<div class="admin-nav-container">
|
||
<a href="index.html" class="admin-logo"> Админка</a>
|
||
<a href="index.html" class="btn-back">← На сайт</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="admin-container">
|
||
<!-- Settings Section -->
|
||
<section class="admin-section">
|
||
<h2>🏠 Настройки сайта</h2>
|
||
<div class="admin-card">
|
||
<form id="settingsForm">
|
||
<div class="form-group">
|
||
<label>Заголовок Hero</label>
|
||
<input type="text" id="heroTitle" name="heroTitle" placeholder="Добро пожаловать в будущее">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Подзаголовок Hero</label>
|
||
<input type="text" id="heroSubtitle" name="heroSubtitle" placeholder="Инновации, которые меняют мир">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Тема</label>
|
||
<select id="theme" name="theme">
|
||
<option value="dark">Тёмная</option>
|
||
<option value="light">Светлая</option>
|
||
</select>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">Сохранить настройки</button>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Products Section -->
|
||
<section class="admin-section">
|
||
<h2>📱 Продукты</h2>
|
||
<div class="admin-card">
|
||
<button class="btn btn-secondary" onclick="showAddProductForm()">+ Добавить продукт</button>
|
||
</div>
|
||
|
||
<div id="addProductForm" class="admin-card" style="display:none">
|
||
<h3>Новый продукт</h3>
|
||
<form id="productForm">
|
||
<div class="form-group">
|
||
<label>Название</label>
|
||
<input type="text" id="productName" required placeholder="iPhone 18 Pro">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Слоган</label>
|
||
<input type="text" id="productTagline" required placeholder="Ещё мощнее. Ещё лучше.">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Описание</label>
|
||
<textarea id="productDescription" rows="3" placeholder="Подробное описание..."></textarea>
|
||
</div>
|
||
<div class="form-row">
|
||
<div class="form-group">
|
||
<label>Цена ($)</label>
|
||
<input type="number" id="productPrice" required placeholder="999">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Категория</label>
|
||
<select id="productCategory">
|
||
<option value="premium">Premium</option>
|
||
<option value="audio">Audio</option>
|
||
<option value="wearables">Wearables</option>
|
||
<option value="computers">Computers</option>
|
||
<option value="phones">Phones</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>URL изображения</label>
|
||
<input type="text" id="productImage" placeholder="https://picsum.photos/800/600?random=1">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Особенности (через запятую)</label>
|
||
<input type="text" id="productFeatures" placeholder="M3 чип, 20ч работы, Face ID">
|
||
</div>
|
||
<div class="form-actions">
|
||
<button type="submit" class="btn btn-primary">Добавить</button>
|
||
<button type="button" class="btn btn-secondary" onclick="hideAddProductForm()">Отмена</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div id="productsList" class="admin-list">
|
||
<!-- Products will be loaded here -->
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Announcements Section -->
|
||
<section class="admin-section">
|
||
<h2>📢 Объявления</h2>
|
||
<div class="admin-card">
|
||
<button class="btn btn-secondary" onclick="showAddAnnouncementForm()">+ Добавить объявление</button>
|
||
</div>
|
||
|
||
<div id="addAnnouncementForm" class="admin-card" style="display:none">
|
||
<h3>Новое объявление</h3>
|
||
<form id="announcementForm">
|
||
<div class="form-group">
|
||
<label>Заголовок</label>
|
||
<input type="text" id="announcementTitle" required placeholder="Apple Event 2026">
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Дата</label>
|
||
<input type="date" id="announcementDate" required>
|
||
</div>
|
||
<div class="form-group">
|
||
<label>Содержание</label>
|
||
<textarea id="announcementContent" rows="3" required placeholder="Смотрите презентацию..."></textarea>
|
||
</div>
|
||
<div class="form-actions">
|
||
<button type="submit" class="btn btn-primary">Добавить</button>
|
||
<button type="button" class="btn btn-secondary" onclick="hideAddAnnouncementForm()">Отмена</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div id="announcementsList" class="admin-list">
|
||
<!-- Announcements will be loaded here -->
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<script src="admin.js"></script>
|
||
</body>
|
||
</html>
|