<!doctype html>

<html>

    <head>

        <meta charset="utf-8">

        <title>Personal report</title>

        <link rel="stylesheet" href="styles.css">

    </head>

    <body>

        <p id="list"></p>

        <table id="form">

            <tr><td><input id="selected-cat" type="text" name="" value="" readonly /></td></tr>

            <tr><td><label id="label-for-selected-cat" for="selected-cat"></label></td></tr>

            <tr><td><input id="datePicker" type="date" /></td></tr>

            <tr><td><input id="amount" type="text" inputmode="decimal" /></td>

                <td><button class="math" onclick="onsignclicked()">/-*+</button></td></tr>

            <tr><td><input id="notes" type="text" /></td></tr>

            <tr><td><button id="submit_button" onclick="onsubmitclick()">submit</button></td></tr>

        </table>

        <label id="result"></label>

        <button id="authorize_button" onclick="handleAuthClick()">authorize</button>

        <button id="back" onclick="onback()">back</button>

        <div id="export-form">

            <input id="datePicker-from" type="date" />

            <input id="datePicker-to" type="date" />

            <button id="export-button" onclick="onexportclick()">download csv</button>

        </div>

        <script src="google-auth.js"></script>

        <script src="google-sheets-lib.js"></script>

        <script src="scripts.js"></script>

        <script async defer src="https://apis.google.com/js/api.js" onload="gapiLoaded()"></script>

        <script async defer src="https://accounts.google.com/gsi/client" onload="gisLoaded()"></script>

    </body>

</html>