<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="background-color: rgba(140, 13, 13, 0.85)">
    <div class="container">

        <div class="navbar-header">
            <a class="navbar-brand navbar-brand-center" href="{{ route('welcome') }}">
                {{--                <img class="navbar-brand-logo navbar-brand-logo-normal" src="{{$ulogo}}" title="Remark"> --}}
                @if (auth()->user()->getReseller())
                    @if (auth()->user()->getReseller()->company->business_banner)
                        <img class="navbar-brand-logo-normal"
                             src="{{ asset(auth()->user()->getReseller()->company->business_banner) }}" title="Remark"
                             style="width:50px; height: 50px; border-radius: 50%; margin-top: -10px; max-width:1000px !important;">
                    @else
                        <img class="navbar-brand-logo-normal" src="{{ asset('NewUI/Welcome/images/dey_logo_new.png') }}"
                             title="Remark" style="width:6em;margin-top: -1em">
                    @endif
                @else
                    <img class="navbar-brand-logo-normal" src="{{ asset('NewUI/Welcome/images/dey_logo_new.png') }}"
                         title="Remark" style="width:6em;margin-top: -1em">
                @endif
                {{--                <img class="navbar-brand-logo-normal" src="{{asset('NewUI/Welcome/images/dey_logo_new.png')}}" title="Remark" style="width:6em;margin-top: -1em"> --}}
            </a>

            <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                <i class="icon hamburger hamburger-arrow-left">
                    <span class="sr-only">Toggle menubar</span>
                    <span class="hamburger-bar"></span>
                </i>
            </button>
            <a class="navbar-brand" href="/">&nbsp;</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                @if (auth()->user()->can('send-sms-single') ||
                        auth()->user()->can('view-campaign') ||
                        auth()->user()->can('view-simple-bulksms-menu') ||
                        auth()->user()->can('view-perso-bulksms-menu'))
                    <li class="dropdown">
                        <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="site-menu-icon fa fa-envelope-o" aria-hidden="true"></i>
                            SMS <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            @can('view-sms-dashboard')
                                <li class="">
                                    <a href="{{ route('app') }}">
                                        <span class="site-menu-title">SMS Dashboard</span>
                                    </a>
                                </li>
                            @endcan
                            @can('send-sms-single')
                                <li class="">
                                    <a class="animsition-link" href="{{ route('send_single_sms') }}">
                                        <span class="site-menu-title">Single SMS</span>
                                    </a>
                                </li>
                            @endcan
                                @can('send-sms-single')
                                    <li class="">
                                        <a class="animsition-link" href="{{ route('send_targeted_sms') }}">
                                            <span class="site-menu-title">Targeted SMS</span>
                                        </a>
                                    </li>
                                @endcan
                            @can('view-simple-bulksms-menu')
                                <li class="dropdown dropdown-submenu">
                                    <a href="#" data-dropdown-toggle="false" class="dropdown-toggle"
                                       data-toggle="dropdown">
                                        <span class="site-menu-title">Bulk Messaging</span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        @can('send-sms-bulk')
                                            <li class="">
                                                <a class="animsition-link" href="{{ route('send_bulk_sms') }}">
                                                    <span class="site-menu-title">Bulk SMS</span>
                                                </a>
                                            </li>
                                        @endcan
                                        @can('send-sms-group')
                                            <li class="">
                                                <a class="animsition-link" href="{{ route('send_group_sms') }}">
                                                    <span class="site-menu-title">Group SMS</span>
                                                </a>
                                            </li>
                                        @endcan
                                    </ul>
                                </li>
                            @endcan

                            @can('view-perso-bulksms-menu')
                                <li class="dropdown dropdown-submenu">
                                    <a href="#" data-dropdown-toggle="false" class="dropdown-toggle"
                                       data-toggle="dropdown">
                                        <span class="site-menu-title">Personalised Bulk</span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        @can('send-sms-bulk-perso')
                                            <li class="">
                                                <a class="animsition-link" href="{{ route('send_personalised_bulk_sms') }}">
                                                    <span class="site-menu-title">Bulk SMS</span>
                                                </a>
                                            </li>
                                        @endcan
                                        @can('send-sms-group-perso')
                                            <li class="">
                                                <a class="animsition-link" href="{{ route('send_personalised_group_sms') }}">
                                                    <span class="site-menu-title">Group SMS</span>
                                                </a>
                                            </li>
                                        @endcan

                                    </ul>
                                </li>
                            @endcan

                            @can('view-campaign')
                                <li class="dropdown dropdown-submenu">
                                    <a href="#" data-dropdown-toggle="false" class="dropdown-toggle"
                                       data-toggle="dropdown"><span class="site-menu-title">Campaigns</span></a>
                                    <ul class="dropdown-menu">
                                        @can('view-campaign-bulk-sms')
                                            <li class="">
                                                <a class="animsition-link" href="{{ route('campaigns.dashboard') }}">
                                                    <span class="site-menu-title">SMS</span>
                                                </a>
                                            </li>
                                        @endcan
                                        @can('view-campaign-api-sms')
                                            <li class="">
                                                <a class="animsition-link" href="{{ route('campaigns.api') }}">
                                                    <span class="site-menu-title">API</span>
                                                </a>
                                            </li>
                                        @endcan
                                    </ul>
                                </li>
                            @endcan
                        </ul>
                    </li>
                @endif


                @can('view-send-sms')
                    <li class="dropdown">
                        <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="site-menu-icon fa fa-envelope-o" aria-hidden="true"></i>Email <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            @can('view-campaign-api-sms')
                                @can('send-email-single')
                                    <li class="">
                                        <a class="animsition-link" href="{{ route('email.contacts.setup.folder') }}">
                                            <span class="site-menu-title">Mail Folder</span>
                                        </a>
                                    </li>

                                    <li class="">
                                        <a class="animsition-link" href="{{ route('email.contacts.setup') }}">
                                            <span class="site-menu-title">Mail Audience</span>
                                        </a>
                                    </li>
                                @endcan


                                <li class="">
                                    <a class="animsition-link" href="{{ route('email.campaigns.index') }}">
                                        <span class="site-menu-title">Email Campaign</span>
                                    </a>
                                </li>

                                @can('view-simple-bulksms-menu')
                                    <li class="dropdown dropdown-submenu">
                                        <a href="#" data-dropdown-toggle="false" class="dropdown-toggle"
                                           data-toggle="dropdown">
                                            <span class="site-menu-title">Settings</span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            @can('send-sms-bulk')
                                                <li class="">
                                                    <a class="animsition-link" href="{{ route('mail.template.index') }}">
                                                        <span class="site-menu-title">Templates</span>
                                                    </a>
                                                </li>
                                            @endcan
                                            @can('send-sms-group')
                                                <li class="">
                                                    <a class="animsition-link" href="{{ route('email.audience.address.index') }}">
                                                        <span class="site-menu-title">Campaign Address</span>
                                                    </a>
                                                </li>
                                            @endcan
                                        </ul>
                                    </li>
                                @endcan


                                @if (auth()->user()->created_by == 'npontu')
                                    <li class="">
                                        <a class="animsition-link" href="{{ route('email.subscription.index') }}">
                                            <span class="site-menu-title">Subscription</span>
                                        </a>
                                    </li>
                                @endif

                                <li class="">
                                    <a class="animsition-link" href="{{ route('audience.list') }}">
                                        <span class="site-menu-title">Personalized Emails</span>
                                    </a>
                                </li>

                                <li class="">
                                    <a class="animsition-link" href="{{ route('personalised.blast.report') }}">
                                        <span class="site-menu-title">Personalized Emails Report</span>
                                    </a>
                                </li>

                            @endcan
                        </ul>
                    </li>
                @endcan


                @can('view-social-media')
                    <li class="dropdown">
                        <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="site-menu-icon fa fa-laptop" aria-hidden="true"></i>Social Media <b
                                    class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">

                            <li class="">
                                <a class="animsition-link" href="{{ route('social.index') }}">
                                    <span class="site-menu-title">Account SetUp</span>
                                </a>
                            </li>


                            <li class="">
                                <a class="animsition-link" href="{{ route('social.message.post') }}">
                                    <span class="site-menu-title">Create Post</span>
                                </a>
                            </li>



                            <li class="">
                                <a class="animsition-link" href="{{ route('social.message.trending') }}">
                                    <span class="site-menu-title">Trending <span class="badge badge-dark"
                                                                                 style="background-color: #CC0000">Hot</span></span>
                                </a>
                            </li>


                            <li class="dropdown dropdown-submenu">
                                <a href="#" data-dropdown-toggle="false" class="dropdown-toggle"
                                   data-toggle="dropdown">
                                    <span class="site-menu-title">My Pages</span>
                                </a>
                                <ul class="dropdown-menu">
                                    @can('send-sms-bulk')
                                        <li class="">
                                            <a class="animsition-link" href="{{ route('social.pages.fb') }}">
                                                <span class="site-menu-title">Facebook</span>
                                            </a>
                                        </li>

                                        <li class="">
                                            <a class="animsition-link" href="{{ route('social.message.twitter') }}">
                                                <span class="site-menu-title">Twitter</span>
                                            </a>
                                        </li>

                                        <li class="">
                                            <a class="animsition-link" href="{{ route('social.pages.lk') }}">
                                                <span class="site-menu-title">LinkedIn</span>
                                            </a>
                                        </li>
                                    @endcan
                                </ul>
                            </li>

                            @if (auth()->user()->created_by == 'npontu')
                                <li class="">
                                    <a class="animsition-link" href="{{ route('social.subscription.index') }}">
                                        <span class="site-menu-title">Subscription</span>
                                    </a>
                                </li>
                            @endif
                        </ul>
                    </li>
                @endcan

                @can('view-purchase')
                    <li class="dropdown">
                        <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-money" aria-hidden="true"></i> Purchase <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            @can('view-bulk-campaign')
                                <li class="dropdown dropdown">
                                    <a href="{{ route('newPurchase') }}">
                                        <span class="site-menu-title"> Purchase Credit</span>
                                    </a>
                                </li>
                            @endcan
                        </ul>
                    </li>

                @endcan

                @can('view-report')
                    <li class="dropdown">
                        <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="site-menu-icon fa fa-line-chart" aria-hidden="true"></i>
                            Reports <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            @if (auth()->user()->can('view-report-otp') && auth()->user()->username == 'stanbicgh')
                                <li>
                                    <a href="{{ route('report_otp') }}">
                                        <span class="site-menu-title">OTP Report</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('report_ebanking') }}">
                                        <span class="site-menu-title">E-Banking Report</span>
                                    </a>
                                </li>
                            @endif
                            @if (auth()->user()->can('view-report-bulksms') && auth()->user()->username == 'stanbicgh')
                                <li>
                                    <a href="{{ route('report_transactional') }}">
                                        <span class="site-menu-title">Transactional Report</span>
                                    </a>
                                </li>
                            @endif
                            @if (auth()->user()->can('view-report-bulksms') && auth()->user()->username == 'stanbicgh')
                                <li>
                                    <a href="{{ route('report_bulksms') }}">
                                        <span class="site-menu-title">Bulk SMS Report</span>
                                    </a>
                                </li>
                            @endif

                            @can('view-report-log-24h-menu')
                                <li class="dropdown dropdown-submenu">
                                    <a href="#" data-dropdown-toggle="false" class="dropdown-toggle"
                                       data-toggle="dropdown">
                                        <span class="site-menu-title">Log 24h</span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        @can('view-report-24h-sms')
                                            <li class="">
                                                <a class="animsition-link" href="{{ route('report_get_sms_log_new_24h') }}">
                                                    <span class="site-menu-title">SMS</span>
                                                </a>
                                            </li>
                                        @endcan
                                    </ul>
                                </li>
                            @endcan

                            @can('view-report-log-24h-wht-msg-menu')
                                <li class="dropdown dropdown-submenu">
                                    <a href="#" data-dropdown-toggle="false" class="dropdown-toggle"
                                       data-toggle="dropdown">
                                        <span class="site-menu-title">Log 24h (wht-msg)</span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        @can('view-report-24h-wht-msg-sms')
                                            <li class="">
                                                <a class="animsition-link"
                                                   href="{{ route('report_get_sms_log_new_24h_wht_msg') }}">
                                                    <span class="site-menu-title">SMS</span>
                                                </a>
                                            </li>
                                        @endcan
                                    </ul>
                                </li>
                            @endcan

                            @can('view-report-specify-period-menu')
                                <li class="dropdown dropdown-submenu">
                                    <a href="#" data-dropdown-toggle="false" class="dropdown-toggle"
                                       data-toggle="dropdown">
                                        <span class="site-menu-title">Specify Period</span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        @can('view-report-specific-sms')
                                            <li class="">
                                                <a class="animsition-link" href="{{ route('report_get_specify_period') }}">
                                                    <span class="site-menu-title">SMS</span>
                                                </a>
                                            </li>
                                        @endcan
                                    </ul>
                                </li>
                            @endcan
                            @can('view-report-reporting')
                                <li>
                                    <a href="{{ route('report_get_reporting') }}">
                                        <span class="site-menu-title">Reporting</span>
                                    </a>
                                </li>

                                {{--                                <li> --}}
                                {{--                                    <a href="{{route('email.campaigns.report.index')}}"> --}}
                                {{--                                        <span class="site-menu-title">Email Reports</span> --}}
                                {{--                                    </a> --}}
                                {{--                                </li> --}}



                                @can('view-report-specify-period-menu')
                                    <li class="dropdown dropdown-submenu">
                                        <a href="#" data-dropdown-toggle="false" class="dropdown-toggle"
                                           data-toggle="dropdown">
                                            <span class="site-menu-title">Email Reports</span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            @can('view-report-specific-sms')
                                                <li class="">
                                                    <a class="animsition-link" href="{{ route('email.campaigns.report.index') }}">
                                                        <span class="site-menu-title">Campaign Reports</span>
                                                    </a>

                                                    {{--                                                        <a class="animsition-link" href="{{route('email.campaigns.report.api')}}"> --}}
                                                    {{--                                                            <span class="site-menu-title">API Reports</span> --}}
                                                    {{--                                                        </a> --}}
                                                </li>
                                            @endcan
                                        </ul>
                                    </li>
                                @endcan
                            @endcan
                            @can('view-report-comparison')
                                <li>
                                    <a href="{{ route('report_get_comparison') }}">
                                        <span class="site-menu-title">SMS comparison</span>
                                    </a>
                                </li>
                            @endcan
                            @can('view-report-2way-msg')
                                <li>
                                    <a href="{{ route('report_get_2way') }}">
                                        <span class="site-menu-title">2 Way SMS response</span>
                                    </a>
                                </li>
                            @endcan
                            @can('view-report-credit-history')
                                <li>
                                    <a href="{{ route('credit_history') }}">
                                        <span class="site-menu-title">Credit History</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="{{ route('email.subscription.payments') }}">
                                        <span class="site-menu-title">Email Payments</span>
                                    </a>
                                </li>
                            @endcan
                            @can('view-report-invoice')
                                <li>
                                    <a href="{{ route('report_get_invoice') }}">
                                        <span class="site-menu-title">Invoice Report</span>
                                    </a>
                                </li>
                            @endcan
                        </ul>
                    </li>
                @endcan
                @can('view-send-sms')
                    <li class="">
                        <a href="{{ route('service.index') }}">
                            <i class="site-menu-icon fa fa-mobile-phone" aria-hidden="true"></i>
                            <span class="site-menu-title"> USSD Service</span>
                        </a>
                    </li>
                @endcan


                @can('view-sentiment')
                    <li class="dropdown" style="#display: none">
                        <a href="#" data-dropdown-toggle="false" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fa fa-money" aria-hidden="true"></i>
                            Sentiments <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="dropdown dropdown">
                                <a href="{{ route('sentiments.index') }}">
                                    <span class="site-menu-title">Dashboard</span>
                                </a>
                            </li>

                            <li class="dropdown dropdown">
                                <a href="{{ route('sentiments.setup') }}">
                                    <span class="site-menu-title">Settings</span>
                                </a>
                            </li>

                        </ul>
                    </li>
                @endcan


                <ul class="nav navbar-nav navbar-right">
                    <li class="dropdown">
                        <a class="navbar-avatar dropdown-toggle" data-toggle="dropdown" aria-expanded="false"
                           data-animation="scale-up" role="button">
                            <span class="avatar avatar-online" style="margin-right: 80px !important;">

                                @if (auth()->user())
                                    @if (file_exists(public_path('storage/business_logo/' . auth()->user()->company->business_logo)))
                                        {{--                              @if (file_exists(auth()->user()->company->business_logo)) --}}
                                        <img class="navbar-brand-logo-normal"
                                             src="{{ asset('storage/business_logo/' . auth()->user()->company->business_logo) }}"
                                             title="Remark"
                                             style="width: 50px !important;height: 40px;margin-top: -10px;max-width:1000px !important;">
                                        {{--                          <img class="navbar-brand-logo-normal" src="{{asset(auth()->user()->getReseller()->company->business_logo)}}" title="Remark" style="width:50px; height: 50px; border-radius: 50%; margin-top: -10px; max-width:1000px !important;"> --}}
                                    @else
                                        <img class="navbar-brand-logo-normal"
                                             src="{{ asset('NewUI/Welcome/images/dey_logo_new.png') }}" title="Remark"
                                             style="width: 50px !important;height: 40px;margin-top: -10px;max-width:1000px !important;">
                                    @endif
                                @else
                                    <img class="navbar-brand-logo-normal"
                                         src="{{ asset('NewUI/Welcome/images/dey_logo_new.png') }}" title="Remark"
                                         style="width: 50px !important;height: 40px;margin-top: -10px;max-width:1000px !important;">
                                @endif
                                {{--                <img src="{{asset('img/17.png')}}" alt="..."> --}}
                                <i style="right:-27px"></i>
                                <span>Resources</span>
                            </span>

                        </a>
                        <ul class="dropdown-menu" role="menu">
                            @can('edit-profile')
                                <li role="presentation">
                                    <a href="{{ route('profile') }}" role="menuitem"><i class="fa fa-user"
                                                                                        aria-hidden="true"></i> Profile</a>
                                </li>
                            @endcan
                            @can('manage-contacts')
                                <li>

                                    <a href="{{ route('addressbook.groups') }}">
                                        <i class="site-menu-icon fa fa-users" aria-hidden="true"></i>
                                        <span class="site-menu-title">Contacts</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="{{ route('feedback.support') }}">
                                        <i class="site-menu-icon fa fa-feed" aria-hidden="true"></i>
                                        <span class="site-menu-title">Feedback & Support</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('dynamic.users.index') }}">
                                        <i class="site-menu-icon fa fa-feed" aria-hidden="true"></i>
                                        <span class="site-menu-title">Manage Users</span>
                                    </a>
                                </li>
                            @endcan
                            <li class="divider" role="presentation"></li>
                            <li role="presentation">
                                <a href="{{ route('logout') }}" role="menuitem"><i class="fa fa-lock"
                                                                                   aria-hidden="true"></i> Logout</a>
                            </li>
                        </ul>
                    </li>
                </ul>

            </ul>

        </div>
    </div>
</nav>

{{-- <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> --}}
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>