<%
	navbar_items = {} 
	navbar_items = {
    dhatu_website_items: {
      pages: {
        text: "Pages",
        icon_class: "fa-file",
        url: dhatu.pages_url,
        has_permission: @current_user.has_read_permission?(Dhatu::Page)
      },
      categories: {
        text: "Categories",
        icon_class: "fa-sitemap",
        url: dhatu.choose_category_type_url,
        has_permission: @current_user.has_read_permission?(Dhatu::Category)
      },
      projects: {
        text: "Projects",
        icon_class: "fa-tasks",
        url: dhatu.projects_url,
        has_permission: @current_user.has_read_permission?(Dhatu::Project)
      },
      manufacturers: {
        text: "Manufacturers",
        icon_class: "fa-institution",
        url: dhatu.manufacturers_url,
        has_permission: @current_user.has_read_permission?(Dhatu::Manufacturer)
      },
      products: {
        text: "Products",
        icon_class: "fa-th",
        url: dhatu.products_url,
        has_permission: @current_user.has_read_permission?(Dhatu::Product)
      },
      services: {
        text: "Services",
        icon_class: "fa-wrench",
        url: dhatu.services_url,
        has_permission: @current_user.has_read_permission?(Dhatu::Service)
      },
      photo_albums: {
        text: "Photo Gallery",
        icon_class: "fa-image",
        url: dhatu.photo_albums_url,
        has_permission: @current_user.has_read_permission?(Dhatu::PhotoAlbum)
      },
      prices: {
        text: "Prices",
        icon_class: "fa-dollar",
        url: dhatu.prices_url,
        has_permission: @current_user.has_read_permission?(Dhatu::Price)
      },
      branches: {
        text: "Branches",
        icon_class: "fa-map-marker",
        url: dhatu.branches_url,
        has_permission: @current_user.has_read_permission?(Dhatu::Branch)
      },
      events: {
        text: "Events",
        icon_class: "fa-calendar",
        url: dhatu.events_url,
        has_permission: @current_user.has_read_permission?(Dhatu::Event)
      },
      testimonials: {
        text: "Testimonials",
        icon_class: "fa-comment",
        url: dhatu.testimonials_url,
        has_permission: @current_user.has_read_permission?(Dhatu::Testimonial)
      },
      careers: {
        text: "Careers",
        icon_class: "fa-male",
        url: dhatu.career_opportunities_url,
        has_permission: @current_user.has_read_permission?(Dhatu::CareerOpportunity)
      },
      team: {
        text: "Team",
        icon_class: "fa-group",
        url: dhatu.team_members_url,
        has_permission: @current_user.has_read_permission?(Dhatu::TeamMember)
      }
    },
    dhatu_marketing_items: {
      promotions: {
        text: "Promotions",
        icon_class: "fa-gift",
        url: dhatu.promotions_url,
        has_permission: @current_user.has_read_permission?(Dhatu::Promotion)
      },
      promotion_enquiries: {
        text: "Promotional Enquiries",
        icon_class: "fa-bullhorn",
        url: dhatu.promotion_enquiries_url,
        has_permission: @current_user.has_read_permission?(Dhatu::PromotionEnquiry)
      },
      bookings: {
        text: "Bookings",
        icon_class: "fa-calendar",
        url: dhatu.bookings_url,
        has_permission: @current_user.has_read_permission?(Dhatu::Booking)
      },
      blog_posts: {
        text: "Blog",
        icon_class: "fa-newspaper-o",
        url: dhatu.blog_posts_url,
        has_permission: @current_user.has_read_permission?(Dhatu::BlogPost)
      },
      offers: {
        text: "Offers",
        icon_class: "fa-gift",
        url: dhatu.offers_url,
        has_permission: @current_user.has_read_permission?(Dhatu::Offer)
      }
    },
    configuration_items: {
      features: {
        text: "Manage Features",
        icon_class: "fa-diamond",
        url: usman.features_url,
        has_permission: @current_user.has_read_permission?(Feature)
      },
      users: {
        text: "Manage Users",
        icon_class: "fa-user",
        url: usman.users_url,
        has_permission: @current_user.has_read_permission?(User)
      },
      registrations: {
        text: "Manage Registrations",
        icon_class: "fa-mobile",
        url: usman.registrations_url,
        has_permission: @current_user.has_read_permission?(Registration)
      },
      roles: {
        text: "Manage Roles",
        icon_class: "fa-graduation-cap",
        url: usman.roles_url,
        has_permission: @current_user.has_read_permission?(Role)
      },
      permissions: {
        text: "Manage Permissions",
        icon_class: "fa-lock",
        url: usman.permissions_url,
        has_permission: @current_user.has_read_permission?(Permission)
      },
      countries: {
        text: "Manage Countries",
        icon_class: "fa-flag-checkered",
        url: pattana.countries_url,
        has_permission: @current_user.has_read_permission?(Country)
      },
      regions: {
        text: "Manage Regions",
        icon_class: "fa-globe",
        url: pattana.regions_url,
        has_permission: @current_user.has_read_permission?(Region)
      },
      cities: {
        text: "Manage Cities",
        icon_class: "fa-map-marker",
        url: pattana.cities_url,
        has_permission: @current_user.has_read_permission?(City)
      },
    }
  } if @current_user
%>

<nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark flex-md-nowrap p-0 shadow">

	<a class="navbar-brand col-sm-3 col-md-2 mr-0" href="/">SBIDU</a>
	
	<ul class="navbar-nav bd-navbar-nav flex-row">

    <li class="nav-item">
    <!-- Admin Dashboard -->
    <% if @current_user %>
    <% if @current_user.super_admin? || @current_user.has_role?("Site Admin") %>
      
      <% active_class = nav_active?('admin/dashboard') ? 'active' : ''  %>
      <% begin %>
        <%= link_to raw("<i class=\"fa fa-desktop\"></i> <span class='title'>Dashboard</span>"), main_app.dashboard_path, class: "nav-link #{active_class}" %>
      <% rescue %>
        <%= link_to raw("<i class=\"fa fa-desktop\"></i> <span class='title'>Dashboard</span>"), dhatu.dashboard_path, class: "nav-link #{active_class}" %>
      <% end %>
    <% else %>
      <%= link_to raw("<i class=\"fa fa-desktop\"></i> <span class='title'>Dashboard</span>"), usman.my_account_url, class: "nav-link #{active_class}" %>
    <% end %>
    <% end %>
    </li>

    <% if navbar_items[:dhatu_website_items] && navbar_items[:dhatu_website_items].map{|x,y| x if y[:has_permission] }.compact.any? %>

    	<li class="nav-item dropdown">
    		<a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        	Website
	      </a>
	      <div class="dropdown-menu dropdown-menu-left" aria-labelledby="bd-versions">
	      	<% navbar_items[:dhatu_website_items].each do |key, values| %>
	          <% next unless values[:has_permission] %>
	          <%= link_to raw("<i class=\"fa #{values[:icon_class]} pr-5 \"></i> <span class='title'>#{values[:text]}</span>"), values[:url], class: "dropdown-item" %>
	        <% end %>
	      </div>
	    </li>
    <% end %>

    <% if navbar_items[:dhatu_marketing_items] && navbar_items[:dhatu_marketing_items].map{|x,y| x if y[:has_permission] }.compact.any? %>

    	<li class="nav-item dropdown">
    		<a class="nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        	Marketing
	      </a>
	      <div class="dropdown-menu dropdown-menu-left" aria-labelledby="bd-versions">
	      	<% navbar_items[:dhatu_marketing_items].each do |key, values| %>
	          <% next unless values[:has_permission] %>
	          <%= link_to raw("<i class=\"fa #{values[:icon_class]} pr-5 \"></i> <span class='title'>#{values[:text]}</span>"), values[:url], class: "dropdown-item" %>
	        <% end %>
	      </div>
	    </li>
    <% end %>

    <% if navbar_items[:configuration_items] && navbar_items[:configuration_items].map{|x,y| x if y[:has_permission] }.compact.any? %>

    	<li class="nav-item dropdown">
    		<a class="nav-item nav-link dropdown-toggle mr-md-2" href="#" id="bd-versions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        	Configurations
	      </a>
	      <div class="dropdown-menu dropdown-menu-left" aria-labelledby="bd-versions">
	      	<% navbar_items[:configuration_items].each do |key, values| %>
	          <% next unless values[:has_permission] %>
	          <%= link_to raw("<i class=\"fa #{values[:icon_class]} pr-5 \"></i> <span class='title'>#{values[:text]}</span>"), values[:url], class: "dropdown-item" %>
	        <% end %>
	      </div>
	    </li>
    <% end %>

  </ul>

  <ul class="navbar-nav flex-row ml-md-auto d-none d-md-flex">
  	<li class="nav-item"></li>
  </ul>

  <ul class="navbar-nav px-3">

  	<li class="nav-item dropdown">
			<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">
				<%= display_image(@current_user, "profile_picture.image.small.url", width: "18", height: "auto", class: "img-circle img-inline", alt: @current_user.display_name) if @current_user %>
			</a>
			
			<div class="dropdown-menu dropdown-menu-right" aria-labelledby="bd-versions">
				<a class="dropdown-item" href="#settings">
					<i class="fa fa-wrench pr-5"></i>
					Settings
				</a>

				<a class="dropdown-item" href="#profile">
					<i class="fa fa-user pr-5"></i>
					Profile
				</a>
			
				<a class="dropdown-item" href="#help">
					<i class="fa fa-info pr-5"></i>
					Help
				</a>
				
				<%= link_to raw("<i class='fa fa-lock pr-5'></i>Sign Out"), usman.sign_out_path, method: :delete, class: "dropdown-item" %>
			</div>
		</li>
    
  </ul>
</nav>