<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="img/favicon.svg">
    <title>Trader</title>

    <!-- CSS -->
    <link href="css/adminkit-web-ui-kit.min.css" rel="stylesheet">
    <!--<link href="css/bootstrap.min.css" rel="stylesheet">-->
    <link href="css/bootstrap-icons.css" rel="stylesheet">
    <link href="css/bootstrap-switch.min.css" rel="stylesheet">
    <link href="css/fontawesome.min.css" rel="stylesheet">
    <link href="css/trader.css" rel="stylesheet">

    <!-- Javascript -->
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/bootstrap-switch.min.js"></script>
    <script src="js/echarts.min.js"></script>

    <script src="js/trader.js"></script>
    <script src="js/trader_chart.js"></script>
</head>

<body>
    <div class="wrapper">
        {{sub_navigation}}

        <div class="main">
            {{navigation}}

            <main class="content">
                <div class="container-fluid">
                    <div class="row mb-2 mb-xl-3">
                        <div class="col-auto d-none d-sm-block">
                            <h3><strong>{{page.getName()}}</strong></h3>
                        </div>

                        <div class="col-auto ms-auto text-end mt-n1">
                            <nav aria-label="breadcrumb">
                                <ol class="breadcrumb bg-transparent p-0 mt-1 mb-0">
                                    {{#breadcrumb}}
                                    <li class="breadcrumb-item {{#.isActive()}}active{{/.isActive()}}">
                                        <a {{#.getURL()}}href="{{.getURL()}}"{{/.getURL()}}>
                                        {{#.getName()}}{{.getName()}}{{/.getName()}}
                                        </a>
                                    </li>
                                    {{/breadcrumb}}
                                </ol>
                            </nav>
                        </div>
                    </div>

                    <div class="row">
                        {{content}}
                    </div>
            </main>
        </div>
    </div>
</body>
</html>
