@if (backpack_auth()->check())
    <div class="sidebar">
        <div class="sidebar-header">
            <div>
            <a href="/" class="sidebar-logo"><span>{{ config('app.name') }}</span></a>
                <small class="sidebar-logo-headline">{{ tenant('id') }}</small>
            </div>
        </div><!-- sidebar-header -->
        <div id="dpSidebarBody" class="sidebar-body">
            <ul class="nav nav-sidebar">
                <li class="nav-item show">
                    <a href="" class="nav-link with-sub active"><i data-feather="activity"></i> {{ __('admin.nav.quick_menu') }}</a>
                    <nav class="nav nav-sub">
                        @for ($i= 1; $i < 5; $i++)
                        <a class="nav-sub-link" href="#"> Lien rapide {{ $i }}</a>
                        @endfor
                    </nav>
                </li>
                <li class="nav-item show">
                    <a href="" class="nav-link with-sub"><i data-feather="activity"></i> {{ __('admin.dashboard.activity') }}</a>
                    <nav class="nav nav-sub">
                        <a class="nav-sub-link" href="{{ route('cra.index') }}"> {{ __('admin.dashboard.activityReportInput') }}</a>
                        <a class="nav-sub-link" href="{{ route('ndf.index') }}">{{ __('admin.dashboard.expenseReportInput') }}</a>
                        <a class="nav-sub-link" href="#">{{ __('admin.dashboard.holidaysInput') }}</a>
                    </nav>
                </li>
                <li class="nav-item">
                    <a href="" class="nav-link with-sub"><i data-feather="credit-card"></i> {{ __('admin.dashboard.invoicing') }}</a>
                    <nav class="nav nav-sub">
                        <a href="#" class="nav-sub-link">{{ __('admin.dashboard.craValidation') }}</a>
                        <a href="#" class="nav-sub-link">{{ __('admin.dashboard.ndfValidation') }}</a>
                        <a href="{{ route('invoice.index') }}" class="nav-sub-link">{{ __('admin.dashboard.invoicing') }}</a>
                        <a href="#" class="nav-sub-link">{{ __('admin.dashboard.manualInvoicing') }}</a>
                    </nav>
                </li>
                <li class="nav-item">
                    <a href="" class="nav-link with-sub"><i data-feather="users"></i> {{ __('admin.dashboard.customers') }}</a>
                    <nav class="nav nav-sub">
                        <a href="{{ route('client.index') }}" class="nav-sub-link">{{ __('admin.dashboard.customerCard') }}</a>
                        <a href="{{ route('affair.index') }}" class="nav-sub-link">{{ __('admin.dashboard.affairManagement') }}</a>
                        <a href="#" class="nav-sub-link">{{ __('admin.dashboard.orderManagement') }}</a>
                    </nav>
                </li>
                <li class="nav-item">
                    <a href="" class="nav-link with-sub"><i data-feather="package"></i> {{ __('admin.dashboard.supplier') }}</a>
                    <nav class="nav nav-sub">
                        <a href="#" class="nav-sub-link">{{ __('admin.dashboard.supplierCard') }}</a>
                        <a href="#" class="nav-sub-link">{{ __('admin.dashboard.invoiceInput') }}</a>
                    </nav>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link with-sub"><i data-feather="user"></i> {{ __('admin.dashboard.user') }}</a>
                    <nav class="nav nav-sub">
                        <a class="nav-sub-link" href="{{ backpack_url('user') }}"> {{ __('admin.dashboard.user') }}</a>
                        <a class="nav-sub-link" href="{{ backpack_url('role') }}"> {{ __('admin.dashboard.roles') }}</a>
                        <a class="nav-sub-link" href="{{ backpack_url('permission') }}"> {{ __('admin.dashboard.permissions') }}</a>
                    </nav>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link with-sub"><i data-feather="octagon"></i> {{ __('admin.dashboard.organization') }}</a>
                    <nav class="nav nav-sub">
                        <a class="nav-sub-link" href="{{ route('agency.index') }}"> {{ __('admin.dashboard.agency') }}</a>
                        <a class="nav-sub-link" href="{{ route('company.index') }}"> {{ __('admin.dashboard.company') }}</a>
                    </nav>
                </li>
                <li class="nav-item">
                    <a href="#" class="nav-link with-sub"><i data-feather="settings"></i> {{ __('admin.dashboard.settings') }}</a>
                    <nav class="nav nav-sub">
                        <a class="nav-sub-link" href="#"> {{ __('admin.dashboard.hourlyManagement') }}</a>
                        <a class="nav-sub-link" href="#"> {{ __('admin.dashboard.bank') }}</a>
                        <a class="nav-sub-link" href="{{ route('country.index' ) }}"> {{ __('admin.dashboard.country') }}</a>
                        <a class="nav-sub-link" href="{{ route('vat.index') }}"> {{ __('admin.dashboard.vat') }}</a>
                        <a class="nav-sub-link" href="#"> {{ __('admin.dashboard.natureOfFees') }}</a>
                        <a class="nav-sub-link" href="{{ route('paymentcondition.index') }}"> {{ trans_choice('admin.paymentcondition.title', 2) }}</a>
                    </nav>
                </li>
            </ul>
        </div><!-- sidebar-body -->
    </div><!-- sidebar -->

@endif
{{--
@push('before_scripts')
  <script type="text/javascript">
    /* Recover sidebar state */
    if (Boolean(sessionStorage.getItem('sidebar-collapsed'))) {
      var body = document.getElementsByTagName('body')[0];
      body.className = body.className.replace('sidebar-lg-show', '');
    }

    /* Store sidebar state */
    var navbarToggler = document.getElementsByClassName("nav-item");
    for (var i = 0; i < navbarToggler.length; i++) {
      navbarToggler[i].addEventListener('click', function(event) {
        event.preventDefault();
        if (Boolean(sessionStorage.getItem('sidebar-collapsed'))) {
          sessionStorage.setItem('sidebar-collapsed', '');
        } else {
          sessionStorage.setItem('sidebar-collapsed', '1');
        }
      });
    }
  </script>
@endpush

@push('after_scripts')
  <script>
      // Set active state on menu element
      var full_url = "{{ Request::fullUrl() }}";
      var $navLinks = $(".nav-sidebar li a");

      // First look for an exact match including the search string
      var $curentPageLink = $navLinks.filter(
          function() { return $(this).attr('href') === full_url; }
      );

      // If not found, look for the link that starts with the url
      if(!$curentPageLink.length > 0){
          $curentPageLink = $navLinks.filter( function() {
            if ($(this).attr('href').startsWith(full_url)) {
              return true;
            }

            if (full_url.startsWith($(this).attr('href'))) {
              return true;
            }

            return false;
          });
      }

      // for the found links that can be considered current, make sure
      // - the parent item is open
      $curentPageLink.parents('li').addClass('show');
      // - the actual element is active
      $curentPageLink.each(function() {
        $(this).addClass('active');
      });
  </script>
@endpush
 --}}