{{ template "header.html" . }}

<div class="container flex justify-center items-center">
    <div class="bg-gray-800 p-8 rounded-lg shadow-xl max-w-md w-full">
        <h1 class="text-3xl text-center text-white mb-6 font-semibold">Bash Wrapped</h1>
        <form action="/upload" method="post" enctype="multipart/form-data" class="space-y-4">
            <div class="flex justify-center">
                <input type="file" name="file" class="p-3 text-white bg-gray-700 rounded-md border-2 border-gray-600 w-full" />
            </div>
            <div class="flex justify-center">
                <button type="submit" class="w-full py-3 px-6 bg-blue-500 text-white rounded-md hover:bg-blue-600 text-xl font-semibold shadow-md transition duration-300 ease-in-out">
                    Upload
                </button>
            </div>
        </form>
    </div>
</div>

{{ template "footer.html" . }}