<nav class="navbar navbar-default navbar-static-top navbar-custom">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="{{ url('/') }}">
                {{-- <img src="{{asset('public/images/merchbay-black.png')}}" style="height: 28px" /> --}}
                {{-- <small>JAC Printing & Graphics Co.</small> --}} 
                <b>M</b>erchbay
            </a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right navbar-nav-custom">
                <li style="font-size: 14px;">
                    
                    <a href="{{ url('/') }}"><span style="text-transform:uppercase;">Stores</span></a>
                    
                </li>
                <li style="font-size: 14px;"> 
                    <a href="{{ url('cart') }}"><span style="text-transform:uppercase;">My Cart</span> <i class="fa fa-shopping-cart"></i> 
                        <span class="badge" id="my-cart-count">{{ \App\Http\Controllers\MainController::getCountCart() }}</span>
                    </a>
                    
                </li>
                <li>
                <a href="#" class="dropdown-toggle user-profile" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-bars" style="font-size: 21px;"></i></a>
                <ul class="dropdown-menu">      
                    @if (Auth::guest())

                        @if(Request::segment(1) == "designer")
                            <li>
                                <a href="#" data-toggle="modal" data-target="#modalLogin" title="Login">Sign in</a>
                            </li>
                            <li>
                                <a href="#" data-toggle="modal" data-target="#modalLogin" title="Register">Register</a>
                            </li>
                        @else
                            <li>
                                <a href="{{ url('/auth/login') }}" title="Login">Sign in</a>
                            </li>
                            <li>
                                <a href="{{ url('/auth/register') }}" title="Register">Register</a>
                            </li>
                        @endif
                       
                    @else
                        @if(Auth::user()->role == "admin")
                            <li class="dropdown-header"><i class="fa fa-user"></i> {{ Auth::user()->username }} </li>
                            <li><a href="{{ url('admin') }}">Dashboard</a></li>
                        @elseif(Auth::user()->role == "store_owner")
                            <li class="dropdown-header"><i class="fa fa-user"></i> {{ Auth::user()->username }} </li>
                            <li><a href="{{ url('user') }}">Dashboard</a></li>
                        @else
                            <li class="dropdown-header"><i class="fa fa-user"></i> {{ Auth::user()->username }} </li>
                            <li><a href="{{ url('user') }}">Dashboard</a></li>
                        @endif
                        <li role="separator" class="divider"></li>
                        <li><a href="{{ url('/auth/logout') }}"><i class="fa fa-sign-out"></i> Logout</a></li>
                    @endif
                        <li role="separator" class="divider"></li>
                        <li><a href="#" data-toggle="modal" data-target="#privacy_modal">Privacy</a></li>
                        <li><a href="#" data-toggle="modal" data-target="#terms_of_use_modal">Terms of Use</a></li>
                        <li><a href="#" data-toggle="modal" data-target="#about_us_modal">About Us</a></li>
                        <li><a href="#" data-toggle="modal" data-target="#contact_us_modal">Contact Us</a></li>
                        <!-- <li>
                            <i class="fa fa-instagram"></i>
                            <i class="fa fa-facebook-square"></i>
                        </li> -->
                </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>

<style>
  
</style>

<!-- Privacy Modal -->
<div id="privacy_modal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Privacy Policy</h4>
            </div>
            <div class="modal-body">
                @include('layout.privacy')
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<!-- Term of Use Modal  -->
<div id="terms_of_use_modal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Terms of Use</h4>
            </div>
            <div class="modal-body">
                <p>Coming soon.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<!-- About Us Modal  -->
<div id="about_us_modal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">About Us</h4>
            </div>
            <div class="modal-body">
                <p>Coming soon.</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<!-- Contact Us Modal  -->
<div id="contact_us_modal" class="modal fade" role="dialog">
    <div class="modal-dialog modal-lg">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Contact Us</h4>
            </div>
            <div class="modal-body text-center">
                <h1>Contact Us</h1>
                <hr>
                <h3>Email Address: <small><a href="#">customer-service@crewsportswear.com</a></small></h3>
                <h3>Address: <small><a href="#">1281 Humbracht Circle
                    Suite J
                    Bartlett, Illinois
                    60103</a></small>
                </h3>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
