{% extends 'base.html' %}
{% set title = 'Create Batch' %}

{% block content %}
  <section class="stack-layout">
    <div class="panel panel-header">
      <div>
        <div class="eyebrow">New delivery</div>
        <h1>Create a credential batch</h1>
        <p class="lede">Each line in the textarea becomes one APIKey:SecretNumber credential item in the delivery page.</p>
      </div>
    </div>

    <div class="panel form-panel">
      <form method="post" class="stack-form">
        {{ form.hidden_tag() }}

        <div class="two-column-grid">
          <div class="field-group">
            {{ form.name.label(class_='field-label') }}
            {{ form.name(class_='field-input', placeholder='Starter plan - Batch A') }}
            {% for error in form.name.errors %}<p class="field-error">{{ error }}</p>{% endfor %}
          </div>
          <div class="field-group">
            {{ form.key_count.label(class_='field-label') }}
            {{ form.key_count(class_='field-input', placeholder='5') }}
            {% for error in form.key_count.errors %}<p class="field-error">{{ error }}</p>{% endfor %}
          </div>
        </div>

        <div class="field-group">
          {{ form.description.label(class_='field-label') }}
          {{ form.description(class_='field-textarea', rows='3', placeholder='Optional notes shown to the customer') }}
          {% for error in form.description.errors %}<p class="field-error">{{ error }}</p>{% endfor %}
        </div>

        <div class="field-group">
          {{ form.credentials.label(class_='field-label') }}
          {{ form.credentials(class_='field-textarea mono-textarea', rows='10', placeholder='api_key_one:secret_one\napi_key_two:secret_two') }}
          {% for error in form.credentials.errors %}<p class="field-error">{{ error }}</p>{% endfor %}
        </div>

        <div class="three-column-grid">
          <div class="field-group">
            {{ form.expires_at.label(class_='field-label') }}
            {{ form.expires_at(class_='field-input') }}
            {% for error in form.expires_at.errors %}<p class="field-error">{{ error }}</p>{% endfor %}
          </div>
          <div class="field-group">
            {{ form.max_views.label(class_='field-label') }}
            {{ form.max_views(class_='field-input', placeholder='Leave blank for unlimited') }}
            {% for error in form.max_views.errors %}<p class="field-error">{{ error }}</p>{% endfor %}
          </div>
          <div class="field-group">
            {{ form.key_notes.label(class_='field-label') }}
            {{ form.key_notes(class_='field-input', placeholder='Internal note') }}
            {% for error in form.key_notes.errors %}<p class="field-error">{{ error }}</p>{% endfor %}
          </div>
        </div>

        {{ form.submit(class_='primary-button') }}
      </form>
    </div>
  </section>
{% endblock %}