<div id="header">
    <div class="color-line">
    </div>
    <div id="logo" class="light-version">
        <!-- <span>Airtime Sales</span> -->
        <img src="{{ url('public/theme_assets/images/click-airtime-logo-removebg-preview.png') }}" class="" width="80px" alt="logo">
    </div>
    <nav role="navigation">
        <div class="header-link hide-menu"><i class="fa fa-bars"></i></div>
        <div class="small-logo">
            <span class="text-info">Airtime Sales</span>
        </div>
        
        <div class="mobile-menu">
            <button type="button" class="navbar-toggle mobile-menu-toggle" data-toggle="collapse" data-target="#mobile-collapse">
                <i class="fa fa-chevron-down"></i>
            </button>
            <div class="collapse mobile-navbar" id="mobile-collapse">
                <ul class="nav navbar-nav">
                    <!-- <li>
                        <a class="" href="">Login</a>
                    </li> -->
                    <li>
                        <a class="" href="{{ url('merchant/logout') }}">Logout</a>
                    </li>
                    <li>
                        <!-- <a class="" href="">Profile</a> -->
                    </li>
                </ul>
            </div>
        </div>
        <div class="navbar-right">
            <ul class="nav navbar-nav no-borders">
                <li class="dropdown">
                    <a class="dropdown-toggle" href="" data-toggle="dropdown">
                        <i class="pe-7s-keypad"></i>
                    </a>

                    <div class="dropdown-menu hdropdown bigmenu animated flipInX">
                        <table>
                            <tbody>
                            <tr>
                                <td>
                                    <a href="{{ url('merchant/refunds') }}">
                                        <i class="pe pe-7s-cash text-info"></i>
                                        <h5>Merchant Refund</h5>
                                    </a>
                                </td>
                                <td>
                                    <a href="{{ url('merchant/change-pin') }}">
                                        <i class="pe pe-7s-shuffle text-info"></i>
                                        <h5>Change PIN</h5>
                                    </a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </li>
                <li class="dropdown">
                    <a href="{{ url('merchant/logout') }}" class="" title="Logout">
                        <i class="pe-7s-upload pe-rotate-90 text-danger"></i>
                    </a>
                </li>
            </ul>
        </div>
    </nav>
</div>