1{{template "base" .}}
 2
 3{{define "main"}}
 4<div class="submit-page">
 5    <div class="submit-header">
 6        <h1>Schedule Your Purchase Reminder</h1>
 7        <p>Add friction to your buying process. Give yourself time to think it over.</p>
 8    </div>
 9
10    <div class="submit-form-container">
11        <form action="/submit" method="POST" class="submit-form">
12            <div class="form-group">
13                <label for="email">Your Email Address</label>
14                <input type="email" id="email" name="email" required placeholder="you@example.com">
15                <small>We'll send your reminder to this address. No spam, ever.</small>
16            </div>
17            
18            <div class="form-group">
19                <label for="url">Product URL</label>
20                <input type="url" id="url" name="url" required placeholder="https://example.com/product">
21                <small>Paste the link to the item you're considering buying</small>
22            </div>
23            
24            <div class="form-group">
25                <label for="delay">Remind me in:</label>
26                <select id="delay" name="delay">
27                    <option value="3days">3 days</option>
28                    <option value="1week">1 week</option>
29                    <option value="2weeks" selected>2 weeks</option>
30                    <option value="1month">1 month</option>
31                </select>
32                <small>How long do you want to wait before being reminded?</small>
33            </div>
34            
35            <button type="submit" class="submit-button">Schedule My Reminder</button>
36        </form>
37        
38        <div class="submit-info">
39            <h3>What happens next?</h3>
40            <ol>
41                <li>You'll receive a confirmation email with a magic link</li>
42                <li>Click the link to activate your reminder</li>
43                <li>We'll email you when it's time to reconsider the purchase</li>
44                <li>Decide then whether you still want or need the item</li>
45            </ol>
46        </div>
47    </div>
48</div>
49
50{{end}}