@using Microsoft.Extensions.Localization
@using Common
@inject IStringLocalizer<SharedRes> Loc

<header class="navbar w-full bg-transparent  shadow-lg absolute   z-30">
    <nav class="navbar-start  bg-transparent ">
        <a class="btn btn-ghost text-xl font-bold text-accent">@Loc["MassTech"]</a>
    </nav>
    <div class="navbar-end lg:flex">
        <div class="dropdown dropdown-end">
            <div tabindex="0" role="button" class="btn btn-ghost lg:hidden text-accent">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
                     stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" />
                </svg>
            </div>
            <ul tabindex="0"
                class="menu menu-sm navbar-end  dropdown-content bg-transparent opacity-50 rounded-box z-1 mt-3 w-52 p-2 shadow-xl">
                <li class="">
                    <a class="text-base font-bold text-accent" href="/">@Loc["Home"]</a>
                </li>
                <li class="">
                    <a class="text-base font-bold text-accent" href="/categories">@Loc["Categories"]</a>
                </li>

                <li class="">
                    <a class="text-base font-bold text-accent" href="/lines">@Loc["Lines"]</a>
                </li>

                <li class="">
                    <a class="text-base font-bold text-accent" href="/products">@Loc["Products"]</a>
                </li>

                <li class="">
                    <a class="text-base font-bold text-accent" href="/about">@Loc["About"]</a>
                </li>


                <li class="">
                    <a class="text-base font-bold text-accent" href="/contact">@Loc["Contact"]</a>


                </li>


                <li class="">
                    <LanguageSwitcher SupportedCultures='["en", "ar", "de", "es", "fr"]'></LanguageSwitcher>

                </li>


            </ul>
        </div>
        <ul class="menu menu-horizontal  hidden lg:flex px-1">
            <li class="py-5">
                <a class="text-base  font-bold text-accent" href="/">@Loc["Home"]</a>
            </li>


            <li class="py-5">
                <details>
                    <summary class="text-base   font-bold text-accent">@Loc["Search"]</summary>
                    <ul class="p-2 shadow-xl bg-transparent ">
                        <li class="">
                            <a class="text-base  font-bold text-accent" href="/categories">@Loc["Categories"]</a>
                        </li>

                        <li class="">
                            <a class="text-base  font-bold text-accent" href="/lines">@Loc["Lines"]</a>
                        </li>

                        <li class="">
                            <a class="text-base  font-bold text-accent" href="/products">@Loc["Products"]</a>
                        </li>


                    </ul>
                </details>
            </li>



            <li class="py-5">
                <a class="text-base  font-bold text-accent" href="/about">@Loc["About"]</a>
            </li>


            <li class="py-5">
                <a class="text-base  font-bold text-accent" href="/contact">@Loc["Contact"]</a>
            </li>

            <li class="py-5">
                <LanguageSwitcher SupportedCultures='["en", "ar", "de", "es", "fr"]'></LanguageSwitcher>

            </li>


        </ul>
    </div>

</header>



@code {

}