<!DOCTYPE html>

<html lang="en">

<head>


<meta charset="UTF-8">

<meta name="viewport"
      content="width=device-width, initial-scale=1.0">

<title>Admin Dashboard - NIDVerify</title>


<!-- Tailwind CSS -->

<script src="https://cdn.tailwindcss.com"></script>


<!-- Google Font -->

<link rel="preconnect"
      href="https://fonts.googleapis.com">


<link rel="preconnect"
      href="https://fonts.gstatic.com"
      crossorigin>


<link href="
https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap"
rel="stylesheet">


<style>

    * {

        font-family:
        'Poppins',
        'Noto Sans Bengali', 
        'sans-serif';

    }


    body {

        background: #f8fafc;

    }


    .sidebar {

        background:
        linear-gradient(
            180deg,
            #111827 0%,
            #1e1b4b 100%
        );

    }


    .glass {

        background:
        rgba(255,255,255,0.85);

        backdrop-filter:
        blur(15px);

    }

</style>


<!-- Alpine.js CDN -->
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
</head>

<body>


<!-- Main Layout -->

<div class="min-h-screen
            flex">


    <!-- SIDEBAR -->

    <aside id="sidebar"
           class="sidebar
                  fixed
                  lg:static
                  z-50
                  inset-y-0
                  left-0
                  w-72
                  text-white
                  transform
                  -translate-x-full
                  lg:translate-x-0
                  transition-transform
                  duration-300">


        <!-- Logo -->

        <div class="h-20
                    px-6
                    flex
                    items-center
                    border-b
                    border-white/10">


            <div class="w-11
                        h-11
                        rounded-xl
                        bg-gradient-to-br
                        from-indigo-500
                        to-pink-500
                        flex
                        items-center
                        justify-center
                        mr-3">


                <svg class="w-6
                            h-6
                            text-white"
                     fill="none"
                     stroke="currentColor"
                     viewBox="0 0 24 24">


                    <path stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                          d="M9 12l2 2 4-4m5.618-4.016A11.955
                          11.955 0 0112 2.944a11.955
                          11.955 0 01-8.618 3.04A12.02
                          12.02 0 003 9c0 5.591 3.824
                          10.29 9 11.622C17.176 19.29
                          21 14.591 21 9c0-1.042-.133-2.052-.382-3.016z"/>

                </svg>

            </div>


            <div>

                <h1 class="text-xl
                           font-extrabold">

                    NID<span class="text-pink-400">
                        Verify
                    </span>

                </h1>


                <p class="text-xs
                          text-gray-400">

                    Admin Panel

                </p>

            </div>

        </div>


        <!-- Navigation -->

        <nav class="p-4
                    space-y-2">


            <!-- Dashboard -->

            <a href="<?php echo e(route('admin.dashboard')); ?>"
               class="flex
                      items-center
                      gap-3
                      px-4
                      py-3
                      rounded-xl
                      bg-white/10
                      text-white">


                <svg class="w-5
                            h-5"
                     fill="none"
                     stroke="currentColor"
                     viewBox="0 0 24 24">


                    <path stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                          d="M3 12l2-2m0 0l7-7
                          7 7M5 10v10a1 1
                          0 001 1h3m10-11l2 2m-2-2v10a1
                          1 0 01-1 1h-3m-4 0h4"/>

                </svg>


                Dashboard

            </a>

            <?php if(Auth::user()->role === 'user'): ?> 
            <a href="<?php echo e(route('recharge.index')); ?>" 
            class="flex items-center justify-between px-4 py-3 text-gray-100 dark:text-gray-200 hover:bg-indigo-50 dark:hover:bg-gray-800 hover:text-indigo-600 rounded-xl transition group">
                
                <div class="flex items-center gap-3">
                    <!-- Wallet / Plus Icon -->
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-gray-500 group-hover:text-indigo-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6" />
                    </svg>
                    <span class="font-medium text-sm">রিচার্জ করুন</span>
                </div>

                <!-- Highlight Badge -->
                <span class="px-2 py-0.5 text-[10px] font-bold text-white bg-emerald-500 rounded-full">
                    Add
                </span>
            </a>

            <?php endif; ?>

            

            <?php if(Auth::user()->role === 'admin'): ?>
            <a href="<?php echo e(route('admin.recharges.index')); ?>" 
            class="flex items-center justify-between px-4 py-3 text-gray-100 dark:text-gray-200 hover:bg-indigo-50 dark:hover:bg-gray-800 hover:text-indigo-600 rounded-xl transition group">
                
                <div class="flex items-center gap-3">
                    <!-- Recharge / Money Icon -->
                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-gray-500 group-hover:text-indigo-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z" />
                    </svg>
                    <span class="font-medium text-sm">রিচার্জ রিকোয়েস্ট</span>
                </div>

                <!-- Pending Requests Count (Dynamic Badge) -->
                <?php
                    $pendingCount = \Illuminate\Support\Facades\DB::table('recharges')->where('status', 'pending')->count();
                ?>

                <?php if($pendingCount > 0): ?>
                    <span class="px-2 py-0.5 text-xs font-bold text-white bg-rose-500 rounded-full animate-pulse">
                        <?php echo e($pendingCount); ?>

                    </span>
                <?php endif; ?>
            </a>
            <?php endif; ?>

            <!-- Requests -->

            <a href="<?php echo e(route('nid.server.index')); ?>"
               class="flex
                      items-center
                      gap-3
                      px-4
                      py-3
                      rounded-xl
                      text-gray-300
                      hover:bg-white/10
                      hover:text-white
                      transition">


                <svg class="w-5
                            h-5"
                     fill="none"
                     stroke="currentColor"
                     viewBox="0 0 24 24">


                    <path stroke-linecap="round"
                          stroke-linejoin="round"
                          stroke-width="2"
                          d="M9 12h6m-6 4h6m2 5H7a2
                          2 0 01-2-2V5a2 2
                          0 012-2h5.586a1 1
                          0 01.707.293l5.414
                          5.414a1 1 0 01.293.707V19a2
                          2 0 01-2 2z"/>

                </svg>


                Nid Server Requests

            </a>


            <!-- Logout -->

 <form method="POST"
      action="<?php echo e(route('logout')); ?>">

    <?php echo csrf_field(); ?>

    <button type="submit"
            class="w-full flex items-center gap-3
                   px-4 py-3 rounded-xl
                   text-gray-300
                   hover:bg-red-500/20
                   hover:text-red-300
                   transition">

        <svg class="w-5 h-5"
             fill="none"
             stroke="currentColor"
             viewBox="0 0 24 24">

            <path stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"/>

        </svg>

        Logout

    </button>

</form>

        </nav>


        <!-- Admin Profile -->

        <div class="absolute
                    bottom-0
                    left-0
                    right-0
                    p-4
                    border-t
                    border-white/10">


            <div class="flex
                        items-center
                        gap-3">


                <div class="w-10
                            h-10
                            rounded-full
                            bg-gradient-to-br
                            from-indigo-500
                            to-pink-500
                            flex
                            items-center
                            justify-center
                            font-bold">


      

                </div>


                <div class="flex-1
                            min-w-0">


                    <p class="font-semibold
                              truncate">


                    </p>


                    <p class="text-xs
                              text-gray-400
                              truncate">

     

                    </p>

                </div>

            </div>

        </div>

    </aside>


    <!-- MAIN CONTENT -->

    <?php echo $__env->yieldContent('content'); ?>
    

</div>


<!-- Sidebar Script -->

<script>

    function toggleSidebar() {

        const sidebar =
            document.getElementById(
                "sidebar"
            );


        sidebar.classList.toggle(
            "-translate-x-full"
        );

    }

</script>


</body>

</html>
<?php /**PATH C:\xampp\htdocs\nidservercopy\resources\views/layouts/layout.blade.php ENDPATH**/ ?>