@if(huren())
    <section id="dashboard-header" class="bg-orange">
@elseif(verhuren() && auth()->user()->isAdmin())
    <section id="dashboard-header" class="bg-purple">
@elseif(berichten() && auth()->user()->isAdmin())

    <section id="dashboard-header" class="bg-purple">
 @elseif(!auth()->user()->isAdmin())

<section id="dashboard-header" class="bg-orange">
@elseif(auth()->user()->isAdmin())

<section id="dashboard-header" class="bg-purple">

@else
    <section id="dashboard-header" class="bg-dark">
@endif
    <div class="container h-100">
        <div class="dashboard-header-wrapper">

            <div class="d-block d-lg-flex justify-content-between align-items-center h-50">
                <h4 class="is-white is-light mt-4 lg-mt-0">
                    Mijn
                    @if(huren())
                         huur 
                    @elseif(verhuren())
                         verhuur 
                    @endif
                    account
                </h4>
                <div>
	                @if(auth()->user()->isAdmin())
                    <a href="{{dashboardSwitch()}}"
                       class="btn {{(huren()) ? 'btn-purple' : 'btn-orange'}} btn-icon mt-4">
                        @if(huren())
                            <i class="fas fa-exchange"></i>
                            Ga naar je verhuur account
                        @else
                            <i class="fal fa-key"></i>
                            Ga naar je huur account
                        @endif
                    </a>
                    @endif
                </div>
            </div>

            <div class="d-flex justify-content-between row mx-lg-0">
                <ul class="dashboard-menu {{(huren()) ? 'huren' : 'verhuren'}}">
                    @if(auth()->user()->isAdmin())
                        <li class="dashboard-menu-item mr-md-4 {{ request()->segment(1) == 'mijn-dashboard' ? 'active' : 'inactive' }}">
                            <a href="{{ route('dashboard.index') }}">
                                <i class="fal fa-chart-line"></i>
                                <span>Mijn dashboard</span>
                            </a>
                        </li>
                    @endif

                    @if(session('login-as') === 'verhuren')
                        @component('dashboard.components.dashboard-menu-item', ['url' => 'campers', 'disabled' => false])
                            {!! file_get_contents(public_path('images/gosharing_camper.svg')) !!}
                            <span>Mijn camper(s)</span>
                        @endcomponent
                        @component('dashboard.components.dashboard-menu-item', ['url' => 'caravans', 'disabled' => false])
                            {!! file_get_contents(public_path('images/gosharing_caravan.svg')) !!}
                            <span>Mijn CARAVAN(S)</span>
                        @endcomponent
                    @endif

                    @component('dashboard.components.dashboard-menu-item', ['url' => 'aanvragen', 'disabled' => false])
                        <i class="fal fa-key"></i>
                        <span class="position-relative">
                            Mijn aanvragen
                            @if (count($notifications) && $notifications->contains('request_type', 'rent'))
                                <span class="dashboard-menu__notification">{{ count($notifications->where('request_type', 'rent')) }}</span>
                            @endif
                        </span>
                    @endcomponent

                    <li class="dashboard-menu-item mr-md-4 {{ request()->segment(count(request()->segments())) == 'berichten' ? 'active' : 'inactive' }}">
                        <a href="{{ route('dashboard.inbox') }}">
                            <i class="fal fa-comment-alt-lines"></i>
                            <span class="position-relative">
                                Mijn berichten
                                @if (count($notifications) && $notifications->contains('request_type', '!=', 'rent'))
                                    @if ($notifications->contains('request_type', 'question') && auth()->user()->isAdmin())
                                        <span class="dashboard-menu__notification">{{ count($notifications->where('request_type', 'question')) }}</span>
                                    @elseif ($notifications->contains('request_type', 'helpdesk') && auth()->user()->isAdmin())
                                    @else
                                        <span class="dashboard-menu__notification">{{ count($notifications->where('request_type', '!=', 'rent')) }}</span>
                                    @endif
                                @endif
                            </span>
                        </a>
                    </li>

                    @component('dashboard.components.dashboard-menu-item', ['url' => 'reviews', 'disabled' => false])
                        <i class="far fa-star"></i>
                        <span>Mijn reviews</span>
                    @endcomponent

                    @component('dashboard.components.dashboard-menu-item', ['url' => 'gegevens', 'disabled' => false])
                        <i class="fal fa-user-alt"></i>
                        <span>Mijn gegevens</span>
                    @endcomponent
                </ul>

                <div class="dashboard-helpdesk">
                    <a href="{{ route('dashboard.helpdesk') }}" class="dashboard-menu-helpdesk">
                        <i class="fas fa-comments"></i>
                        <span class="position-relative">
                            Helpdesk
                            @if (count($notifications) && $notifications->contains('request_type', 'helpdesk') && auth()->user()->isAdmin())
                                <span class="dashboard-menu__notification">{{ count($notifications->where('request_type', 'helpdesk')) }}</span>
                            @endif
                        </span>
                    </a>
                </div>
            </div>

        </div>

    </div>
</section>