<nav class="main-header navbar navbar-expand bg-white navbar-light border-bottom">
    <!-- Left navbar links -->
    <ul class="navbar-nav">
        <li class="nav-item">
            <a class="nav-link" data-widget="pushmenu" href="#"><i class="fa fa-bars"></i></a>
        </li>
        <li class="nav-item">
            <a href="{{ route('index') }}" class="nav-link"><span class="fa fa-eye"></span>
                <span class="d-none d-sm-inline-block">مشاهده سایت</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('account.index') }}" class="nav-link"><span class="fa fa-user"></span>
                <span class="d-none d-sm-inline-block">پنل کاربری</span>
            </a>
        </li>
        <li class="nav-item">
            <a href="{{ route('logout') }}" onclick="event.preventDefault();
                document.getElementById('logout-form').submit();" class="nav-link">
                <span class="fa fa-sign-out"></span>
                <span class="d-none d-sm-inline-block">خروج</span>
            </a>
            <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                @csrf
            </form>
        </li>
    </ul>

    <!-- Right navbar links -->
    <ul class="navbar-nav mr-auto">
        @if(count($tickets_not_checked) && auth()->user()->can('manage tickets'))
            <li class="nav-item dropdown">
                <a class="nav-link" data-toggle="dropdown" href="#">
                    <i class="fa fa-ticket"></i>
                    <span class="badge badge-warning navbar-badge">{{ count($tickets_not_checked) }}</span>
                </a>
                <div class="dropdown-menu dropdown-menu-lg dropdown-menu-left">
                    @foreach($tickets_not_checked as $ticket)
                        @if($loop->index == 3) @break @endif
                        <a href="{{ route('admin.tickets.edit', $ticket->slug) }}" class="dropdown-item">
                            <!-- Message Start -->
                            <div class="media">
                                <img src="{{ $ticket->user->avatar }}"
                                     alt="{{ $ticket->user->name }}"
                                     class="img-size-50 ml-3 img-circle">
                                <div class="media-body">
                                    <h3 class="dropdown-item-title">
                                        {{ $ticket->user->name }}
                                        <span class="float-left text-sm text-{{ $ticket->priority->color() }}"><i class="fa fa-star"></i></span>
                                    </h3>
                                    <p class="text-sm">{{ words($ticket->title, 6) }}</p>
                                    <p class="text-sm text-muted"><i class="fa fa-clock-o mr-1"></i> {{ to_persian_numbers(jdate($ticket->updated_at)->ago()) }}</p>
                                </div>
                            </div>
                            <!-- Message End -->
                        </a>
                        <div class="dropdown-divider"></div>
                    @endforeach
                    <a href="{{ route('admin.tickets.index') }}" class="dropdown-item dropdown-footer">مشاهده همه تیکت‌ها</a>
                </div>
            </li>
        @endif
        @if($notification_count > 0)
            <li class="nav-item dropdown">
                <a class="nav-link" data-toggle="dropdown" href="#">
                    <i class="fa fa-bell-o"></i>
                    <span class="badge badge-info navbar-badge">{{ $notification_count }}</span>
                </a>
                <div class="dropdown-menu dropdown-menu-lg dropdown-menu-left">
                    <span class="dropdown-item dropdown-header">اعلانات بررسی نشده</span>
                    <div class="dropdown-divider"></div>
                    @if($orders_not_checked > 0 && auth()->user()->can('manage all orders'))
                        <a href="{{ route('admin.orders.index') }}" class="dropdown-item">
                            <i class="fa fa-shopping-basket ml-2"></i> {{ to_persian_numbers($orders_not_checked) }} کل سفارشات
                        </a>
                    @endif
                    @if($contacts_not_checked > 0 && auth()->user()->can('manage contacts'))
                        <a href="{{ route('admin.contacts.index') }}" class="dropdown-item">
                            <i class="fa fa-envelope ml-2"></i> {{ to_persian_numbers($contacts_not_checked) }} پیام
                        </a>
                    @endif
                    @if($easy_pays_not_checked > 0 && auth()->user()->can('manage easy pays'))
                        <a href="{{ route('admin.easy-pays.index') }}" class="dropdown-item">
                            <i class="fa fa-dollar ml-2"></i> {{ to_persian_numbers($easy_pays_not_checked) }} پرداخت آسان
                        </a>
                    @endif
                    @if($comments_not_checked > 0 && auth()->user()->can('manage comments'))
                        <a href="{{ route('admin.comments.index') }}" class="dropdown-item">
                            <i class="fa fa-comments ml-2"></i> {{ to_persian_numbers($comments_not_checked) }} نظر
                        </a>
                    @endif
                </div>
            </li>
        @endif
    </ul>
</nav>