<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
       <?php
      $companySetup = \App\Models\CompanySetup::first();
      $currentUser  = auth()->user(); // ✅ current logged-in user
  ?>
  <title><?php echo e($companySetup->company_name); ?></title>
 <link rel="icon" href="<?php echo e(asset('storage/' . $companySetup->fav_icon)); ?>" type="image/png">

    <!-- Tailwind CSS CDN -->
    <script src="https://cdn.tailwindcss.com"></script>

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <!-- Remix Icon -->
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css" rel="stylesheet" />
    <!-- AOS Animation Library -->
    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />

    <!-- Bengali Font -->
    <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap"
        rel="stylesheet">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">


    <style>
        body {
            font-family: 'Hind Siliguri', sans-serif;
            background: linear-gradient(to bottom, #f9fafb, #f3f4f6);
        }

        .writing-mode-vertical {
            writing-mode: vertical-rl;
            text-orientation: upright;
        }

        #preloader {
            transition: opacity 0.8s ease-out;
        }

        @keyframes float {
            0% {
                transform: translateY(0px);
            }

            50% {
                transform: translateY(-12px);
            }

            100% {
                transform: translateY(0px);
            }
        }

        .float-animation {
            animation: float 4s ease-in-out infinite;
        }
    </style>
    <?php echo $__env->yieldPushContent('styles'); ?>
</head>

<body>
<?php echo $__env->make('frontend.common.navbar', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
<?php echo $__env->yieldContent('sub_layout'); ?>
    <!-- Bottom Navigation -->
    <nav class="fixed bottom-0 left-0 right-0 bg-white shadow-2xl py-3 z-40">
        <div class="max-w-md mx-auto flex justify-around items-center">

            <!-- Home -->
            <a href="<?php echo e(url('/dashboard')); ?>" class="bottom-nav-item flex flex-col items-center gap-1 text-red-600" data-tab="home">
                <i class="ri-home-4-fill text-2xl leading-none"></i>
                <span class="text-[11px]">হোম</span>
            </a>

            <!-- Loan -->
            <a href="<?php echo e(url('/loan/apply')); ?>" class="bottom-nav-item flex flex-col items-center gap-1 text-gray-400" data-tab="loan">
                <i class="ri-hand-coin-fill text-2xl leading-none"></i>
                <span class="text-[11px]">লোন</span>
            </a>

            <!-- Inbox -->
            <a href="" class="bottom-nav-item flex flex-col items-center gap-1 text-gray-400" data-tab="inbox">
                <i class="ri-mail-unread-fill text-2xl leading-none"></i>
                <span class="text-[11px]">ইনবক্স</span>
            </a>

        </div>
    </nav>

    <script>
        const navItems = document.querySelectorAll('.bottom-nav-item');

        navItems.forEach(item => {
            item.addEventListener('click', () => {
                // সব আইটেমকে গ্রে করে দিচ্ছি
                navItems.forEach(i => i.classList.remove('text-red-600'));
                navItems.forEach(i => i.classList.add('text-gray-400'));

                // ক্লিক করা আইটেমকে active (লাল) করলাম
                item.classList.remove('text-gray-400');
                item.classList.add('text-red-600');

                // চাইলে এখানে tab অনুযায়ী পেজ/section পরিবর্তনের লজিক লিখতে পারো
                // const tab = item.dataset.tab;
            });
        });
    </script>
    <?php echo $__env->yieldPushContent('scripts'); ?>
</body>

</html><?php /**PATH /home/ecareba2/loan.rkmotorsbike.top/resources/views/frontend/layout_2.blade.php ENDPATH**/ ?>