<nav class="sticky top-0 z-50 bg-principal">
    <div class="flex items-center justify-between max-w-screen-xl gap-5 px-4 py-5 mx-auto lg:gap-10">
        <a href="<?php echo e(route('home')); ?>" class="flex items-center space-x-3 rtl:space-x-reverse">
            <img class="h-12 xl:h-16" src="<?php echo e(asset('storage/logos/favicon-310x310.png')); ?>" alt="logo finca monte verde">
        </a>
        <div class="flex items-center justify-center gap-4 lg:gap-10">
            <button data-collapse-toggle="navbar-default" type="button"
                class="inline-flex items-center justify-center order-2 w-10 h-10 p-2 text-sm text-gray-200 rounded-lg lg:hidden "
                aria-controls="navbar-default" aria-expanded="false">
                <span class="sr-only">Open main menu</span>
                <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
                    viewBox="0 0 17 14">
                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                        d="M1 1h15M1 7h15M1 13h15" />
                </svg>
            </button>
            <div class="fixed inset-0 z-50 hidden bg-principal lg:static lg:block lg:w-auto lg:bg-transparent"
                id="navbar-default">
                <div class="flex justify-end px-6 pt-4 lg:hidden">
                    <button type="button" data-collapse-toggle="navbar-default" aria-controls="navbar-default"
                        class="px-5 py-3 mt-5 bg-white rounded-full">
                        <i class="text-2xl text-black fas fa-times"></i>
                    </button>
                </div>
                <ul
                    class="flex flex-col gap-10 p-4 mt-4 font-medium text-center lg:text-left lg:flex-row sm:gap-14 lg:gap-10 md:p-0 bg-principal md:mt-0 md:bg-principal">
                    <li>
                        <a href="<?php echo e(route('home')); ?>"
                            class="block py-5 mt-5 text-3xl font-light text-white transition-all duration-300 rounded-sm lg:mt-0 lg:py-2 lg:text-lg hover:text-principalhover md:p-0">¿QUIÉNES
                            SOMOS?</a>
                    </li>
                    <li>
                        <a href="<?php echo e(route('products')); ?>"
                            class="block px-3 py-5 text-3xl font-light text-white transition-all duration-300 rounded-sm lg:py-2 lg:text-lg hover:text-principalhover md:p-0">PRODUCTOS</a>
                    </li>
                    <li>
                        <a href="<?php echo e(route('cafeConCausa')); ?>"
                            class="block px-3 py-5 text-3xl font-light text-white transition-all duration-300 rounded-sm lg:py-2 lg:text-lg hover:text-principalhover md:p-0">CAFÉ
                            CON CAUSA</a>
                    </li>
                    <li>
                        <a href="<?php echo e(route('contacto')); ?>"
                            class="block px-3 py-5 text-3xl font-light text-white transition-all duration-300 rounded-sm lg:py-2 lg:text-lg hover:text-principalhover md:p-0">CONTACTO</a>
                    </li>
                </ul>
            </div>
            <div class="flex gap-4 text-black">
                <?php if(!auth()->check()): ?>
                    <a href="<?php echo e(route('login')); ?>">
                        <img src="/storage/navbar/cuenta.svg" alt="cuenta"
                            class="h-12 p-3 transition-all duration-300 rounded-full hover:bg-principalhover">
                    </a>
                <?php else: ?>
                    <?php if(auth()->user()->role_id == 1): ?>
                        <div class="flex items-center justify-center overflow-hidden">
                            <button type="button"
                                class="flex p-3 mx-3 text-sm transition-all duration-300 rounded-full shadow-lg md:mr-0 hover:bg-principalhover"
                                id="user-menu-button" aria-expanded="false" data-dropdown-toggle="dropdown">
                                <span class="sr-only">Open user menu</span>
                                <img src="/storage/navbar/cuenta.svg" alt="cuenta" class="h-8">
                            </button>
                            <div class="z-50 hidden w-56 my-4 text-base list-none bg-white divide-y divide-gray-100 shadow-lg rounded-xl"
                                id="dropdown">
                                <div class="px-4 py-3">
                                    <span class="block text-sm font-semibold"><?php echo e(auth()->user()->person->first_name); ?>

                                        <?php echo e(auth()->user()->person->last_name); ?></span>
                                    <span class="block text-sm truncate"><?php echo e(auth()->user()->email); ?></span>
                                </div>
                                <ul class="py-1" aria-labelledby="dropdown">
                                    <li>
                                        <a href="<?php echo e(route('my.information')); ?>"
                                            class="block px-4 py-2 text-sm transition-all duration-300 hover:bg-principalhover hover:text-white">Perfil</a>
                                    </li>
                                </ul>
                                <ul class="" aria-labelledby="dropdown">
                                    <li>
                                        <form action="<?php echo e(route('logout')); ?>" method="POST">
                                            <?php echo csrf_field(); ?>
                                            <button type="submit"
                                                class="block w-full px-4 py-2 text-sm transition-all duration-300 hover:bg-principalhover hover:text-white hover:rounded-b-xl">Cerrar
                                                sesión</button>
                                        </form>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    <?php else: ?>
                        <?php
$__split = function ($name, $params = []) {
    return [$name, $params];
};
[$__name, $__params] = $__split('client.cart');

$__html = app('livewire')->mount($__name, $__params, 'lw-3819410504-0', $__slots ?? [], get_defined_vars());

echo $__html;

unset($__html);
unset($__name);
unset($__params);
unset($__split);
if (isset($__slots)) unset($__slots);
?>
                        <div class="flex items-center justify-center overflow-hidden">
                            <button type="button"
                                class="flex p-3 mx-3 text-sm transition-all duration-300 rounded-full shadow-lg md:mr-0 hover:bg-principalhover"
                                id="user-menu-button" aria-expanded="false" data-dropdown-toggle="dropdown">
                                <span class="sr-only">Open user menu</span>
                                <img src="/storage/navbar/cuenta.svg" alt="cuenta" class="h-8">
                            </button>
                            <div class="z-50 hidden w-56 my-4 text-base list-none bg-white divide-y divide-gray-100 shadow-lg rounded-xl"
                                id="dropdown">
                                <div class="px-4 py-3">
                                    <span class="block text-sm font-semibold"><?php echo e(auth()->user()->person->first_name); ?>

                                        <?php echo e(auth()->user()->person->last_name); ?></span>
                                    <span class="block text-sm truncate"><?php echo e(auth()->user()->email); ?></span>
                                </div>
                                <ul class="py-1" aria-labelledby="dropdown">
                                    <li>
                                        <a href="<?php echo e(route('direcciones.index')); ?>"
                                            class="block px-4 py-2 text-sm transition-all duration-300 hover:bg-principalhover hover:text-white">Direcciones</a>
                                    </li>
                                    <li>
                                        <a href="<?php echo e(route('compras.index')); ?>"
                                            class="block px-4 py-2 text-sm transition-all duration-300 hover:bg-principalhover hover:text-white">Compras</a>
                                    </li>
                                    <li>
                                        <a href="<?php echo e(route('my.information')); ?>"
                                            class="block px-4 py-2 text-sm transition-all duration-300 hover:bg-principalhover hover:text-white">Perfil</a>
                                    </li>
                                </ul>
                                <ul class="" aria-labelledby="dropdown">
                                    <li>
                                        <form action="<?php echo e(route('logout')); ?>" method="POST">
                                            <?php echo csrf_field(); ?>
                                            <button type="submit"
                                                class="block w-full px-4 py-2 text-sm transition-all duration-300 hover:bg-principalhover hover:text-white hover:rounded-b-xl">Cerrar
                                                sesión</button>
                                        </form>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    <?php endif; ?>
                <?php endif; ?>
            </div>
        </div>
    </div>
</nav>
<?php /**PATH C:\laragon\www\web-finca-monte-verde-v1\resources\views/partials/nav.blade.php ENDPATH**/ ?>