table.table.is-bordered.is-striped.is-narrow.is-hoverable
    tr
        th
        for ai in data.ais
            th.has-text-centered= ai.name
    for ai1 in data.ais
        tr
            th.has-text-centered= ai1.name
            for ai2 in data.ais
                if ai1.name == ai2.name
                    td
                else if data.battles[ai1.name + "/" + ai2.name] > data.battles[ai2.name + "/" + ai1.name]
                    td.has-text-centered.has-text-success= data.battles[ai1.name + "/" + ai2.name]
                else if data.battles[ai1.name + "/" + ai2.name] < data.battles[ai2.name + "/" + ai1.name]
                    td.has-text-centered.has-text-danger= data.battles[ai1.name + "/" + ai2.name]
                else
                    td.has-text-centered= data.battles[ai1.name + "/" + ai2.name]

.columns.is-centered
    .column.is-narrow
        caption
            strong All battles