{% extends 'settings/index.html' %}

{% block header_text %}<h1><i class="fa-solid fa-plus"></i> Create Container</h1>{% endblock %}

{% block main %}
{% include 'settings/containers/form.html' %}
  <div class="container">
    <form action="/settings/containers/create.html" method="post">
      <div>
        <label for="name"><i class="fa-solid fa-box"></i> Name</label>
        <input type="text" id="name" name="name" required placeholder="Container name">
      </div>
      <div>
        <label for="status"><i class="fa-solid fa-info-circle"></i> Status</label>
        <input type="text" id="status" name="status" required placeholder="Container status">
      </div>
      <div>
        <label for="resources"><i class="fa-solid fa-memory"></i> Resources</label>
        <input type="text" id="resources" name="resources" placeholder="Resource details">
      </div>
      <div>
        <label for="user_uid"><i class="fa-solid fa-user"></i> User UID</label>
        <input type="text" id="user_uid" name="user_uid" placeholder="User UID">
      </div>
      <div>
        <label for="path"><i class="fa-solid fa-folder"></i> Path</label>
        <input type="text" id="path" name="path" placeholder="Container path">
      </div>
      <div>
        <label>
          <input type="checkbox" name="readonly" value="1">
          <i class="fa-solid fa-lock"></i> Readonly
        </label>
      </div>
      <button type="submit"><i class="fa-solid fa-plus"></i> Create</button>
      <button onclick="history.back()" class="cancel"><i class="fa-solid fa-arrow-left"></i>Cancel</button>
    </form>
  </div>
{% endblock %}
