<!doctype html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <title>Статистика по всем лигам</title>
    <link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    
    <link href="/static/tipper.css?123" rel="stylesheet">
    
    <script src="/static/moment.js"></script>
    <script src="/static/omg.js"></script>
    <script src="/static/formobj.js"></script>
    <script src="/static/stats.js?xxx"></script>

    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
</head>
<body>

<template id="champ">
    <tr>
        <td data-prop="champ"></td>
        <td data-prop="won"></td>
        <td data-prop="lost"></td>
        <td><span data-prop="accuracy"></span>%</td>
        <td data-prop="avgPrice"></td>
    </tr>
</template>

<div class="sport-menu">
    <div style="display: flex; margin-bottom: 0px;">
        <a href="/football" style="margin-right: 50px;">Футбол</a>
        <a href="/handball" style="margin-right: 50px;">Гандбол</a>
        <a href="/tennis" style="margin-right: 50px;">Теннис</a>
        <a href="/football-by-days" style="margin-right: 50px;">Футбол (по дням)</a>
        <a href="/handball-by-days" style="margin-right: 50px;">Гандбол (по дням)</a>        
        <a href="/tennis-by-days" style="margin-right: 50px;">Теннис (по дням)</a> 
        <a href="/best-strategies">Статистика по лучшим стратегиям</a>
    </div>
</div>


<div style="display: flex; margin: 50px;">
    <div style="width: 500px;">
        <div class="form-group">
            <label for="">Стратегия</label>
            <select id="strategyID" name="strategyID" class="form-control"></select>
        </div>


        <div class="form-group">
            <table class="table">
                <thead>
                    <tr>
                        <th>Чемпионат</th>
                        <th>Won</th>
                        <th>Lost</th>
                        <th>Точность</th>
                        <th>Средний коэф.</th>
                    </tr>
                </thead>
                <tbody id="champs">
                </tbody>
            </table>
        </div>
    </div>

<div id="curve_chart" style="width: 900px; height: 500px"></div>


</div>

</body>
</html>