@php

     $pages=\App\Models\Pages::where('cancelled',0)->orderBy('orders')->get();
        $viewDonation=\twa\apilibs\models\SettingsV2Model::query()->where('key','view_donation')->where('value','1')->first();


   @endphp

    <nav class="navbar {{$compact}}">
        <div class="content height-100">
            <div class="navbar-container">
                <a class="navbar-brand center" href="/">
                    <img class="light" src="{{env('BASE_URL')}}/logo/light-logo.png" alt="">
                    <img class="dark" src="{{env('BASE_URL')}}/logo/dark-logo.png" alt="">
                </a>

                <ul class="nav navbar-nav flex-end">
                    <li class="active">

                        <form action="{{route('google-search')}}"  method="GET" class="search-form @if(app()->getLocale()=='ar')rev @endif">


                            <input type="text" class="search-input" name="q" value="" placeholder=" {{__('texts.search')}}...">
                                <button class="search-btn">@include('includes.search')</button>

                        </form>




                    </li>
{{--                    <li>--}}

{{--                            <select @class('custom-select header-lang') name="lang" id="lang" onchange="window.location='/set/language/'+$('#lang').val()">--}}
{{--                                <option @if(app()->getLocale()=='en')selected @endif value="en">EN</option>--}}
{{--                                <option @if(app()->getLocale()=='ar')selected @endif  value="ar">AR</option>--}}
{{--                            </select>--}}
{{--                        </li>--}}
                    <li><a @class('button_1 small black center') href="{{route('donation')}}"><span class="text">{{__('texts.support-us')}}</span></a></li>
                    @if(isset($viewDonation))
                    <li><a @class('button_3 small black center') href="{{route('donate')}}"><span class="text">{{__('texts.donate')}}</span></a></li>
                    @endif
                </ul>
            </div>
        </div>
        <div class="nav-sep"></div>
        <div class="">
            <div class="nav-second content">
                <div class="nav-second-left">
                    <ul class="nav navbar-nav">

                        @if(isset($pages) && count($pages)>0)

                         @php  $more="  <li><a href='#'>More <span class='sign'>+</span></a><ul class='nav navbar-nav navbar-nav-level-m'>"; $i=0; @endphp
                            @foreach($pages as $page)

                                @if($i<=6)
                                    <li><a href="{{route('service',['id'=>$page->id,'slug'=>Str::slug($page->{'label_'.app()->getLocale()}) ])}}">{{$page->{'label_'.app()->getLocale()} }}
                                            @if(count($page->subPages)>0)
                                            <span @class('sign')>+</span>
                                                @endif
                                        </a>

                               @if(count($page->subPages)>0)
                                        <ul @class('nav navbar-nav navbar-nav-level-m')>
                                   @foreach($page->subPages as $sub)

                                            <li><a @if($sub->link=="internal") href="{{route('service',['id'=>$page->id,'slug'=>Str::slug($page->{'label_'.app()->getLocale()}) ])}}/#{{$sub->link_id}}" @else  href="{{route('service-sub',['id'=>$sub->id,'slug'=>Str::slug($sub->{'label_'.app()->getLocale()}) ])}}"@endif   ><span>{{$sub->{'label_'.app()->getLocale()} }}</span><sub>@include('includes.right-angle')</sub></a> </li>
                                          @endforeach
                                        </ul>
                                   @endif
                                    </li>
                                @else
                                    @php    $more.=" <li><a href=".route('service',['id'=>$page->id,'slug'=>Str::slug($page->{'label_'.app()->getLocale()}) ])."><span>".$page->{'label_'.app()->getLocale()} ." </span><sub>".@include('includes.right-angle')."</sub></a> </li>";
                                 @endphp
                                @endif
                                    @php $i++ @endphp
                            @endforeach

                             @php $more.="</ul></li>"; @endphp
                            @if(count($pages)>7)
                            {!! $more !!}
                            @endif
                            @endif


                    </ul>
                </div>
                <div class="nav-second-right">
                    <ul class="nav navbar-nav flex-end">
                        <li><a href="{{route('community')}}">{{__('texts.join-community')}}</a></li>
                        <li></li>
                        <li><a href="{{route('contact-us')}}">{{__('texts.contact-us')}}</a></li>

                    </ul>
                </div>

            </div>

        </div>
    </nav>



<nav class="mobile-navbar {{$compact}}">




        <div class="mobile-nav-header">
            <div class="content">
                    <div class="mobile-nav-header-container">
                        <div class="mobile-nav-logo">
                            <a href="/">
                                <img class="dark" src="{{env('BASE_URL')}}/logo/dark-logo.png" alt="">
                            </a>
                        </div>
                        <button class="menu-burger" aria-label="Main Menu">
                            <svg viewBox="0 0 100 100">
                                <path class="line line1" d="M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058" />
                                <path class="line line2" d="M 20,50 H 80" />
                                <path class="line line3" d="M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942" />
                            </svg>
                        </button>
                    </div>
            </div>
        </div>
        <div class="mobile-nav-body">


                  <ul>
                      <li>
                          <div class="mob-search-cont">
                          <form action="{{route('google-search')}}"  method="GET" class="mob-search-form @if(app()->getLocale()=='ar')rev @endif">


                              <input type="text" class="search-input" name="q" value="" placeholder=" {{__('texts.search')}}...">
                              <button class="search-btn">@include('includes.search')</button>

                          </form>
                          </div>
                      </li>
                      @if(isset($viewDonation))
                          <li><a class="center" href="{{route('donate')}}">{{__('texts.donate')}}</a></li>
                      @endif
                      <li><select @class('custom-select black mobile-nav-lang') name="lang" id="lang" onchange="window.location='/set/language/'+$('#lang').val()">
                              <option @if(app()->getLocale()=='en')selected @endif value="en">EN</option>
                              <option @if(app()->getLocale()=='ar')selected @endif  value="ar">AR</option>
                          </select></li>
                      @if(isset($pages) && count($pages)>0)
                      @foreach($pages as $page)


                      <li><a class="center" href="{{route('service',['id'=>$page->id,'slug'=>Str::slug($page->{'label_'.app()->getLocale()}) ])}}">{{$page->{'label_'.app()->getLocale()} }}</a>
                      @endforeach
                      @endif

                      <li><a class="center" href="{{route('community')}}">{{__('texts.join-community')}}</a></li>
                      <li></li>
                      <li><a class="center" href="{{route('donation')}}">{{__('texts.support-us')}}</a></li>
                      <li><a class="center" href="{{route('contact-us')}}">{{__('texts.contact-us')}}</a></li>

                  </ul>


        </div>




</nav>