h1.title Boards
.columns
    .column
        .card
            .card-header
                p.card-header-title Create or modify board
            .card-content
                .field
                    label.label ID
                    .control
                        input.input(type="number" v-model="board.new_id" min="0", max="65535", step="1")
                .field
                    label.label Key size
                    .control
                        .select
                            select(v-model="board.new_keysize")
                                option(:value="128") 128 bit
                                option(:value="192") 192 bit
                                option(:value="256") 256 bit
                .field
                    label.label Key (in base16)
                    .control
                        input.input(type="text" v-model="board.new_key")
                p.help Leave empty for random
                .field
                    .control
                        button.button.is-primary(@click="board_create") Submit
    .column
        table.table.is-striped.is-hoverable.is-fullwidth
            thead
                tr
                    th ID
                    th Key
                    th Last Seen
                    th Actions
            tbody
                tr(v-for="board in config.boards")
                    td {{ board.ID }}
                    td {{ board.KEY16 }}
                    td {{ board.LastSeen | timeSince }}
                    td
                        a.button.is-danger(@click="board_delete(board.ID)") Delete
