extends layout.pug
block head 

block content
    h3.text-center.mt-3 Password Generator for AnkaSense S4
    .container
        .row
            .col
                .input-group
                    .input-group-prepend
                        span.input-group-text(id='') Device Id
                    input.form-control(type='text',id="in-id")
                    .input-group-append
                        button.btn.btn-outline-secondary(type="button", onclick="clickme()") Get Keys

        .row.mt-3
            .col
                table#pTable.table.d-none
                    thead
                        tr
                        th(scope='col') #
                        th(scope='col') User Type
                        th(scope='col') Password
                    tbody
                        tr
                        th(scope='row') 1
                        td Manager
                        td#manager
                        tr
                        th(scope='row') 2
                        td Service
                        td#service
                p#pErr
    script.
        function clickme() {
            var id = document.getElementById("in-id");
            var keys = getKeys(id.value);
            var pTable = document.getElementById("pTable");
            var pErr = document.getElementById("pErr");
            if(keys.hasOwnProperty('User')){
                var manager = document.getElementById("manager");
                var service = document.getElementById("service");
                manager.innerHTML = keys.User;
                service.innerHTML = keys.Admin;
                pTable.classList.remove("d-none");
                pErr.classList.add("d-none");
            }else{
                pErr.innerHTML = keys.err
                pErr.classList.remove("d-none");
                pTable.classList.add("d-none");
            }
        }
    script(src='/js/pGenerator.js')