<!doctype html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <title>Tennis Dashboard</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="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
    
    <script src="/static/moment.js"></script>
    <script src="/static/omg.js"></script>
    <script src="/static/form2.js"></script>
    <script src="/static/tennis.js?h423"></script>
</head>
<body>

<template id="candidate-item">
    <div style="padding: 10px;">
        <span data-prop="sport" style="font-size:0.9em"></span> - <span data-prop="champName" style="font-size:0.9em"></span><br>
        <span data-prop="startTimeStr" style="font-size:0.9em"></span><br>
        <label><input data-id="radio">&nbsp;&nbsp;<span data-prop="home"></span> - <span data-prop="away"></span></label>
    </div>
</template>

<template id="interestingMatch">
    <div style="margin-bottom:20px;">
        <div data-prop="champName" style="font-size:0.9em"></div>
        <div data-prop="match"></div>
        <div data-prop="startTimeStr" style="font-size:0.9em"></div>
        <div data-id="isLinked" data-prop="isLinked" style="color:green;"></div>
        <div data-id="isInplay" data-prop="isInplay" style="color:green;"></div>
        <div data-id="livescore" style="color:blue;" hidden></div>
        
        <details>
            <summary>онлайн</summary>
            <div style="font-size:0.9em">время: <span data-id="time"></span></div>
            <div style="font-size:0.9em">счет: <span data-id="score"></span></div>
            <!--<div style="font-size:0.9em">темп: <span data-id="gamePace"></span>за <span data-id="gamePaceFrame"></span> мин.</div>-->
            <div data-id="comment" style="color:red;font-size:0.9em"></div>
        </details>
        <details>
            <summary>почему</summary>
            <div style="margin-bottom: 15px; margin-top: 15px;"><a href="javascript:void(0);" data-id="flashscoreLink" target="_blank">на Flashscore</a></div>
            <pre data-prop="notes"></pre>
        </details>

        <details data-id="identification">
            <summary>идентификация</summary>
            <div style="background-color:ivory; margin-top: 20px; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px;">
                <div class="form-group">
                    <input data-id="teamName" type="text" class="form-control" form="zzz">
                </div>

                <div class="form-group">
                    <button data-id="search" class="btn">Искать</button>
                </div>

                <hr>

                <div class="form-group">
                    <p data-id="candidates" style="display: flex; flex-direction: column;">
                    </p>
                </div>

                <hr>
                <div data-id="divReverse">
                    <label style="padding-left: 10px;"><input type="checkbox" data-id="isReverse">&nbsp;&nbsp;команды перепутаны местами</label>
                    <hr>
                </div>

                <div class="form-group">
                    <button data-id="submit" class="btn btn-success" disabled>Добавить алиасы</button>
                </div>
            </div>
        </details>
    </div>
</template>

<template id="liveMatch">
    <div style="margin-bottom:20px;">
        <div data-prop="champName" style="font-size:0.9em"></div>
        <div data-prop="match"></div>
        <div data-prop="startTimeStr" style="font-size:0.9em"></div>
    </div>
</template>


<template id="tip">
    <details>
        <summary data-prop="matchName" data-id="matchName"></summary>
        <div style="margin-bottom: 15px; margin-top: 15px;"><a href="javascript:void(0);" data-id="flashscoreLink" target="_blank">на Flashscore</a></div>
        <pre data-prop="msg"></pre>
        <div style="margin-bottom: 25px;"><a href="javascript:void(0);" data-id="setResultLink">Указать результат</a></div>
        <div style="margin-bottom: 25px;" data-id="setResultForm" hidden></div>
    </details>
</template>

<template id="strategy">
    <div style="margin-bottom:20px;">
        <div><b>#<span data-prop="strategyID"></span> <span data-prop="strategy"></span></b></div>
        <div>Won, Lost: +<span data-prop="wonTips"></span>, -<span data-prop="lostTips"></span></div>
        <div>Точность: <span data-prop="accuracy"></span> %</div>
        <div>Оборот: <span data-prop="turnover"></span> грн</div>
        <div>Прибыль: <span data-prop="profit"></span> грн</div>
        <div>ROI: <span data-prop="roi"></span>%</div>
        <div>Максимальная просадка: <span data-prop="drawdown"></span> грн</div>        
    </div>
</template>

<template id="total">
    <div style="margin-bottom:20px;">
        <div><b><span data-prop="name"></span></b></div>
        <div>Won, Lost: +<span data-prop="wonTips"></span>, -<span data-prop="lostTips"></span></div>
        <div>Точность: <span data-prop="accuracy"></span> %</div>
        <div>Оборот: <span data-prop="turnover"></span> грн</div>
        <div>Прибыль: <span data-prop="profit"></span> грн</div>
        <div>ROI: <span data-prop="roi"></span>%</div>
    </div>
</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 id="main">
    <div id="favorites">
        <div class="interesting-title">Отобранные матчи:</div>
        <div id="interesting" class="matches"></div>
    </div>

    <div>
        <div class="book-live">1xBet live matches:</div>
        <div id="book-live" class="matches"></div>
    </div>

    <div>
        <div class="tips">Прогнозы:</div>        
        <div id="tips" class="matches"></div>
    </div>

    <div>
        <div class="strategies">Стратегии:</div>
        <a href="/stats" target="_blank">Статистика по лигам</a>
        <hr>
        <div id="strategies" class="matches"></div>
        <hr>
        <div id="totals" class="matches"></div>
        <!--
        <div>
            <div id="total" class="matches" style="border: 1px solid #ddd"></div>
            <div style="font-size:0.9em">(без учета алгоритма 100)</div>
        </div>
        -->
    </div>
</div>





</body>
</html>