
<style>
    .logo-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover; /* Ensures the logo fits nicely within the circular area */
    transition: transform 0.3s ease;
}

.logo-circle:hover {
    transform: scale(1.1); /* Adds a subtle zoom-in effect on hover */
}

</style>
<section class="my_navbar" style="background-color: #F5EFFF">

    <div class="container-fluid">
        <div class="row navbar_inner">
            <div class="col-6 p-0">

                <div class="main_logo">
                   <a href="<?php echo e(route('home')); ?>">
                    <img src="<?php echo e(URL::to(website_logo())); ?>" alt="logo" loading="lazy" class="logo-circle">
                </a>

                </div>

            </div>
            <div class="col-6 p-0">

                <div class="navbar_right d-flex justify-content-end ">
                    <div class="skype_logo ">
                        <div class="nav_details">
                            <a href="<?php echo e(route('referral-program')); ?>" class="" aria-label="get in touch" rel="noopener">Referral Program</a>
                        </div>
                    </div>
                    
                    <?php if(auth()->guard()->check()): ?>
                        <?php if(auth()->user()->role_id == 1 || auth()->user()->role_id == 2): ?>
                            <div class="skype_logo ">
                                <div class="nav_details">
                                    <a href="<?php echo e(route('admin.dashboard')); ?>" class="" aria-label="get in touch" rel="noopener">Admin</a>
                                </div>
                            </div>
                        <?php elseif(auth()->user()->role_id == 3): ?>
                            <div class="skype_logo ">
                                <div class="nav_details">
                                    <a href="<?php echo e(route('user.dashboard')); ?>" class="" aria-label="get in touch" rel="noopener">Dashboard</a>
                                </div>
                            </div>
                        <?php endif; ?>
                        <div class="nav_details">
                            <a href="<?php echo e(route('logout')); ?>" class="" aria-label="get in touch" rel="noopener" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Logout</a>
                            <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" class="d-none">
                                <?php echo csrf_field(); ?>
                            </form>
                            <i class="fa-solid fa-bars toggle_menu" data-toggle="modal" data-target="#exampleModalCenter"></i>
                        </div>
                    <?php else: ?>
                        <div class="skype_logo ">
                            <div class="nav_details">
                                <a href="<?php echo e(route('login')); ?>" class="" aria-label="get in touch" rel="noopener">Login</a>
                            </div>
                        </div>
                        <div class="nav_details">
                            <a href="<?php echo e(route('register')); ?>" class="" aria-label="get in touch" rel="noopener">Register</a>
                            <i class="fa-solid fa-bars toggle_menu" data-toggle="modal" data-target="#exampleModalCenter"></i>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade nav_modal" id="exampleModalCenter" tabindex="-1" role="dialog"
        aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content nav_modal-content" style="border-radius: 0 !important">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLongTitle">
                        <a href="<?php echo e(route('home')); ?>" aria-label="logo" rel="noopener">
                            <img src="https://moneyupwork.com/backend/img/website/LdcepnDhphojtWuBnPEj.png" alt="logo" loading="lazy" />
                        </a>
                    </h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <img src="https://moneyupwork.com/backend/img/website/modal_close.webp" loading="lazy" />
                    </button>
                </div>
                <div class="modal-body">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="menus">
                                    <a href="<?php echo e(route('home')); ?>" class="" aria-label="career" rel="noopener" style="font-weight: bold">Home</a>
                                    <?php if(auth()->guard()->check()): ?>
                                        <?php if(auth()->user()->role_id == 1 || auth()->user()->role_id == 2): ?>
                                            <a href="<?php echo e(route('admin.dashboard')); ?>" class="" aria-label="about" rel="noopener" style="font-weight: bold">Dashboard</a>
                                        <?php elseif(auth()->user()->role_id == 3): ?>
                                            <a href="<?php echo e(route('user.dashboard')); ?>" class="" aria-label="about" rel="noopener" style="font-weight: bold">Dashboard</a>
                                        <?php endif; ?>
                                        <a href="<?php echo e(route('logout')); ?>" class="" aria-label="about" rel="noopener" onclick="event.preventDefault(); document.getElementById('logout-form').submit();" style="font-weight: bold">Logout</a>
                                        <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" class="d-none">
                                            <?php echo csrf_field(); ?>
                                        </form>
                                    <?php else: ?>
                                        <a href="<?php echo e(route('referral-program')); ?>" class="" aria-label="get in touch" rel="noopener" style="font-weight: bold">Referral Program</a>
                                        
                                        <a href="<?php echo e(route('register')); ?>" class="" aria-label="service" rel="noopener" style="font-weight: bold">Register</a>
                                        <a href="<?php echo e(route('login')); ?>" class="" aria-label="about" rel="noopener" style="font-weight: bold">Login</a>
                                        <a href="https://gpsmicrojob.top/user-foreget-password" class="" aria-label="about" rel="noopener" style="font-weight: bold">Reset Password</a>
                                    <?php endif; ?>
                                    
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="nm_footer">©<?php echo e(date('Y')); ?> akota microjobs</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section><?php /**PATH /home/sakibwe1/microjobtwo.sakibwebtech.website/resources/views/frontend/layouts/partials/header.blade.php ENDPATH**/ ?>