{{ 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>
        <p class="mb-8">Upload your <code>.bash_history</code> to see your usage statistics.</p>


        <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>
        <p class="mb-6 mt-8"><small>⚠️ <strong>Warning</strong>:⚠️  Be sure to
        edit the file beforehand to remove any passwords
        or commands that might leak sensitive information.</small><p>
        <p><small>The file is not uploaded anywhere; it is processed in memory
        to generate the statistics and after that it is automatically discarded.</small></p>
    </div>
</div>

{{ template "footer.html" . }}