<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VPN Manager</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
</head>
<body class="bg-gray-100 min-h-screen p-6">
<!-- LOGIN -->
<div id="loginBox" class="max-w-md mx-auto bg-white p-6 rounded shadow">
<h2 class="text-xl font-bold mb-4">Вход в панель</h2>
<input id="loginUser" placeholder="Логин" class="w-full p-2 mb-2 border rounded">
<input id="loginPass" type="password" placeholder="Пароль" class="w-full p-2 mb-2 border rounded">
<input id="loginCode" placeholder="Код Google Authenticator" class="w-full p-2 mb-2 border rounded">
<button onclick="login()" class="w-full bg-blue-600 text-white p-2 rounded hover:bg-blue-700">Войти</button>
</div>
<!-- DASHBOARD -->
<div id="dashboard" class="hidden max-w-5xl mx-auto bg-white p-6 rounded shadow">
<div class="flex gap-4 border-b mb-4">
<button onclick="showTab('create')" class="px-4 py-2 bg-blue-100 rounded">Создать</button>
<button onclick="showTab('search')" class="px-4 py-2 bg-gray-100 rounded">Поиск / Управление</button>
<button onclick="showTab('calendar')" class="px-4 py-2 bg-gray-100 rounded">Календарь</button>
</div>
<!-- CREATE -->
<div id="createTab">
<input id="cName" placeholder="Имя клиента" class="p-2 border rounded w-full mb-2">
<input id="cComment" placeholder="Комментарий" class="p-2 border rounded w-full mb-2">
<label>Трафик (GB): <input id="cTraffic" type="number" value="300" class="p-2 border rounded w-20"></label>
<label>Срок (дней): <input id="cDays" type="number" value="30" class="p-2 border rounded w-20"></label>
<select id="cInbound" class="p-2 border rounded w-full my-2">
<option value="vmess-xtls">vmess-xtls</option>
<option value="vless-vision">vless-vision</option>
<option value="trojan">trojan</option>
</select>
<button onclick="create