<!DOCTYPE html>
<html>
<head>
  <title>Digitaler Ringordner</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body class="c64">

  <!-- HEADER -->
  <div class="header">
    <div>>> DIGITALER RINGORDNER <<<</div>
    <div>
      Theme:
      <select id="themeSelect">
        <option value="c64">C64</option>
        <option value="workbench">Workbench</option>
        <option value="finanzamt">Finanzamt</option>
      </select>
    </div>
  </div>

  <!-- A-Z -->
  <div id="azFilter"></div>

  <!-- UPLOAD WINDOW -->
  <div class="window" id="uploadWindow">
    <div class="title-bar">Upload</div>
    <div class="content">

      <form id="uploadForm">
        <input type="file" name="file" required>

        Netto:
        <input type="number" name="net_amount">

        Versand:
        <input type="number" name="shipping">

        MwSt:
        <select id="vatSelect" name="vat_rate_id"></select>

        <button type="submit">Upload</button>
      </form>

      <div id="status"></div>

    </div>
  </div>

  <!-- DOCUMENT WINDOW -->
  <div class="window" id="docsWindow">
    <div class="title-bar">Dokumente</div>
    <div class="content">
      <pre id="documents"></pre>
    </div>
  </div>

  <script src="app.js"></script>
</body>
</html>