<div class="topbar-mobile">
    <div class="row align-items-center">
        <div class="col-md-12">
            <div class="mobile-logobar">
                <div class="mobile-logobar">
                    <a href="index.html" class="mobile-logo">
                        <img src="{{ !empty(get_setting('system_logo')) ? url('public/public/uploads/logo/' . get_setting('system_logo')) : url('backend/images/logo.png') }}"
                            class="img-fluid" alt="logo">
                    </a>
                </div>
            </div>
            <div class="mobile-togglebar">
                <ul class="mb-0 list-inline">
                    <li class="list-inline-item">
                        <div class="topbar-toggle-icon">
                            <a class="topbar-toggle-hamburger" href="javascript:void();">
                                <img src="{{ asset('backend') }}/images/svg-icon/horizontal.svg"
                                    class="img-fluid menu-hamburger-horizontal" alt="horizontal">
                                <img src="{{ asset('backend') }}/images/svg-icon/verticle.svg"
                                    class="img-fluid menu-hamburger-vertical" alt="verticle">
                            </a>
                        </div>
                    </li>
                    <li class="list-inline-item">
                        <div class="menubar">
                            <a class="menu-hamburger" href="javascript:void();">
                                <img src="{{ asset('backend') }}/images/svg-icon/collapse.svg"
                                    class="img-fluid menu-hamburger-collapse" alt="collapse">
                                <img src="{{ asset('backend') }}/images/svg-icon/close.svg"
                                    class="img-fluid menu-hamburger-close" alt="close">
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!-- Start Topbar -->
<div class="topbar">
    <!-- Start row -->
    <div class="row align-items-center">
        <!-- Start col -->
        <div class="col-md-1">
            <div class="togglebar">
                <ul class="mb-0 list-inline">
                    <li class="list-inline-item">
                        <div class="menubar">
                            <a class="menu-hamburger" href="javascript:void();">
                                <img src="{{ asset('backend') }}/images/svg-icon/collapse.svg"
                                    class="img-fluid menu-hamburger-collapse" alt="collapse">
                                <img src="{{ asset('backend') }}/images/svg-icon/close.svg"
                                    class="img-fluid menu-hamburger-close" alt="close">
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="col-md-3 col-sm-3">
            
        </div>
        <div class="col-md-6 col-sm-6">
            <div class=" text-center mt-2 font-weight-bold capital">
                <p><i class="fa fa-phone" aria-hidden="true"></i> Support: 
                    <span>
                        @if(env('APP_MODE')=='demo')
                            01784-159071 
                        @else
                            01901-166585 (10AM - 6PM)
                        @endif
                    </span>
                </p>
            </div>
        </div>
        <div class="col-md-2">
            <div class="infobar">
                <ul class="mb-0 list-inline">
                    <li class="list-inline-item" style="padding-top: 8px;">
                        <div class="profilebar">
                            <div class="dropdown">
                                <a class="dropdown-toggle" href="#" role="button" id="profilelink"
                                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img
                                        src="{{ asset('backend') }}/images/users/profile.svg" class="img-fluid"
                                        alt="profile"><span class="feather icon-chevron-down live-icon"></span></a>
                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="profilelink">
                                    <div class="dropdown-item">
                                        <div class="profilename">
                                            <h5>{{ Auth::user()->name }}</h5>
                                        </div>
                                    </div>
                                    <div class="userbox">
                                        <ul class="mb-0 list-unstyled">
                                            <li class="media dropdown-item">
                                                <a href="{{ route('profile') }}" class="profile-icon"><img
                                                        src="{{ asset('backend') }}/images/svg-icon/user.svg"
                                                        class="img-fluid" alt="user">My Profile</a>
                                            </li>
                                            <li class="media dropdown-item">
                                                <a href="{{ route('logout') }}"
                                                    onclick="event.preventDefault();document.getElementById('logout-form').submit();"
                                                    class="profile-icon">
                                                    <img src="{{ asset('backend') }}/images/svg-icon/logout.svg"
                                                        class="img-fluid" alt="logout">
                                                    Logout
                                                </a>
                                            </li>
                                            <form method="POST" action="{{ route('logout') }}" id="logout-form"
                                                style="display: none;">
                                                @csrf
                                            </form>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        {{-- </div> --}}
        <!-- End col -->
    </div>
    <!-- End row -->
</div>