{% extends 'layout.twig' %}

{% block content %}

<!-- page header -->
<header class="row">
  <div class="columns twelve">
    <h1>Edit server: {{ serverName }}</h1>
  </div>
</header>

<!-- create server form -->
<section class="row">
  <div class="columns twelve">
    <form action="/server/{{ serverName }}/edit" method="POST">
      <div class="row">
        <div class="columns twelve">
          <label for="serverPort">Server port:</label>
          <input id="serverPort" name="serverPort" class="u-full-width" type="number" placeholder="25565" required value={{ serverPort }}>
        </div>
      </div>

      <input id="editSubmit" 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 %}