<br />

<nav class="navbar navbar-top navbar-expand navbar-dark border-bottom">
    <div class="container-fluid">
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <!-- Search form -->

            <!-- Navbar links -->
            <ul class="navbar-nav align-items-center ml-md-auto">
                <li class="nav-item d-xl-none">
                    <!-- Sidenav toggler -->
                    <div class="pr-3 sidenav-toggler sidenav-toggler-light" data-action="sidenav-pin" data-target="#sidenav-main">
                        <div class="sidenav-toggler-inner">
                            <i class="sidenav-toggler-line"></i>
                            <i class="sidenav-toggler-line"></i>
                            <i class="sidenav-toggler-line"></i>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="">
                <img src="../images/logo.png" class="navbar-brand-img" alt="..." style = 'max-height:40px;'>

                <div id="google-translate-container">
                    <div id="google_translate_element"></div>
                </div>
            </div>
            <ul class="navbar-nav align-items-center ml-auto ml-md-0">
                <li class="nav-item dropdown">
                    <a class="nav-link pr-0" href="javascript:void;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <div class="media align-items-center">
                            <span class="avatar avatar-sm rounded-circle">
                                <img src="<?php echo 'profile_img/' . $passport ?>" class="">
                            </span>
                        </div>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right">
                        <div class="dropdown-header noti-title">
                            <h6 class="text-overflow m-0">Welcome! <?= $first_name ?></h6>
                        </div>
                        <a href="profile" class="dropdown-item">
                            <i class="ni ni-single-02"></i>
                            <span>My profile</span>
                        </a>
                        <a href="authentication" class="dropdown-item">
                            <i class="ni ni-key-25"></i>
                            <span>Password</span>
                        </a>
                        <a class="dropdown-item logout" class="nav-link" role="button" aria-haspopup="true" aria-expanded="false">
                            <i class="ni ni-button-power text-danger"></i>
                            <span>Logout</span>
                        </a>
                    </div>
                </li>
            </ul>

        </div>
    </div>
</nav>