@php
    $segment1 = request()->segment(1);
    $segment2 = request()->segment(2);

    $isGovernor = auth()->user()->hasRole('Governor');
    $mda = auth()->user()->mda_id;
@endphp


<div class="app-sidebar colored">
    <div class="sidebar-header">
        {{-- {{ $isGovernor ? route('gov_dashboard') : route('dashboard')}} --}}
        {{-- <a class="header-brand" href=""> --}}
        <div class="logo-img">
            <img height="50" src="{{ env('ADMIN_SIDEBAR_LOGO') }}" class="header-brand-img"
                 title="{{ env('APP_NAME') }}"/>
        </div>
        {{-- </a> --}}
        <div class="sidebar-action"><i class="ik ik-arrow-left-circle"></i></div>
        {{-- <button id="sidebarClose" class="nav-close"><i class="ik ik-x"></i></button> --}}
    </div>


    <div class="sidebar-content">
        <div class="nav-container">
            <nav id="main-menu-navigation" class="navigation-main">
                @if ($isGovernor)
                    <div class="nav-item {{ ($segment1 == 'gov_dashboard') ? 'active' : '' }}">
                        <a href="{{route('gov_dashboard')}}">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-home-2"
                                     width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50"
                                     fill="none" stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <polyline points="5 12 3 12 12 3 21 12 19 12"/>
                                    <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"/>
                                    <rect x="10" y="12" width="4" height="4"/>
                                </svg>
                            </i>
                            <span>{{ __('Dashboard')}}</span>
                        </a>
                    </div>
                @endif




                @can('view_dashboard')

                    @if ($mda == 44)
                        {{-- METRIC DASHBOARD FOR BIRS --}}
                        <div class="nav-item {{ ($segment1 == 'dashboard') ? 'active open' : '' }} has-sub">
                            <a href="#">
                                <i class="fa">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-home-2"
                                         width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50"
                                         fill="none" stroke-linecap="round" stroke-linejoin="round">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                        <polyline points="5 12 3 12 12 3 21 12 19 12"/>
                                        <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"/>
                                        <rect x="10" y="12" width="4" height="4"/>
                                    </svg>
                                </i>
                                <span>{{ __('Dashboards')}}</span></a>
                            <div class="submenu-content">
                                <a href="{{route('dashboard')}}"
                                   class="menu-item {{ ($segment1 == 'dashboard') ? 'active' : '' }}">{{ __('Metrics')}}</a>
                                <a href="{{ route('paye_summary') }}"
                                   class="menu-item {{ ($segment1 == 'paye_summary') ? 'active' : '' }}">{{ __('PAYE')}}</a>
                                <a href="{{ route('wht_summary') }}"
                                   class="menu-item {{ ($segment1 == 'wht_summary') ? 'active' : '' }}">{{ __('WHT')}}</a>
                                <a href="{{ route('stamp_duty') }}"
                                   class="menu-item {{ ($segment1 == 'stamp_duty') ? 'active' : '' }}">{{ __('Stamp Duty')}}</a>
                                <a href="{{ route('direct_assessment') }}"
                                   class="menu-item {{ ($segment1 == 'direct_assessment') ? 'active' : '' }}">{{ __('Direct Assesment')}}</a>
                            </div>
                        </div>

                    @else
                        <div class="nav-item {{ ($segment1 == 'dashboard') ? 'active' : '' }}">
                            <a href="{{$isGovernor ? route('gov_dashboard') : route('dashboard')}}">
                                <i class="fa">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-home-2"
                                         width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50"
                                         fill="none" stroke-linecap="round" stroke-linejoin="round">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                        <polyline points="5 12 3 12 12 3 21 12 19 12"/>
                                        <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7"/>
                                        <rect x="10" y="12" width="4" height="4"/>
                                    </svg>
                                </i>
                                <span>{{ __('Dashboard')}}</span>
                            </a>
                        </div>
                    @endif

                @endcan
                @can('view_payments')
                    <div class="nav-item {{ ($segment1 == 'payment_report') ? 'active open' : '' }} has-sub">
                        <a href="#">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-receipt"
                                     width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50"
                                     fill="none" stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <path
                                        d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2m4 -14h6m-6 4h6m-2 4h2"/>
                                </svg>
                            </i>
                            <span>{{ __('Payment Reports')}}</span></a>
                        <div class="submenu-content">
                            @can('view_invoiceListing')
                                <a href="{{route('invoiceListing')}}"
                                   class="menu-item {{ ($segment2 == 'invoice_listing') ? 'active' : '' }}">{{ __('Payment Report')}} {{ env('SHORTNAME') }}</a>
                            @endcan
                            @can('view_UninitiatedInvoices')
                                <a href="{{route('uninitiatedInvoices')}}"
                                   class="menu-item {{ ($segment2 == 'invoicelisting_uninitiated') ? 'active' : '' }}">{{ __('Uninitiated Invoices')}} {{ env('SHORTNAME') }}</a>
                            @endcan

                            @can('view_cashCollections')
                                <a href="{{route('cashcollections')}}"
                                   class="menu-item {{ ($segment2 == 'cash_collections') ? 'active' : '' }}">{{ __('Cash Collections')}} </a>
                            @endcan

                            @can('view_invoiceListingCheques')
                                <a href="{{route('invoiceCheques')}}"
                                   class="menu-item {{ ($segment2 == 'invoicelisting_cheques') ? 'active' : '' }}">{{ __('Cheque Status Report')}} </a>
                            @endcan

                            {{--
                            <a href="{{route('invoiceReciepts')}}" class="menu-item {{ ($segment2 == 'invoicelisting_receipts') ? 'active' : '' }}">{{ __('Receipts')}} {{ env('SHORTNAME') }}</a> --}}
                            @if(in_array(auth()->user()->userId,[488,163]))
                                @can('view_settlementDetails')
                                    {{-- <a href="{{route('settlementDetails')}}" class="menu-item {{ ($segment2 == 'settlement_details') ? 'active' : '' }}">{{ __('Settlement Details')}} </a> --}}
                                @endcan
                            @endif

                            @can('view_settlementSummary')
                                <a href="{{route('settlementSummary')}}"
                                   class="menu-item {{ ($segment2 == 'settlement_sumamry') ? 'active' : '' }}">{{ __('Settlement Summary')}} </a>
                            @endcan

                            @can('view_paymentSummary')
                                <a href="{{route('paymentSummary')}}"
                                   class="menu-item {{ ($segment2 == 'payment_summary') ? 'active' : '' }}">{{ __('Payment Summary')}} </a>
                            @endcan
                        </div>
                    </div>
                @endcan

                @can('view_demand_notice')
                    <div
                        class="nav-item {{ request()->routeIs('demand-notice.*') ? 'active open' : '' }} has-sub">
                        <a href="#">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-receipt"
                                     width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50"
                                     fill="none" stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <path
                                        d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2m4 -14h6m-6 4h6m-2 4h2"/>
                                </svg>
                            </i>
                            <span>{{ __('Demand Notices')}}</span></a>
                        <div class="submenu-content">
                            @can('view_demand_notice')
                                <a href="{{route('demand-notice.index')}}"
                                   class="menu-item {{ request()->routeIs('demand-notice.index') ? 'active' : '' }}">{{ __('View Demand Notices')}} {{ env('SHORTNAME') }}</a>
                            @endcan
                            @can('create_demand_notice')
                                <a href="{{route('demand-notice.create')}}"
                                   class="menu-item {{ request()->routeIs('demand-notice.create') ? 'active' : '' }}">{{ __('Create Demand Notices')}} {{ env('SHORTNAME') }}</a>
                            @endcan
                        </div>
                    </div>

                    <div class="nav-item {{ ($segment1 == 'business-category-management') ? 'active' : '' }}">
                        <a href="{{ route('business-category-management.index') }}"
                           class="menu-item {{ ($segment1 == 'business-category-management') ? 'active' : '' }}">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                     class="icon icon-tabler icon-tabler-chart-infographic" width="28" height="28"
                                     viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none"
                                     stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <circle cx="7" cy="7" r="4"/>
                                    <path d="M7 3v4h4"/>
                                    <line x1="9" y1="17" x2="9" y2="21"/>
                                    <line x1="17" y1="14" x2="17" y2="21"/>
                                    <line x1="13" y1="13" x2="13" y2="21"/>
                                    <line x1="21" y1="12" x2="21" y2="21"/>
                                </svg>
                            </i>
                            <span>{{ __('Business Category MGT')}}</span></a>
                    </div>
                @endcan

                @can('view_remittances')
                    <div class="nav-item {{ ($segment2 == 'remittances') ? 'active' : '' }}">
                        <a href="{{ route('remittances') }}"
                           class="menu-item {{ ($segment2 == 'remittances') ? 'active' : '' }}">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                     class="icon icon-tabler icon-tabler-receipt-refund" width="28" height="28"
                                     viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none"
                                     stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <path
                                        d="M5 21v-16a2 2 0 0 1 2 -2h10a2 2 0 0 1 2 2v16l-3 -2l-2 2l-2 -2l-2 2l-2 -2l-3 2"/>
                                    <path d="M15 14v-2a2 2 0 0 0 -2 -2h-4l2 -2m0 4l-2 -2"/>
                                </svg>
                            </i>
                            <span>{{ __('Remittances')}}</span></a>
                    </div>
                @endcan

                @can('manage_performance')
                    <div class="nav-item {{ ($segment1 == 'performance_report') ? 'active' : '' }}">
                        <a href="{{ route('performance.report') }}"
                           class="menu-item {{ ($segment1 == 'performance_report') ? 'active' : '' }}">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                     class="icon icon-tabler icon-tabler-chart-infographic" width="28" height="28"
                                     viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none"
                                     stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <circle cx="7" cy="7" r="4"/>
                                    <path d="M7 3v4h4"/>
                                    <line x1="9" y1="17" x2="9" y2="21"/>
                                    <line x1="17" y1="14" x2="17" y2="21"/>
                                    <line x1="13" y1="13" x2="13" y2="21"/>
                                    <line x1="21" y1="12" x2="21" y2="21"/>
                                </svg>
                            </i>
                            <span>{{ __('Performance Report')}}</span></a>
                    </div>
                @endcan

                @can('manage_reconciliation')
                    <div class="nav-item {{ ($segment1 == 'reconciliation') ? 'active' : '' }}">
                        <a href="{{ route('reconciliation') }}"
                           class="menu-item {{ ($segment1 == 'reconciliation') ? 'active' : '' }}">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-gauge"
                                     width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50"
                                     fill="none" stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <circle cx="12" cy="12" r="9"/>
                                    <circle cx="12" cy="12" r="1"/>
                                    <line x1="13.41" y1="10.59" x2="16" y2="8"/>
                                    <path d="M7 12a5 5 0 0 1 5 -5"/>
                                </svg>
                            </i>
                            <span>{{ __('Reconciliation Dashboard')}}</span></a>
                    </div>
                @endcan

                @can('manage_revenue')
                    <div class="nav-item {{ ($segment1 == 'revenue') ? 'active open' : '' }} has-sub">
                        <a href="#">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                     class="icon icon-tabler icon-tabler-currency-naira" width="28" height="28"
                                     viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none"
                                     stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <path
                                        d="M7 18v-10.948a1.05 1.05 0 0 1 1.968 -.51l6.064 10.916a1.05 1.05 0 0 0 1.968 -.51v-10.948"/>
                                    <path d="M5 10h14"/>
                                    <path d="M5 14h14"/>
                                </svg>
                            </i>
                            <span>{{ __('Revenue Management')}}</span></a>
                        {{-- <i class="fas fa-sack-dollar"></i> --}}
                        <div class="submenu-content">
                            <a href="{{route('mdas')}}"
                               class="menu-item {{ ($segment2 == 'mdas') ? 'active' : '' }}">{{ __('Manage MDAS')}}</a>
                            <a href="{{route('revenue_points')}}"
                               class="menu-item {{ ($segment1 == 'revenue' && $segment2 == 'revenue_points') ? 'active' : '' }}">{{ __('Revenue Points')}}</a>
                            <a href="{{route('revenue_categories')}}"
                               class="menu-item {{ ($segment1 == 'revenue' && $segment2 == 'service_categories') ? 'active' : '' }}">{{ __('R\H Categories')}}</a>
                        </div>
                    </div>
                @endcan


                @can("manage_agency")
                    <div class="nav-item {{ ($segment1 == 'agency' ) ? 'active open' : '' }} has-sub">
                        <a href="#">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                     class="icon icon-tabler icon-tabler-building-skyscraper" width="28" height="28"
                                     viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none"
                                     stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <line x1="3" y1="21" x2="21" y2="21"/>
                                    <path d="M5 21v-14l8 -4v18"/>
                                    <path d="M19 21v-10l-6 -4"/>
                                    <line x1="9" y1="9" x2="9" y2="9.01"/>
                                    <line x1="9" y1="12" x2="9" y2="12.01"/>
                                    <line x1="9" y1="15" x2="9" y2="15.01"/>
                                    <line x1="9" y1="18" x2="9" y2="18.01"/>
                                </svg>
                            </i><span>{{ __('Agency Management')}}</span></a>
                        <div class="submenu-content">
                            <a href="{{ route('agency.dashboard') }}"
                               class="menu-item {{ ($segment2 == 'dashboard') ? 'active' : '' }}">{{ __('Dashboard')}}</a>
                            <a href="{{ route('agency.agents') }}"
                               class="menu-item {{ ($segment2 == 'agents-management') ? 'active' : '' }}">{{ __('Agents')}}</a>
                            <a href="{{ route('agents_report') }}"
                               class="menu-item {{ ($segment2 == 'agents-report') ? 'active' : '' }}">{{ __('Agents Report')}}</a>
                            <a href="{{ route('agents_out_rem') }}"
                               class="menu-item {{ ($segment2 == 'agents-outstanding-remittance') ? 'active' : '' }}">{{ __('Agents Outstanding Remittance')}}</a>
                            <a href="{{ route('agency.transactions') }}"
                               class="menu-item {{ ($segment2 == 'transactions') ? 'active' : '' }}">{{ __('Transactions')}}</a>
                            <a href="{{ route('agency.weekly-settlement-report') }}"
                               class="menu-item {{ ($segment2 == 'weekly-settlement-report') ? 'active' : '' }}">
                                {{ __('Weekly Settlement Reports')}}
                            </a>
                            <a href="{{ route('agency.transfer-settlement-report') }}"
                               class="menu-item {{ ($segment2 == 'transfer-settlement-report') ? 'active' : '' }}">
                                {{ __('Transfer Settlement Reports')}}
                            </a>
                            <a href="{{ route('agency.remittance') }}"
                               class="menu-item {{ ($segment2 == 'agency-remittance') ? 'active' : '' }}">{{ __('Remittance')}}</a>
                        </div>
                    </div>
                @endcan

                @can('manage_user')
                    <div class="nav-item {{ ($segment1 == 'users' ) ? 'active open' : '' }} has-sub">
                        <a href="#">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-users"
                                     width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50"
                                     fill="none" stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <circle cx="9" cy="7" r="4"/>
                                    <path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"/>
                                    <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
                                    <path d="M21 21v-2a4 4 0 0 0 -3 -3.85"/>
                                </svg>
                            </i>
                            <span>{{ __('User Management')}}</span></a>
                        <div class="submenu-content">
                            <!-- only those have manage_user permission will get access -->

                            <a href="{{url('users')}}"
                               class="menu-item {{ ($segment1 == 'users') ? 'active' : '' }}">{{ __('Manage Users')}}</a>
                            <a href="{{url('user/create')}}"
                               class="menu-item {{ ($segment1 == 'user' && $segment2 == 'create') ? 'active' : '' }}">{{ __('Create New User')}}</a>
                        </div>
                    </div>
                @endcan

                @can("manage_identity")
                    <div
                        class="nav-item {{ ($segment1 == 'roles' || $segment1 == 'permission' ) ? 'active open' : '' }} has-sub">
                        <a href="#">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-lock-access"
                                     width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50"
                                     fill="none" stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <path d="M4 8v-2a2 2 0 0 1 2 -2h2"/>
                                    <path d="M4 16v2a2 2 0 0 0 2 2h2"/>
                                    <path d="M16 4h2a2 2 0 0 1 2 2v2"/>
                                    <path d="M16 20h2a2 2 0 0 0 2 -2v-2"/>
                                    <rect x="8" y="11" width="8" height="5" rx="1"/>
                                    <path d="M10 11v-2a2 2 0 1 1 4 0v2"/>
                                </svg>
                            </i>
                            <span>{{ __('Identity Access Manager')}}</span></a>
                        <div class="submenu-content">
                            <a href="{{url('roles')}}"
                               class="menu-item {{ ($segment1 == 'roles') ? 'active' : '' }}">{{ __('Roles')}}</a>
                            <a href="{{url('permission')}}"
                               class="menu-item {{ ($segment1 == 'permission') ? 'active' : '' }}">{{ __('Permission')}}</a>
                        </div>
                    </div>
                @endcan

                {{-- //accounts.merchants    --}}
                @can("manage_identity")
                    <div
                        class="nav-item {{ ($segment1 == 'roles' || $segment1 == 'permission' ) ? 'active open' : '' }} has-sub">
                        <a href="#">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-lock-access"
                                     width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50"
                                     fill="none" stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <path d="M4 8v-2a2 2 0 0 1 2 -2h2"/>
                                    <path d="M4 16v2a2 2 0 0 0 2 2h2"/>
                                    <path d="M16 4h2a2 2 0 0 1 2 2v2"/>
                                    <path d="M16 20h2a2 2 0 0 0 2 -2v-2"/>
                                    <rect x="8" y="11" width="8" height="5" rx="1"/>
                                    <path d="M10 11v-2a2 2 0 1 1 4 0v2"/>
                                </svg>
                            </i>
                            <span>{{ __('Merchants Account')}}</span></a>
                        <div class="submenu-content">
                            <a href="{{route('accounts.merchants')}}"
                               class="menu-item {{ ($segment1 == 'roles') ? 'active' : '' }}">{{ __('Account')}}</a>
                        </div>
                    </div>
                @endcan


                <div class="nav-item {{ ($segment1 == 'trainings' ) ? 'active open' : '' }}">
                    <a href="{{ route('trainings') }}">
                        <i class=" fa">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-shield-lock"
                                 width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50"
                                 fill="none" stroke-linecap="round" stroke-linejoin="round">
                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                <path
                                    d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3"/>
                                <circle cx="12" cy="11" r="1"/>
                                <line x1="12" y1="12" x2="12" y2="14.5"/>
                            </svg>
                        </i>
                        <span>{{ __('Training')}}</span></a>
                </div>

                @can("manage_settings")
                    <div class="nav-item {{ ($segment1 == 'settings' ) ? 'active open' : '' }} has-sub">
                        <a href="#">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg"
                                     class="icon icon-tabler icon-tabler-settings-automation" width="28" height="28"
                                     viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none"
                                     stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <path
                                        d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z"/>
                                    <path d="M10 9v6l5 -3z"/>
                                </svg>
                            </i>
                            <span>{{ __('Settings')}}</span></a>
                        <div class="submenu-content">
                            <a href="{{ route('settings.communication') }}"
                               class="menu-item {{ ($segment2 == 'communication_module') ? 'active' : '' }}">{{ __('Comunication Module')}}</a>
                            <a href="{{ route('settings.payments') }}"
                               class="menu-item {{ ($segment2 == 'payment_module') ? 'active' : '' }}">{{ __('Payment Module')}}</a>
                            <a href="{{ route('settings.mobile') }}"
                               class="menu-item {{ ($segment2 == 'mobile_module') ? 'active' : '' }}">{{ __('Mobile module settings')}}</a>
                            {{-- <a href="{{ route('settings.companyCat') }}" class="menu-item {{ ($segment2 == 'company_categories') ? 'active' : '' }}">{{ __('Company Categories')}}</a> --}}
                        </div>
                    </div>
                @endcan

                @can('make_audits')
                    <div class="nav-item {{ ($segment1 == 'system') && ($segment2 == 'audit')  ? 'active' : '' }}">
                        <a href="{{ route('auditLogs') }}">
                            <i class="fa">
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-shield-lock"
                                     width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50"
                                     fill="none" stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                    <path
                                        d="M12 3a12 12 0 0 0 8.5 3a12 12 0 0 1 -8.5 15a12 12 0 0 1 -8.5 -15a12 12 0 0 0 8.5 -3"/>
                                    <circle cx="12" cy="11" r="1"/>
                                    <line x1="12" y1="12" x2="12" y2="14.5"/>
                                </svg>
                            </i>
                            <span>{{ __('Audit Trail')}}</span> </a>
                    </div>
                @endcan
                {{--  --}}
                <div class="nav-item {{ ($segment1 == 'docs' ) ? 'active open' : '' }} has-sub">
                    <a href="#">
                        <i class="fa">
                            <svg xmlns="http://www.w3.org/2000/svg"
                                 class="icon icon-tabler icon-tabler-settings-automation" width="28" height="28"
                                 viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50" fill="none"
                                 stroke-linecap="round" stroke-linejoin="round">
                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                <path
                                    d="M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z"/>
                                <path d="M10 9v6l5 -3z"/>
                            </svg>
                        </i>
                        <span>{{ __('Documentation')}}</span></a>
                    <div class="submenu-content">
                        <a href="{{ route('docs.abbrev') }}"
                           class="menu-item {{ ($segment2 == 'abbrev') ? 'active' : '' }}">
                            {{ __('Abbrevation')}}
                        </a>
                    </div>
                </div>

                <div class="nav-item {{ ($segment1 == 'logout') ? 'active' : '' }}">
                    <a href="{{ url('logout') }}">
                        <i class="fa">
                            <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-logout"
                                 width="28" height="28" viewBox="0 0 24 24" stroke-width="1.5" stroke="#2c3e50"
                                 fill="none" stroke-linecap="round" stroke-linejoin="round">
                                <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
                                <path
                                    d="M14 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2"/>
                                <path d="M7 12h14l-3 -3m0 6l3 -3"/>
                            </svg>
                        </i>
                        <span>{{ __('Log out')}}</span>
                    </a>
                </div>
                <!-- end inventory pages -->
            </nav>
        </div>
    </div>
</div>