<div class="site-top-panel">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-sm-8">
                <div class="tel-wrap">
                    <address>
                        <a href="tel:475-1969996"><i class="fa fa-phone"></i>(+) 196-9996</a>
                        <span>|</span>
                        <a href="mailto:support@yogiboook.com"><i class="fa fa-envelope"></i>support@yogiboook.com</a>
                    </address>
                </div>
            </div>
            <div class="col-md-6 col-sm-4">
                <div class="lang-wrap" style="display: flex; align-items: center;">
                    <div class="currency" style="margin-right: 15px;">
                        <select name="billing_lang" class="cur-change">
                            <option value="">USD</option>
                            <option value="eur">EUR</option>
                            <option value="gbp">GBP</option>
                            <option value="au">AUD</option>
                        </select>
                    </div>
                    <span>|</span>
                    <div class="lang-bar" style="margin-left: 15px;">
                        <ul>
                            <li>
                                <a href="#" class="lang-sel icl-en">
                                    <img src="images/flag/us.png" class="icflag" alt>
                                    &nbsp;EN
                                </a>
                                <ul>
                                    <li class="icl-fr">
                                        <a href="#">
                                            <img src="images/flag/fr.png" class="icflag" alt>
                                            &nbsp;FR
                                        </a>
                                    </li>
                                    <li class="icl-de">
                                        <a href="#">
                                            <img src="images/flag/de.png" class="icflag" alt>
                                            &nbsp;DE
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>

                    <!-- Icona utente con menu a discesa -->
                    <div class="user-menu" style="margin-left: auto;">
                        <div class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-user-circle" style="font-size:24px;"></i>
                                <span class="username">John Doe</span> <!-- Nome dell'utente loggato -->
                            </a>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a href="#"><i class="fa fa-user"></i> Profile</a></li>
                                <li><a href="#"><i class="fa fa-cog"></i> Settings</a></li>
                                <li><a href="#"><i class="fa fa-sign-out"></i> Logout</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>