<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Статы</title>
    <link rel="stylesheet" href="static/css/main.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <style>
        /* Add your custom CSS styles here */
        body {
            background-color: #ffffff; /* Vibrant blue background */
            color: #066163; /* White text color */
        }
    
        .stats-table {
            margin-top: 20px; /* Add margin to the top of the table */
            width: 100%; /* Set table width to 100% */
            border-collapse: collapse; /* Collapse border spacing */
            border: 2px solid rgb(0, 0, 0); /* Set border color and width */
        }
    
        .stats-table th,
        .stats-table td {
            padding: 10px; /* Add padding to table cells */
            text-align: left; /* Align text to the left within cells */
            border-bottom: 1px solid #000000; /* Add bottom border to cells */
        }
    
        .stats-table th {
            background-color: #1e1e1e; /* Dark background for table header */
        }
        
        .back-btn {
            background-color: #0060df; /* Yellow background for the button */
            color: #000; /* Black text color */
            border: none; /* Remove border */
            padding: 10px 20px; /* Add padding */
            margin-top: 20px; /* Add margin to the top */
            cursor: pointer; /* Change cursor to pointer on hover */
            border-radius: 5px; /* Add border radius */
        }

        .back-btn:hover {
            background-color: #0053c0; /* Lighter yellow on hover */
        }
    </style>
</head>
<body>
    <nav class="navbar" style="background-color: #066163;" data-bs-theme="dark" > 
        <div class="container">
            <a class="navbar-brand" href="/">Minecraft</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto"> 
                    <li class="nav-item">
                        <a class="nav-link" href="/about">О нас</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/contact">Контакты</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/dwnld">Скачать</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/login">Войти</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

<div class="container">
    <h1>Статистика игрока</h1>
    <table class="stats-table">
        <tr>
            <th>Статистика</th>
            <th>Значение</th>
        </tr>
        <tr>
            <td>Книги</td>
            <td>5</td>
        </tr>
        <tr>
            <td>Зачарованые придметы</td>
            <td>3</td>
        </tr>
        <tr>
            <td>Придмет у которого больше всего зачарований</td>
            <td>Кожаный шлем</td>
        </tr>
        <tr>
            <td>Самое тупое зачарование</td>
            <td>Проклятье утраты</td>
        </tr>
        <tr>
            <td>Сыграное время</td>
            <td>42 часов</td>
        </tr>
        <tr>
            <td>Жителей убито</td>
            <td>371488 ._.(ты...)</td>
        </tr>
    </table>
</div>
<div class="container text-center">
    <form action="/index" method="post">
        <button class="back-btn" onclick="window.location.href = '/';" type="submit">home</button>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>