{{ define "content" }}
    <a href="/">← Back</a>
    <h2>Log My Ticket</h2>
    <form method="POST" action="/submit-ticket">
        {{ .csrfField }}
        <div class="form-section">
            <label>Draw Date:
                <select name="draw_date" required>
                    {{ range .DrawDates }}
                    <option value="{{ . }}">{{ . }}</option>
                {{ else }}
                    <option disabled>No draws available</option>
                {{ end }}
                </select>
            </label>
        </div>
        <div class="form-section">
            <label>Ball 1: <input type="text" name="ball1" required></label>
            <label>Ball 2: <input type="text" name="ball2" required></label>
            <label>Ball 3: <input type="text" name="ball3" required></label>
            <label>Ball 4: <input type="text" name="ball4" required></label>
            <label>Ball 5: <input type="text" name="ball5" required></label>
        </div>
        <div class="form-section">
            <label>Thunderball: <input type="text" name="thunderball" required></label>
        </div>
        <button type="submit">Save Ticket</button>
    </form>
{{ end }}