From 68a4d13bf025603409039fd75f9add50b5f577da Mon Sep 17 00:00:00 2001
From: Mohamed jinas <j@live.mv>
Date: Fri, 7 May 2021 07:48:35 +0500
Subject: [PATCH] updated nav

---
 resources/views/partials/header.blade.php | 89 +++++++++++++----------
 1 file changed, 49 insertions(+), 40 deletions(-)

diff --git a/resources/views/partials/header.blade.php b/resources/views/partials/header.blade.php
index 5a1731a..18a832f 100644
--- a/resources/views/partials/header.blade.php
+++ b/resources/views/partials/header.blade.php
@@ -1,45 +1,54 @@
   <!-- Nav starts here -->
   <div class="py-4 md:py-10">
-    <header class="mx-auto container px-4 xl:px-0">
-        <div class="flex items-center justify-end">
-            <a href="/">
-               <img class="w-40" src="/images/karudhaas.png" alt="logo"/>
-            </a>
-            <div>
-                
-                <div id="menu" class="md:block lg:block hidden">
-                    <div onclick="toggleMenu(false)" class="block md:hidden lg:hidden text-gray-500 hover:text-gray-700 focus:text-gray-700 fixed focus:outline-none z-30 top-0 pt-4">
-                        <svg aria-haspopup="true" aria-label="Main Menu" xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
-                            <path stroke="none" d="M0 0h24v24H0z" />
-                            <line x1="18" y1="6" x2="6" y2="18" />
-                            <line x1="6" y1="6" x2="18" y2="18" />
-                        </svg>
-                    </div>
-                    <ul class="flex md:flex text-3xl md:text-base bg-white lg:text-base lg:flex flex-col md:flex-row lg:flex-row justify-center items-center fixed md:relative lg:relative top-0 bottom-0 left-0 right-0 z-20">
-                        <li class="md:hidden md:mr-8 lg:mr-10 flex items-center">
-                            <a class="hover:text-gray-800 text-gray-600 font-semibold pt-10 md:pt-0" href="./about.html">About</a>
-                        </li>
-                        <li class="md:hidden md:mr-8 lg:mr-10 flex items-center">
-                            <a class="hover:text-gray-800 text-gray-600 font-semibold pt-10 md:pt-0" href="./blog.html">Blog</a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </div>
-    </header>
-</div>
-  <!--
-<div class="mt-12 container mx-auto xl:px-0">
+      <header class="mx-auto container px-4 xl:px-0">
+          <div class="flex items-center justify-end">
+              <a href="/">
+                  <img class="w-40" src="/images/karudhaas.png" alt="logo" />
+              </a>
+              <div>
 
-    <ul class="hidden text-lg sm:flex items-center flex-row-reverse">
-        <li onclick="toggleContent(this,1)" class="-mb-px border-b-2 border-gray-800 pb-5 text-gray-800 mr-20 MvTyper font-bold">ބަނޑޭރި</li>
-        <li onclick="toggleContent(this,2)" class="-mb-px cursor-pointer pb-5 text-gray-600 mr-20 MvTyper font-bold">ވިޔަފާރި</li>
-        <li onclick="toggleContent(this,3)" class="-mb-px cursor-pointer pb-5 text-gray-600 mr-20 MvTyper font-bold">ކުޅިވަރު</li>
-        <li onclick="toggleContent(this,4)" class="-mb-px cursor-pointer pb-5 text-gray-600 mr-20 MvTyper font-bold">ދުނިޔެ</li>
-    </ul>
-    <hr class="hidden sm:block border-t-2 border-gray-300" />
+                  <div id="menu" class="md:block lg:block hidden">
+                      <div onclick="toggleMenu(false)"
+                          class="block md:hidden lg:hidden text-gray-500 hover:text-gray-700 focus:text-gray-700 fixed focus:outline-none z-30 top-0 pt-4">
+                          <svg aria-haspopup="true" aria-label="Main Menu" xmlns="http://www.w3.org/2000/svg"
+                              class="h-8 w-8" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none"
+                              stroke-linecap="round" stroke-linejoin="round">
+                              <path stroke="none" d="M0 0h24v24H0z" />
+                              <line x1="18" y1="6" x2="6" y2="18" />
+                              <line x1="6" y1="6" x2="18" y2="18" />
+                          </svg>
+                      </div>
+                      <ul
+                          class="flex md:flex text-3xl md:text-base bg-white lg:text-base lg:flex flex-col md:flex-row lg:flex-row justify-center items-center fixed md:relative lg:relative top-0 bottom-0 left-0 right-0 z-20">
+                          <li class="md:hidden md:mr-8 lg:mr-10 flex items-center">
+                              <a class="hover:text-gray-800 text-gray-600 font-semibold pt-10 md:pt-0"
+                                  href="./about.html">About</a>
+                          </li>
+                          <li class="md:hidden md:mr-8 lg:mr-10 flex items-center">
+                              <a class="hover:text-gray-800 text-gray-600 font-semibold pt-10 md:pt-0"
+                                  href="./blog.html">Blog</a>
+                          </li>
+                      </ul>
+                  </div>
+              </div>
+          </div>
+      </header>
+  </div>
 
-</div>
+  <div class="mt-12 container mx-auto xl:px-0">
 
-  -->
-<!-- Nav ends here -->
\ No newline at end of file
+      <ul class="hidden text-lg sm:flex items-center flex-row-reverse">
+          <a href="/"
+              class="-mb-px pb-5 mr-20 MvTyper font-bold {{ request()->is('/') ? 'border-b-2 border-gray-800 text-gray-800 ' : 'text-gray-600' }}">ބަނޑޭރި</a>
+          <a href="/namespaces/business"
+              class="-mb-px cursor-pointer pb-5 mr-20 MvTyper font-bold {{ request()->is('namespaces/business') ? 'border-b-2 border-gray-800 text-gray-800 ' : 'text-gray-600' }}">ވިޔަފާރި</a>
+          <a href="/namespaces/sports"
+              class="-mb-px cursor-pointer pb-5 mr-20 MvTyper font-bold {{ request()->is('namespaces/sports') ? 'border-b-2 border-gray-800 text-gray-800 ' : 'text-gray-600' }}">ކުޅިވަރު</a>
+          <a href="/namespaces/world"
+              class="-mb-px cursor-pointer pb-5 mr-20 MvTyper font-bold {{ request()->is('namespaces/world') ? 'border-b-2 border-gray-800 text-gray-800 ' : 'text-gray-600' }}">ދުނިޔެ</a>
+      </ul>
+      <hr class="hidden sm:block border-t-2 border-gray-300" />
+
+  </div>
+
+  <!-- Nav ends here -->