<nav>
    <div class="app-logo">
        <a class="d-inline-block py-2 px-3" class="text-success" href="/">
            <img alt="#" src="/logo.png" style="max-height: 50px;vertical-align: middle">
            <span style="font-size: 2em; vertical-align: middle; letter-spacing: 3px;">
                YeşilSkor
            </span>
        </a>

        <span class="bg-light-primary toggle-semi-nav d-flex-center">
            <i class="ti ti-chevron-right"></i>
        </span>

        <div class="d-flex align-items-center nav-profile p-3">
            <span class="h-45 w-45 d-flex-center b-r-10 position-relative bg-danger m-auto d-none">
                <img alt="avatar" class="img-fluid b-r-10" src="../assets/images/avatar/woman.jpg">
                <span class="position-absolute top-0 end-0 p-1 bg-success border border-light rounded-circle"></span>
            </span>
            <div class="flex-grow-1 ps-2">
                <h6 class="text-primary mb-0 profile-username"></h6>
                <p class="text-muted f-s-12 mb-0 profile-usersurname"></p>
            </div>
            <script>
                $(function(){
                    $.ajax({
                        url: "/user/profile",
                        method: "post",
                        success:data => {
                            $(".profile-username").text(data.name);
                            $(".profile-usersurname").text(data.surname);
                        }
                    })
                });
            </script>
        </div>
    </div>
    <div class="app-nav" id="app-simple-bar">
        <ul class="main-nav p-0 mt-2">
            <li class="menu-title no-sub">
                <a href="/">
                    Anasayfa
                </a>
            </li>
            <li class="menu-title">
                <span>Panel</span>
            </li>

            <li class="no-sub">
                <a href="/students">
                    <svg stroke="currentColor" stroke-width="1.5">
                    </svg>
                    Öğrenciler
                </a>
            </li>
            <li class="no-sub">
                <a href="/catalogs">
                    <svg stroke="currentColor" stroke-width="1.5">
                    </svg>
                    Puan Katalogu
                </a>
            </li>
            <!--li class="no-sub">
                <a href="/catalogs">
                    <svg stroke="currentColor" stroke-width="1.5">
                    </svg>
                    Geçmiş İşlemler
                </a>
            </li-->
            <li class="menu-title"><span>Hesap</span></li>
            <li class="no-sub">
                <a href="/profile">
                    <svg stroke="currentColor" stroke-width="1.5">
                    </svg>
                    Hesap Ayarları
                </a>
            </li>
            <li class="no-sub text-danger">
                <a href="/profile" class=" text-danger">
                    <svg stroke="currentColor" stroke-width="1.5">
                    </svg>
                    Çıkış yap
                </a>
            </li>
        </ul>
    </div>
    <div class="menu-navs">
        <span class="menu-previous"><i class="ti ti-chevron-left"></i></span>
        <span class="menu-next"><i class="ti ti-chevron-right"></i></span>
    </div>
</nav>