Skip to content

Instantly share code, notes, and snippets.

@pixelcool
Created September 10, 2023 18:34
Show Gist options
  • Save pixelcool/fc1c22b721b9d29e8e901b61b319745b to your computer and use it in GitHub Desktop.
Save pixelcool/fc1c22b721b9d29e8e901b61b319745b to your computer and use it in GitHub Desktop.
navbar-components
<nav class="top-nav">
    <ul>

        <li>
            <a href="javascript:;" class="top-menu">
                <div class="top-menu__title">
                    @php
                        $currentCompany = Request::route('company');
                        if ($currentFacility = Request::route('facility')) {
                        $currentCompany = \App\Models\Company::find($currentFacility['company_id']);
                        }
                        echo $currentCompany['name'] ?? auth()->user()->Company->first()->name;
                    @endphp
                    <i class="far fa-chevron-down top-menu__sub-icon"></i>
                </div>
            </a>
            <ul>
                @foreach ($userMenu['companies'] as $company)
                    <li class="min-w-[160px]">
                        <a @if($company['id']) href="{!! route('company.dashboard-single-company', $company['id']) !!}" @endif class="top-menu">
                            <div class="top-menu__title">
                                {!! $company['name'] !!}
                            </div>
                        </a>
                    </li>
                @endforeach
            </ul>
        </li>


        <li>
            <a href="javascript:;" class="top-menu">
                <div class="top-menu__title">
                    Facilities
                    <i class="far fa-chevron-down top-menu__sub-icon"></i>
                </div>
            </a>
            <ul>
                <li>
                    <a href="{!! route('company.facility', $currentCompanyId ?? 1) !!}" class="top-menu">
                        <div class="top-menu__title">
                            <span class="pr-2">Manage Facilities</span>
                        </div>
                    </a>
                </li>
                <li>
                    <div class="border-b border-slate-700"></div>
                </li>
                @foreach ($userMenu['companies'] as $company)
                    @foreach ($company['facilities'] as $facility)
                        <li>
                            <a @if($facility['id']) href="{!! route('facility.dashboard', $facility['id']) !!}" @endif class="top-menu">
                                <div class="top-menu__title">
                                    <span class="pr-2">{!! $facility['name'] !!}</span>
                                    <i class="far fa-chevron-down top-menu__sub-icon"></i>
                                </div>
                            </a>
                            <ul>
                                @foreach ($facility['departments'] as $department)
                                    <li>
                                        <a href="{!! route('facility.department.dashboard', [$department['entity_id'], $department['slug']]) !!}?c=null" class="top-menu">
                                            <div class="top-menu__icon">
                                                <i class="fa-regular fa-arrow-turn-down-right"></i>
                                            </div>
                                            <div class="top-menu__title">{!! $department['name'] !!}</div>
                                        </a>
                                    </li>
                                @endforeach
                            </ul>
                        </li>
                    @endforeach
                @endforeach
            </ul>
        </li>

        @if ($menu === 'company')
            @include('livewire.design.navbar.company-navbar')
        @elseif($menu === 'facility')
            @include('livewire.design.navbar.facility-navbar')
        @elseif($menu === 'department')
            @include('livewire.design.navbar.department-navbar')
        @endif

    </ul>
</nav>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment