Files
Discord-ai-chatbot/templates/edit_giveaway.html
SimolZimol 61f824a8c5 modified: templates/edit_giveaway.html
modified:   templates/edit_user.html
	modified:   templates/global_admin_dashboard.html
	modified:   templates/landing.html
	modified:   templates/login.html
	modified:   templates/logs.html
	modified:   templates/navigation.html
	modified:   templates/server_admin_dashboard.html
	modified:   templates/user_dashboard.html
	modified:   templates/user_giveaways.html
	new file:   templates/user_giveaways_old.html
	modified:   templates/user_landing_page.html
2025-08-18 23:49:22 +02:00

246 lines
7.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Edit Giveaway</title>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<style>
body {
background: linear-gradient(135deg, #0c1426 0%, #1a1f2e 25%, #2d3748 75%, #0c1426 100%);
min-height: 100vh;
color: #e2e8f0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.edit-container {
max-width: 800px;
margin: 2rem auto;
background: rgba(26, 31, 46, 0.8);
backdrop-filter: blur(15px);
border: 1px solid rgba(102, 126, 234, 0.2);
border-radius: 20px;
padding: 2rem;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.edit-header {
text-align: center;
margin-bottom: 2rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(102, 126, 234, 0.1);
}
.edit-title {
color: #e2e8f0;
font-weight: 700;
font-size: 2rem;
margin-bottom: 0.5rem;
}
.edit-subtitle {
color: #a0aec0;
font-size: 1.1rem;
}
.form-group {
margin-bottom: 1.5rem;
}
.form-group label {
color: #e2e8f0;
font-weight: 600;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.form-control {
background: rgba(45, 55, 72, 0.8);
border: 1px solid rgba(102, 126, 234, 0.3);
border-radius: 10px;
color: #e2e8f0;
padding: 0.75rem 1rem;
transition: all 0.3s ease;
}
.form-control:focus {
background: rgba(45, 55, 72, 0.9);
border-color: #667eea;
box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
color: #e2e8f0;
}
.form-control::placeholder {
color: #a0aec0;
}
.form-check {
background: rgba(45, 55, 72, 0.6);
border: 1px solid rgba(102, 126, 234, 0.2);
border-radius: 10px;
padding: 1rem;
margin-bottom: 1.5rem;
}
.form-check-label {
color: #e2e8f0;
font-weight: 600;
margin-left: 0.5rem;
}
.form-check-input {
background-color: rgba(45, 55, 72, 0.8);
border-color: rgba(102, 126, 234, 0.5);
border-radius: 4px;
}
.form-check-input:checked {
background-color: #667eea;
border-color: #667eea;
}
.form-check-input:focus {
box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}
.btn-container {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
margin-top: 2rem;
padding-top: 1rem;
border-top: 1px solid rgba(102, 126, 234, 0.1);
}
.edit-btn {
padding: 0.75rem 2rem;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: all 0.3s ease;
border: none;
}
.edit-btn.primary {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}
.edit-btn.primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
color: white;
text-decoration: none;
}
.edit-btn.secondary {
background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
color: white;
box-shadow: 0 4px 15px rgba(74, 85, 104, 0.3);
}
.edit-btn.secondary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(74, 85, 104, 0.4);
color: white;
text-decoration: none;
}
.input-icon {
color: #667eea;
}
@media (max-width: 768px) {
.edit-container {
margin: 1rem;
padding: 1.5rem;
}
.edit-title {
font-size: 1.5rem;
}
.btn-container {
flex-direction: column;
}
.edit-btn {
justify-content: center;
}
}
</style>
</head>
<body>
{% include 'navigation.html' %}
<div class="container mt-5">
<div class="edit-container">
<div class="edit-header">
<h2 class="edit-title">
<i class="fas fa-edit"></i> Edit Giveaway
</h2>
<p class="edit-subtitle">{{ giveaway.name }}</p>
</div>
<form method="post">
<div class="form-group">
<label for="platform">
<i class="fas fa-gamepad input-icon"></i> Platform
</label>
<input type="text" class="form-control" id="platform" name="platform"
value="{{ giveaway.platform }}" placeholder="Enter platform name" required>
</div>
<div class="form-group">
<label for="name">
<i class="fas fa-tag input-icon"></i> Giveaway Name
</label>
<input type="text" class="form-control" id="name" name="name"
value="{{ giveaway.name }}" placeholder="Enter giveaway name" required>
</div>
<div class="form-group">
<label for="game_key">
<i class="fas fa-key input-icon"></i> Game Key
</label>
<input type="text" class="form-control" id="game_key" name="game_key"
value="{{ giveaway.game_key }}" placeholder="Enter game key" required>
</div>
<div class="form-group">
<label for="winner_dc_id">
<i class="fas fa-crown input-icon"></i> Winner Discord ID
</label>
<input type="text" class="form-control" id="winner_dc_id" name="winner_dc_id"
value="{{ giveaway.winner_dc_id }}" placeholder="Enter winner's Discord ID (optional)">
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="aktiv" name="aktiv"
{% if giveaway.aktiv %}checked{% endif %}>
<label class="form-check-label" for="aktiv">
<i class="fas fa-check-circle"></i> Mark as Redeemed
</label>
</div>
<div class="btn-container">
<button type="submit" class="edit-btn primary">
<i class="fas fa-save"></i> Save Changes
</button>
<a href="{{ url_for('server_admin_dashboard', guild_id=guild_id) }}" class="edit-btn secondary">
<i class="fas fa-arrow-left"></i> Back to Dashboard
</a>
</div>
</form>
</div>
</div>
</body>
</html>