msos/templates/si/header.html

<!-- START_HEADER -->
<header class="dropdown-header-navigation">
    <div class="container">
        <!-- Logotip je zdaj samostojen element na levi strani -->
        <a href="{{ROOT_PREFIX}}si/" class="logo-link">
            <img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
        </a>
        
        <!-- Nov ovoj za vse elemente na desni strani -->
        <div class="header-right-wrapper">
            <nav>
                <ul class="navigation desktop-nav">
                    <li class="menu-item menu-item-has-children">
                        <a href="#">O nas</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Časovnica in dosežki</a></li>
                            <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Kaj delamo</a>
                        <ul class="dropdown-menu">
                            <li><a href="{{ROOT_PREFIX}}si/projects/">Dogodki in projekti</a></li>
                            <li><a href="#">Blog</a></li>
                            <li><a href="#">Galerija</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Vključi se</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Postani član</a></li>
                            <li><a href="#">Podpri MŠOS</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Za študente</a>
                        <ul class="dropdown-menu">
                            <li><a href="{{ROOT_PREFIX}}si/student-welcome-guide/">Vodič za bruce</a></li>
                            <li><a href="#">Mentorski program</a></li>
                            <li><a href="#">Pogosta vprašanja</a></li>
                            <li><a href="{{ROOT_PREFIX}}si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
                            <li><a href="{{ROOT_PREFIX}}si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
                        </ul>
                    </li>
                    <li class="menu-item menu-item-has-children">
                        <a href="#">Novice</a>
                        <ul class="dropdown-menu">
                            <li><a href="#">Obvestila</a></li>
                            <li><a href="#">Odprti pozivi</a></li>
                            <li><a href="#">Sporočila za javnost</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <div class="navigation-actions">
                <button class="btn btn-secondary">Postani član</button>
                <button class="btn btn-primary">Doniraj</button>
                <div class="language-selector">
                    <div class="current-lang">
                        <i class="fas fa-globe"></i>
                        <span id="current-lang-code">SI</span>
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="lang-dropdown">
                        <a href="#" data-lang="si">Slovenščina (SI)</a>
                        <a href="#" data-lang="en">English (EN)</a>
                        <a href="#" data-lang="mk">Македонски (МК)</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
        <div class="mobile-menu-icon">
            <i class="fas fa-bars"></i>
            <i class="fas fa-times"></i>
        </div>
    </div>
</header>

<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
    <nav>
        <ul class="navigation mobile-nav">
            <li class="menu-item menu-item-has-children">
                <a href="#">O nas</a>
                <ul class="dropdown-menu">
                    <li><a href="#">Časovnica in dosežki</a></li>
                    <li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
                </ul>
            </li>
            <li class="menu-item menu-item-has-children">
                <a href="#">Kaj delamo</a>
                <ul class="dropdown-menu">
                    <li><a href="{{ROOT_PREFIX}}si/projects/">Dogodki in projekti</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Galerija</a></li>
                </ul>
            </li>
            <li class="menu-item menu-item-has-children">
                <a href="#">Vključi se</a>
                <ul class="dropdown-menu">
                    <li><a href="#">Postani član</a></li>
                    <li><a href="#">Podpri MŠOS</a></li>
                </ul>
            </li>
            <li class="menu-item menu-item-has-children">
                <a href="#">Za študente</a>
                <ul class="dropdown-menu">
                    <li><a href="{{ROOT_PREFIX}}si/student-welcome-guide/">Vodič za bruce</a></li>
                    <li><a href="#">Mentorski program</a></li>
                    <li><a href="#">Pogosta vprašanja</a></li>
                    <li><a href="{{ROOT_PREFIX}}si/get-to-know-slovenia/">Spoznaj Slovenijo</a></li>
                    <li><a href="{{ROOT_PREFIX}}si/get-to-know-macedonia/">Spoznaj Makedonijo</a></li>
                </ul>
            </li>
            <li class="menu-item menu-item-has-children">
                <a href="#">Novice</a>
                <ul class="dropdown-menu">
                    <li><a href="#">Obvestila</a></li>
                    <li><a href="#">Odprti pozivi</a></li>
                    <li><a href="#">Sporočila za javnost</a></li>
                </ul>
            </li>
        </ul>
    </nav>
    <div class="navigation-actions">
        <button class="btn btn-secondary">Postani član</button>
        <button class="btn btn-primary">Doniraj</button>
        <div class="language-selector">
            <button class="current-lang" id="mobile-lang-trigger">
                <i class="fas fa-globe"></i>
                <span>SI</span>
                <i class="fas fa-chevron-right"></i>
            </button>
        </div>
    </div>
</div>

<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
    <div class="language-modal-content">
        <div class="language-modal-header">
            <h3>Izberi jezik</h3>
            <button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
        </div>
        <div class="language-modal-body">
            <a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
            <a href="#" data-lang="en">English (EN)</a>
            <a href="#" data-lang="mk">Македонски (МК)</a>
        </div>
    </div>
</div>
<!-- END_HEADER -->