{% extends 'pageWrapper.html' %}

{% block head %}
    {{ super() }}
    <title>Generate Game</title>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename="styles/generate.css") }}" />
    <script type="application/ecmascript" src="{{ url_for('static', filename="assets/generate.js") }}"></script>
{% endblock %}

{% block body %}
    {% include 'header/oceanHeader.html' %}
    <div id="generate-game-wrapper">
        <div id="generate-game" class="grass-island">
            <h1>Upload Config{% if race %} (Race Mode){% endif %}</h1>
            <p>
                This page allows you to generate a game by uploading a yaml file or a zip file containing yaml files.
                If you do not have a config (yaml) file yet, you may create one on the
                <a href="/player-settings">Player Settings</a> page.
            </p>
            <p>
                {% if race -%}
                    This game will be generated in race mode, meaning the spoiler log will be unavailable,
                    roms will be encrypted, and single-player games will have no multidata files.
                {%- else -%}
                    If you would like to generate a race game,
                    <a href="{{ url_for("generate", race=True) }}">click here.</a> Race games are generated without
                    a spoiler log, the ROMs are encrypted, and single-player games will not include a multidata file.
                {%- endif -%}
            </p>
            <p>
                After generation is complete, you will have the option to download a patch file.
                This patch file can be opened with the
                <a href="https://github.com/ArchipelagoMW/Archipelago/releases">client</a>, which can be
                used to to create a rom file. In-browser patching is planned for the future.
            </p>
            <div id="generate-game-form-wrapper">
                <form id="generate-game-form" method="post" enctype="multipart/form-data">
                    <input id="file-input" type="file" name="file">
                </form>
                <button id="generate-game-button">Upload</button>
            </div>
        </div>
    </div>
    {%  include 'islandFooter.html' %}
{% endblock %}
