{{define "home.gohtml"}}{{template "base" .}}{{end}}

{{define "content"}}
<section class="upload-view" aria-labelledby="upload-title">
  <form class="upload-panel" action="/api/v1/upload" method="post" enctype="multipart/form-data">
    <div class="panel-header">
      <h1 id="upload-title">Upload your files</h1>
      <p>Drag files here or choose them from your device.</p>
    </div>

    <label class="drop-zone" for="file-input">
      <span class="drop-icon" aria-hidden="true">+</span>
      <span class="drop-title">Drop files to upload</span>
      <span class="drop-copy">Click to browse</span>
      <input id="file-input" name="file" type="file" multiple>
    </label>

    <details class="advanced-options">
      <summary>Advanced options</summary>
      <div class="option-grid">
        <label>
          <span>Expires after</span>
          <select name="max_days">
            <option value="7">7 days</option>
            <option value="1">1 day</option>
            <option value="30">30 days</option>
          </select>
        </label>
        <label>
          <span>Max downloads</span>
          <input type="number" name="max_downloads" min="1" placeholder="Unlimited">
        </label>
        <label>
          <span>Password</span>
          <input type="password" name="password" autocomplete="new-password" placeholder="Optional">
        </label>
      </div>
    </details>

    <div class="form-footer">
      <p>Current max file size: {{.Data.MaxUploadSize}}</p>
      <button class="button button-primary" type="submit">Upload files</button>
    </div>
  </form>
</section>
{{end}}