{% extends "base.html" %}

{% block content %}
  <div class="container-fluid pt-3 ps-3" hx-target="this">
    {% include "_book.html" %}
    <form>
      <div class="mb-3">
        <label for="inputName" class="form-label">Name</label>
        <input class="form-control" name="name" id="inputName" autocorrect="off" />
      </div>
      <button
        type="submit"
        class="btn btn-primary ps-4 pe-1"
        xw-book="true"
        xw-config='{"exclude": "MySheet"}'
        hx-post="{{ url_for('name') }}"
        hx-swap="outerHTML"
        hx-disabled-elt="this">
        Add Name to Excel
        <span class="spinner-border spinner-border-sm htmx-indicator" role="status" aria-hidden="true"></span>
      </button>
    </form>
    {% if error %}
      <div class="alert alert-danger mt-4" role="alert">{{ error }}</div>
    {% endif %}
  </div>
{% endblock content %}