lorokas978/undefined
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Admin Settings - PolyGlot</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <script src="https://unpkg.com/feather-icons"></script>9</head>10<body class="bg-gray-50 min-h-screen">11 <div class="flex flex-col min-h-screen">12 <custom-navbar></custom-navbar>13 14 <div class="flex flex-1">15 <custom-sidebar active="settings"></custom-sidebar>16 17 <main class="flex-1 p-8">18 <div class="max-w-7xl mx-auto">19 <h1 class="text-3xl font-bold text-gray-900 mb-8">Admin Settings</h1>20 21 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">22 <!-- Team Permissions -->23 <div class="bg-white shadow rounded-lg p-6 col-span-1">24 <h2 class="text-xl font-semibold mb-4">Team Permissions</h2>25 <div class="space-y-4">26 <div class="flex items-center justify-between">27 <span class="text-gray-700">Create Projects</span>28 <label class="switch">29 <input type="checkbox" checked>30 <span class="slider"></span>31 </label>32 </div>33 <div class="flex items-center justify-between">34 <span class="text-gray-700">Invite Members</span>35 <label class="switch">36 <input type="checkbox" checked>37 <span class="slider"></span>38 </label>39 </div>40 <div class="flex items-center justify-between">41 <span class="text-gray-700">Delete Translations</span>42 <label class="switch">43 <input type="checkbox">44 <span class="slider"></span>45 </label>46 </div>47 </div>48 </div>49 50 <!-- API Settings -->51 <div class="bg-white shadow rounded-lg p-6 col-span-1">52 <h2 class="text-xl font-semibold mb-4">API Access</h2>53 <div class="space-y-4">54 <div>55 <label class="block text-gray-700 mb-1">API Key</label>56 <div class="flex">57 <input type="text" value="pk_1234567890abcdef" class="flex-1 rounded-l border border-gray-300 p-2 text-sm" readonly>58 <button class="bg-blue-600 text-white px-3 rounded-r hover:bg-blue-700">59 <i data-feather="copy"></i>60 </button>61 </div>62 <p class="text-xs text-gray-500 mt-1">Keep this key secure</p>63 </div>64 <button class="w-full bg-red-100 text-red-700 py-2 rounded hover:bg-red-200 flex items-center justify-center gap-2">65 <i data-feather="rotate-ccw"></i> Regenerate Key66 </button>67 </div>68 </div>69 70 <!-- Danger Zone -->71 <div class="bg-white shadow rounded-lg p-6 col-span-1 border border-red-200">72 <h2 class="text-xl font-semibold mb-4 text-red-600">Danger Zone</h2>73 <div class="space-y-4">74 <div>75 <button class="w-full bg-red-600 text-white py-2 rounded hover:bg-red-700 flex items-center justify-center gap-2">76 <i data-feather="trash-2"></i> Delete Project77 </button>78 <p class="text-xs text-gray-500 mt-1">Permanently delete this project and all translations</p>79 </div>80 <div>81 <button class="w-full bg-yellow-500 text-white py-2 rounded hover:bg-yellow-600 flex items-center justify-center gap-2">82 <i data-feather="alert-triangle"></i> Export All Data83 </button>84 <p class="text-xs text-gray-500 mt-1">Download complete project data archive</p>85 </div>86 </div>87 </div>88 </div>89 </div>90 </main>91 </div>92 </div>93 94 <script src="components/navbar.js"></script>95 <script src="components/sidebar.js"></script>96 <script>97 feather.replace();98 </script>99</body>100</html>