{{define "mimeclue"}}
<div class="flex gap-4 w-full">
    <form class="space-y-6" hx-post="/give-clue">
        <input type="text" 
               class="flex-1 px-4 py-2 text-lg border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
                name="clue"
               placeholder="Enter clue..."
               required>
        <input type="number" 
               class="w-24 px-4 py-2 text-lg border-2 border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
               placeholder="Number" 
                name="number"
               min="0" 
               max="9"
               required>
        <button type="submit" class="px-6 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors">
            Send
        </button>
    </form>
</div>
{{end}}