[viewBag]

[builderList service]
modelClass = "Linus\Services\Models\Service"
scope = "-"
scopeValue = "{{ :scope }}"
displayColumn = "slug"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"
==
<div id="layout-nav" class="navbar navbar-autohide" role="navigation" {{this.page.id}}>
    <div class="container noP hidden-xs">
        <div class="collapse navbar-collapse navbar-main-collapse noP">
            <!-- Desktop Nav -->
            <div class="flex-con hidden-xs">
                <div class = "nav-logo-base col-sm-3 noP">
                  <div class = "nav-logo-con col-sm-3 noP">
                    <a href="{{url('/')}}">
                      <img src="{{'assets/img/nav-logo.png'|theme}}" alt="" class="img-responsive center-block">
                    </a>
                  </div>
                </div>
                <div class = "col-sm-1 noP"></div>
                <div class = "col-sm-8 noP nav-link-base">
                    <ul class="nav-links card-shadow">
                        <li><a href="{{ url('/about/') }}" class="nav-text {% if this.page.id == 'about' or this.page.id == 'organization' or this.page.id == 'mission-vision' %}nav-active{% endif %}"><div class="trans-2 anc-div">About Us</div></a></li>
                        <li id="service-nav"><a href="{{url('/services/')}}" class="nav-text {% if this.page.id == 'services' or this.page.id == 'service' %}nav-active{% endif %} dropdown-toggle" data-toggle="dropdown">
                          <div class="trans-2 anc-div flex-con">Services <img src="{{'assets/svg/ico-drop-arrow.svg'|theme}}"></div>
                          {% set service = service.records %}
                          <ul class="nav-sub dropdown-menu">
                            {% for serv in service %}
                             <li><a class="sub-anc nav-text" href="{{url('/services/'~serv.slug)}}"><div class="sub-anc-div">
                               {{serv.name}}
                             </div></a></li>
                            {% endfor %}
                          </ul>
                        </a></li>
                        <li><a href="{{ url('/projects/') }}" class="nav-text {% if this.page.id == 'project' or this.page.id == 'projects' %}nav-active{% endif %}"><div class="trans-2 anc-div">Projects</div></a></li>
                        <li><a href="{{ url('/partners/') }}" class="nav-text {% if this.page.id == 'partners' or this.page.id == 'partner' %}nav-active{% endif %}"><div class="trans-2 anc-div">Partners</div></a></li>
                        <li><a href="{{ url('/news/') }}" class="nav-text {% if this.page.id == 'news' or this.page.id == 'article' %}nav-active{% endif %}"><div class="trans-2 anc-div">News</div></a></li>
                        <li><a href="{{ url('/careers/') }}" class="nav-text {% if this.page.id == 'careers' or this.page.id == 'career' %}nav-active{% endif %}"><div class="trans-2 anc-div">Careers</div></a></li>
                        <li class = "nav-contact"><a href="{{ url('/contact-us/') }}" class="nav-text"><div class="trans-2 anc-div">Contact Us</div></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="container hidden-lg hidden-sm hidden-md nav-mob-base">
      <div class="col-xs-7">
        <div class="nav-logo-con trans">
          <a href="{{url('/')}}">
            <img src="{{'assets/img/nav-logo.png'|theme}}" alt="" class="center-block">
          </a>
        </div>
      </div>
      <div class="col-xs-5 pull-right">
        <div class="hamburger pull-right hamburger--collapse" tabindex="0" aria-label="Menu" role="button" aria-controls="navigation">
          <div class="hamburger-box">
            <div class="hamburger-inner"></div>
          </div>
        </div>
        <div class="mob-contact-right trans-2 pull-right">
          <a href="{{ url('/contact-us/') }}" class="nav-text {% if this.page.id == 'contact-us' %}nav-active{% endif %}"><div class="trans-2">Contact Us</div></a>
        </div>
      </div>
      <div class="nav-link-base trans nav-hide" id="navigation">
        <div class="bg-pattern"></div>
        <ul class="nav-links">
          <li><a href="{{ url('/') }}" class="nav-text-mob {% if this.page.id == 'index' %}nav-active{% endif %}"><div class="trans-2 anc-div">Homepage</div></a></li>
          <li><a href="{{ url('/about/') }}" class="nav-text-mob {% if this.page.id == 'about' or this.page.id == 'organization' or this.page.id == 'mission-vision' %}nav-active{% endif %}"><div class="trans-2 anc-div">About Us</div></a></li>
          <li><a href="{{ url('/services/') }}" class="nav-text-mob {% if this.page.id == 'services' or this.page.id == 'service' %}nav-active{% endif %}"><div class="trans-2 anc-div">Services</div></a></li>
          <li><a href="{{ url('/projects/') }}" class="nav-text-mob {% if this.page.id == 'project' or this.page.id == 'projects' %}nav-active{% endif %}"><div class="trans-2 anc-div">Projects</div></a></li>
          <li><a href="{{ url('/partners/') }}" class="nav-text-mob {% if this.page.id == 'partners' or this.page.id == 'partner' %}nav-active{% endif %}"><div class="trans-2 anc-div">Partners</div></a></li>
          <li><a href="{{ url('/news/') }}" class="nav-text-mob {% if this.page.id == 'news' or this.page.id == 'article' %}nav-active{% endif %}"><div class="trans-2 anc-div">News</div></a></li>
          <li><a href="{{ url('/careers/') }}" class="nav-text-mob {% if this.page.id == 'careers' or this.page.id == 'career' %}nav-active{% endif %}"><div class="trans-2 anc-div">Careers</div></a></li>
        </ul>
        <div class = "nav-mob-contact"><a href="{{ url('/contact-us/') }}" class="nav-text"><div class="trans-2">Contact Us</div></a></div>
      </div>
    </div>
</div>