{% extends 'layout.twig' %}

{% block content %}

<!-- page header -->
<header class="row">
  <div class="columns twelve">
    <h1>Create new server</h1>
  </div>
</header>

<!-- create server form -->
<section class="row">
  <div class="columns twelve">
    <form action="/create" method="POST">
      <div class="row">
        <div class="columns six">
          <label for="serverName">Server name:</label>
          <input id="serverName" name="serverName" class="u-full-width" type="text" placeholder="MyServer" required>
        </div>

        <div class="columns six">
          <label for="serverVersion">Minecraft version:</label>
          <input id="serverVersion" name="serverVersion" class="u-full-width" type="text" placeholder="1.19.2" required>
        </div>
      </div>

      <input id="createSubmit" type="submit" value="Submit">
    </form>
  </div>
</section>

<!-- lower navigation -->
<div class="row">
  <div class="columns twelve">
    <p><a href="/">Back</a></p>
  </div>
</div>

{% endblock %}