extends base

block extracss
    link(rel="stylesheet", href="https://use.fontawesome.com/releases/v5.8.1/css/all.css", integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf", crossorigin="anonymous")

block content
    section.section
        .container
            if running
                .columns.is-centered
                    .column.is-narrow.is-desktop
                        h5.title.is-5 Some battles are running...
            .columns.is-centered
                .column.is-narrow.is-desktop
                    table.table.is-bordered.is-striped.is-hoverable
                        tr
                            th.has-text-centered AI
                            th.has-text-centered Victories
                            th.has-text-centered Nulls
                            th.has-text-centered Defeats
                            th.has-text-centered Score
                        for ai in data.sortedAis
                            tr
                                td.has-text-centered
                                    if ai.rank === 1
                                        span.icon
                                            i.fas.fa-trophy(style="color:#FFD700")
                                    else if ai.rank === 2
                                        span.icon
                                            i.fas.fa-trophy(style="color:#C0C0C0")
                                    else if ai.rank === 3
                                        span.icon
                                            i.fas.fa-trophy(style="color:#CD7F32")
                                    strong= ai.name
                                td.has-text-centered= ai.victories
                                td.has-text-centered= ai.nulls
                                td.has-text-centered= ai.defeats
                                td.has-text-centered
                                    strong= ai.score
                    .columns.is-centered
                        .column.is-narrow
                            caption
                                strong Leaderboard

            .columns.is-centered
                .column.is-narrow.is-desktop
                    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