62 lines
2.6 KiB
HTML
62 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Check Your Order Status — Trollgorithm Theme Song Booth</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@500;700;800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/booth.css') }}">
|
|
</head>
|
|
<body class="booth-page">
|
|
<div class="container">
|
|
<img src="{{ url_for('static', filename='Trollgorithm_booth.jpg') }}" alt="Trollgorithm Theme Song Booth" class="hero-banner">
|
|
|
|
<div class="card">
|
|
<h1 class="text-center">Check Your Order Status</h1>
|
|
<p class="subtitle text-center">Enter the email address you used when you requested your song.</p>
|
|
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% if messages %}
|
|
{% for category, message in messages %}
|
|
<div class="flash {{ category }}">{{ message }}</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
<form method="POST">
|
|
<label for="email">Email address</label>
|
|
<input type="email" id="email" name="email" value="{{ email }}" required>
|
|
<button type="submit">Look Up My Song</button>
|
|
</form>
|
|
|
|
{% if searched %}
|
|
<div class="result">
|
|
{% if requests %}
|
|
{% for req in requests %}
|
|
<div class="status-card">
|
|
<h3>Request #{{ req.id }} — {{ req.name }}</h3>
|
|
<p><strong>Status:</strong> <span class="status-pill status-{{ req.status }}">{{ statuses[req.status] }}</span></p>
|
|
|
|
{% if req.customer_approved and req.customer_approved != 'none' %}
|
|
<p class="approved-text">You selected: {% if req.customer_approved == 'both' %}Both Versions{% else %}Version {{ (req.customer_approved or 'none').upper() }}{% endif %}</p>
|
|
{% endif %}
|
|
|
|
{% if req.song_a_path and req.song_b_path %}
|
|
<p><strong>Your preview link:</strong></p>
|
|
<a class="button" href="{{ url_for('play', token=req.player_token) }}" target="_blank" rel="noopener noreferrer">Listen & Pick Your Version</a>
|
|
{% endif %}
|
|
</div>
|
|
{% endfor %}
|
|
{% else %}
|
|
<p>No requests found for that email address. Make sure you used the same email you gave us at the booth.</p>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<a class="back-link text-center" href="{{ url_for('request_form') }}">← Back to the request form</a>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|