
<header class="header">
    <div class="topbar">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="d-block d-md-flex align-items-center text-center">
                        <div class="me-3 d-inline-block">
                            <a href="tel:{{$settings->phone_number}}"><i class="fa fa-phone me-2"></i>{{$settings->phone_number}} </a>
                            @if (!empty($settings->phone_number_backup)) / 
                            <a href="tel:{{$settings->phone_number_backup}}">{{$settings->phone_number_backup}} </a>
                            @endif
                        </div>
                        <div class="me-auto d-inline-block">

                        </div>
                        <div class="dropdown d-inline-block ps-2 ps-md-0">

                        </div>
                        <div class="social d-inline-block">
                            <ul class="list-unstyled">
                                @if(!empty($settings->facebook))
                                <li><a href="{{$settings->facebook}}"> <i class="fab fa-facebook-f"></i> </a></li>
                                @endif
                                    @if(!empty($settings->twitter))
                                        <li><a href="{{$settings->twitter}}"> <i class="fab fa-twitter"></i> </a></li>
                                 @endif
                                    @if(!empty($settings->linkedin))
                                            <li><a href="{{$settings->linkedin}}"> <i class="fab fa-linkedin"></i> </a></li>
                                @endif
                                    @if(!empty($settings->pinterest))
                                                <li><a href="{{$settings->pinterest}}"> <i class="fab fa-pinterest"></i> </a></li>
                                 @endif
                                    @if(!empty($settings->instagram))
                                                    <li><a href="{{$settings->instagram}}"> <i class="fab fa-instagram"></i> </a></li>
                                    @endif
                                    @if(!empty($settings->tiktok))
                                                        <li><a href="{{$settings->tiktok}}"> <i class="fab fa-tiktok"></i> </a></li>
                             @endif
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <nav class="navbar navbar-light bg-white navbar-static-top navbar-expand-lg header-sticky">
        <div class="container-fluid">
            <button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target=".navbar-collapse"><i class="fas fa-align-left"></i></button>
            <a class="navbar-brand" wire:navigate href="{{route('frontend.index')}}" >
                <img class="img-fluid" src="{{asset('storage/'.$settings->logo)}}" alt="logo">
            </a>
            <div class="navbar-collapse collapse justify-content-center">
                <ul class="nav navbar-nav">
                    <li class="nav-item @if(url()->current() == route('frontend.index')) active @endif">
                        <a class="nav-link" wire:navigate href="{{route('frontend.index')}}">Home</a>

                    </li>

                        @forelse($propertyTypes as $type)
                        @if($type->property->count()>0)
                    <li class="nav-item dropdown">
                        <a wire:navigate class="nav-link dropdown-toggle" href="{{route('frontend.property-type', $type)}}" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            {{ $type->name}}<i class="fas fa-chevron-down fa-xs"></i>
                        </a>
                        <ul class="dropdown-menu">

                            @forelse($type->propertyCategories as $category)
                                @if($category->property->count()>0)
                            <li><a wire:navigate class="dropdown-item" href="{{route('frontend.property-category',[$type,$category])}}">{{$category->name}}</a></li>
                                @endif
                                    @empty

                            @endforelse

                                <li><a wire:navigate class="dropdown-item" href="{{route('frontend.all-properties')}}">All Properties</a></li>

                        </ul>
                    </li>
                        @endif
                        @empty

                    @endforelse
                    <li class="nav-item   @if(url()->current() == route('frontend.services')) active @endif">
                        <a wire:navigate class="nav-link" href="{{route('frontend.services')}}">Our Services</a>

                    </li>

                    <li class="nav-item   @if(url()->current() == route('frontend.about')) active @endif">
                        <a wire:navigate class="nav-link" href="{{route('frontend.about')}}">About Us</a>

                    </li>
                    <li class="nav-item   @if(url()->current() == route('frontend.blog-articles')) active @endif">
                        <a wire:navigate class="nav-link" href="{{route('frontend.blog-articles')}}">Blogs/Updates</a>

                    </li>
                    <li class="nav-item   @if(url()->current() == route('frontend.faqs')) active @endif">
                        <a wire:navigate class="nav-link" href="{{route('frontend.faqs')}}">FAQs</a>

                    </li>
                    <li class="nav-item   @if(url()->current() == route('frontend.contact')) active @endif">
                        <a wire:navigate class="nav-link" href="{{route('frontend.contact')}}">Contact Us</a>

                    </li>


                </ul>
            </div>

        </div>
    </nav>
</header>
<!--=================================
 header -->
