{% extends "main.html" %} {% block title %} Upload {% endblock %} {% block
content %}

<div class="relative h-auto mx-auto max-w-[68.75rem] w-[95vw] px-4 py-4">
  <form
          action="/upload/catalog"
          method="post"
          enctype="multipart/form-data"
          x-data="{ file: '' }"
  >
    <fieldset class="grid">
      <h3>Catalog Import</h3>
      <label role="button" class="secondary" x-show="!file">
        Choose File
        <input
                type="file"
                name="file"
                x-model="file"
                style="display: none"
                required
        />
      </label>
      <input type="submit" value="Upload" x-show="file" />
      <input type="reset" value="Cancel" x-show="file" />
    </fieldset>
  </form>
</div>

{% endblock %}