{#if isLoading} {/if} {#if isDone} {/if} {#if !preFlight && !isDone}

Any data that you enter here will be visible publicly here

You will be shown all of the collected data before the form is submitted.

<br />
    <button type="submit">Submit</button>
    <button type="reset">Reset</button>
  </form>
{:else}
  <Island>
    <h2>Device Data:</h2>
    <p><span class="dataType">User Agent: </span>{reportCollected.userAgent}</p>
    <p>
      <span class="dataType">Browser: </span>{reportCollected.browser} - {reportCollected.version}
    </p>
    <p><span class="dataType">Platform: </span>{reportCollected.platform}</p>
    <p><span class="dataType">Viewport: </span> {reportCollected.viewport}</p>
    <h2>Reported Data:</h2>
    <p><span class="dataType">Report Type: </span>{reportType}</p>
    <p>{reportSubject}</p>
    <p>{reportMsg}</p>
    <button class="overlayButtons" on:click={send}>Send</button>
    <button class="overlayButtons" on:click={cancel}>Cancel</button>
  </Island>
{/if}
<Nav />