<!-- {% extends "base.html" %}

{% block content %} -->
<style>

    .form{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap:5rem;
    }
    .navbar {
        background-color: #f8f9fa;
        border-bottom: 1px solid #dee2e6;
    }

    .navbar-brand {
        color: #343a40;
        font-weight: bold;
    }

    .navbar-nav .nav-link {
        color: #6c757d;
    }

    .btn-reset-password {
        background-color: #ffc107;
        color: #212529;
        border-color: #ffc107;
        margin-right: 10px;
    }

    .btn-reset-password:hover {
        background-color: #e0a800;
        border-color: #e0a800;
    }

    .btn-logout {
        background-color: #dc3545;
        color: #fff;
    }

    .btn-logout:hover {
        background-color: #c82333;
        border-color: #bd2130;
    }

    .container-dashboard {
        margin-top: 20px;
        width:100%;
    }
</style>

<nav class="navbar navbar-expand-lg">
    <!-- <a class="navbar-brand" href="#">Dashboard</a> -->
    <!-- <div class="collapse navbar-collapse"> -->
  
        <form class="form">
            <a href="{{ url_for('reset_password') }}" class="btn btn-reset-password my-2 my-sm-0">Reset Password</a>
            <a href="{{ url_for('logout') }}" class="btn btn-logout my-2 my-sm-0">Logout</a>
        </form>
    </div>
</nav>

<div class="">
    <h2>Welcome to the dashboard!</h2>
</div>
<!-- {% endblock %} -->
