{{ define "header" }}
<!doctype html>
<HTML lang="ru">

    <head>
        <title>{{.Title}}</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta pragma="no-cache">
        <!-- Bootstrap CSS -->
        <link href="/static/css/bootstrap.min.css" rel="stylesheet">
        <!-- htmx -->
        <script src="/static/js/htmx.min.js"></script>
        <script src="/static/js/_hyperscript.min.js"></script>
    </head>

    <body hx-boost="true">
        <div class="container-fluid"><!-- начало боди-контейнера -->
            <div class="container-fluid align-middle"><!-- контейнер заголовка -->
                <div class="row border align-items-center">
                    <div class="col-auto border border-primary rounded btn btn-dark">
                        <h1>WarTank</h1>
                    </div>
                    <div class="col">
                        <a class="btn btn-primary" href="/">Главная</a>
                        <a class="btn btn-primary" href="/gui/list_bot">Список ботов</a>
                    </div>
                </div>
            </div>
            <div class="counter">
                <button _="on click increment the textContent of the next <output/>">Прибавить</button>
                [<output>0</output>]
                <button _="on click decrement the textContent of the previous <output/>">убавить</button><br>
            </div>
            {{end}}