navbar.html

<nav class="bg-white border-gray-200 dark:bg-gray-700">
    <div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl px-4 md:px-6 py-2.5">
            <span class="self-center text-xl font-semibold whitespace-nowrap dark:text-white">Food Shop</span>
        <div class="flex items-center">
            {% if user.is_authenticated %}
            <span class="text-white m-l-5">Welcome {{ user.username }}</span>
            <a href="/logout" class="text-sm m-5 font-medium text-blue-600 dark:text-blue-500 hover:underline">Logout</a>
            {% else %}
            <a href="/login" class="text-sm m-5 font-medium text-blue-600 dark:text-blue-500 hover:underline">Login</a>
            <a href="/register" class="text-sm font-medium text-blue-600 dark:text-blue-500 hover:underline">Register</a>
            {% endif %}
        </div>
    </div>
</nav>
<nav class="bg-gray-50 dark:bg-gray-200">
    <div class="py-3 px-4 mx-auto max-w-screen-xl md:px-6">
        <div class="flex items-center">
            <ul class="flex flex-row mt-0 mr-6 space-x-8 text-sm font-medium">
                <li>
                    <a href="/" class="text-gray-900 dark:text-black hover:underline" aria-current="page">หน้าหลัก</a>
                </li>
                <li>
                    <a href="/" class="text-gray-900 dark:text-black hover:underline">อาหารแนะนำ</a>
                </li>
                <li>
                    <a href="/" class="text-gray-900 dark:text-black hover:underline">ติดต่อเรา</a>
                </li>
            </ul>
        </div>
    </div>
</nav>