@using BankYouBankruptCashierApp

@{
    bool authenticated = APICashier.Cashier != null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"]</title>
    <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
    <link rel="stylesheet" href="~/css/site.css" />
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <style>
        html {
            font-size: 19px;
        }

        body {
            margin-bottom: 60px;
            background-color: #f1b21c;
        }

        .nav-main a {
            position: relative;
            color: #FFFFFF;
            cursor: pointer;
            line-height: 1;
            text-decoration: none;
        }

        .nav-main a:after {
            display: block;
            position: absolute;
            left: 0;
            bottom: 0px;
            width: 0;
            height: 1px;
            background-color: #FFFFFF;
            content: "";
            transition: width 0.3s ease-out;
        }

        .nav-main a:hover:after,
        .nav-main a:focus:after {
            width: 100%;
        }

        .nav-main .dropdown:hover .dropdown-menu {
            display: block;
            margin-top: 0;
        }

        .footer {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 80px;
        }

        .form-signin {
            width: 100%;
            max-width: 330px;
            padding: 15px;
            margin: auto;
        }


        .form-signin .form-control {
            position: relative;
            box-sizing: border-box;
            height: auto;
            padding: 10px;
            font-size: 16px;
        }

        .form-signin .form-control:focus {
            z-index: 2;
        }

        .form-signin input[type="email"] {
            margin-bottom: -1px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .form-signin input[type="password"] {
            margin-bottom: 10px;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            }
    </style>
</head>
<body class="MyBody">
    <header class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3 px-4 mg-5 mb-4 border-bottom bg-dark ">
        <div class="col-md-3 mb-2 mb-md-0">
            <a asp-controller="Home" asp-action="Enter" class="d-inline-flex link-body-emphasis text-decoration-none">
                <span class="fs-4 text-light ">Банк "Вы банкрот"</span>
            </a>
        </div>

        <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0 nav-main">
            <li>
                <a class="nav-link px-2 link-light" asparea="" asp-controller="Home" asp-action="Index">Счета</a>
            </li>
            <li class="dropdown">
                <a href="#" class="nav-link px-2 link-light">Операции</a>
                <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
                    <li><a class="dropdown-item" asp-controller="Home" asp-action="Debiting">Заявки на снятие</a></li>
                    <li><a class="dropdown-item" asp-controller="Home" asp-action="Crediting">Заявки на начисление</a></li>
                    <li><a class="dropdown-item" asp-controller="Home" asp-controller="Home" asp-action="MoneyTransfers">Заявки на перевод</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="#" class="nav-link px-2 link-light">Отчеты</a>
                <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="navbarDarkDropdownMenuLink">
                    <li><a class="dropdown-item" asp-controller="Home" asp-controller="Home" asp-action="ReportWithAccounts">Отчёт по аккаунтам</a></li>
                    <li><a class="dropdown-item" asp-controller="Home" asp-controller="Home" asp-action="CreateReport">Отчёт</a></li>
                    <li><a class="dropdown-item" asp-controller="Home" asp-controller="Home" asp-action="Diagram">Диаграмма</a></li>
                </ul>
            </li>
        </ul>
        @{
            if (APICashier.Cashier == null)
            {
                <div class="col-md-3 text-end">
                    <a class="btn btn-warning me-2" asp-controller="Home" asp-action="Login">Войти</a>
                    <a class="btn btn-warning" asp-controller="Home" asp-action="Register">Регистрация</a>
                </div>
            }
            else
            {
                <div class="col-md-3 text-end">
                    <a class="btn btn-warning me-2" id="exit" name="exit" asp-controller="Home" asp-action="Privacy">@APICashier.Cashier.Surname @APICashier.Cashier.Name</a>
                </div>
            }
        }
    </header>
    <div class="container">
        <main role="main" class="pb-3">
            @RenderBody()
        </main>
    </div>

    <footer class="border-top bg-dark border-dark footer text-light">
        <div class="container">
            &copy; 2023 - BankYouBankruptCashierApp
        </div>
    </footer>
    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="~/js/site.js" asp-append-version="true"></script>
    @await RenderSectionAsync("Scripts", required: false)
</body>
</html>